html, body {
  height: 100%;
  margin: 0;
}

.body-inner {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

body:before {
    content: "";
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

.logoQHANA {
    max-width: 30%;
    width: 300px;
    padding-bottom: 20px;
    height: auto;
}

.inspiro-slider .slide .slide-captions > p {
    font-size: 24px !important;
}

#product-title h1,
#product-title span {
  color: white !important;
}

#breadcrumb {
    font-size: medium;
}

.hero-with-overlay {
    position: relative; 
}

/* Estilos para la capa de superposición */
.overlay-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3); 
    z-index: 0; 
}

.hero-with-overlay .container {
    position: relative; 
    z-index: 1; 
}

.bg-overlay, .bg-overlay-dark-5 {
    display: none; 
}
/* Estilos para el footer */
.sticky-footer {
  margin-top: auto;
}

.sidebar .widget .list-lines li,
.sidebar .widget .list-lines li small {
  line-height: 1.6rem;
}

.post-content p,
.post-content ul,
.post-content ol,
.post-content li {
  color: #333;
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 200 !important;

}

.post-content ul li,
.post-content ol li {
  margin-bottom: 10px; /* aumenta separación entre ítems */
  line-height: 1.6;     /* aumenta el espacio entre líneas */
}

.img-producto {
  float: right;
  max-width: 205px; /* tamaño máximo en escritorio */
  height: auto; /* mantiene proporción */
  margin-top: 20px;
  margin-left: 20px;
  margin-bottom: 10px;
}

/* Responsivo para pantallas pequeñas */
@media (max-width: 768px) {
  .img-producto {
    float: none; /* ya no flota a la derecha */
    display: block;
    margin: 20px auto; /* centrada */
    max-width: 100%; /* ocupa ancho completo disponible */
  }
}