/* === PERFUMISTAS === */
#section-perfumistas_tab,
div#section-perfumistas_tab .rh-container {
   background: #b2935a !important;
   color: #111;
   box-shadow: none !important;
}

.perfumista-texto h2 a {
   color: #111;
}

.perfumistas-contenedor {
   display: flex;
   flex-direction: column;
   gap: 20px;
}

/* Título principal con número */
.perfumistas-main-title {
   font-size: 1.4rem;
   font-weight: bold;
   margin: 0 0 15px 0;
   color: #444 !important;
   text-align: center;
   padding-bottom: 10px;
}

/* ALTURA FIJA PARA EVITAR SALTOS EN EL CARRUSEL */
.perfumista-item {
   display: flex;
   align-items: flex-start;
   gap: 20px;
   flex-wrap: wrap;
   min-height: 220px;
   transition: min-height 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.perfumista-imagen {
   width: 150px;
   height: 150px;
   border-radius: 50%;
   overflow: hidden;
   position: relative;
   flex-shrink: 0;
}

.perfumista-imagen img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.perfumista-texto {
   flex: 1;
   display: flex;
   flex-direction: column;
   gap: 10px;
   height: 100%;
}

/* Contenedor de descripción con altura controlada */
.perfumista-descripcion {
   flex: 1;
   display: flex;
   flex-direction: column;
   min-height: 120px;
   position: relative;
   transition: min-height 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* DESCRIPCIÓN MULTILÍNEA CON CLAMP */
.descripcion-texto {
   position: relative;
   line-height: 1.4;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
   min-height: 4.2em;
   text-align: left !important;
   flex: 1;
   transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.descripcion-texto .descripcion-contenido p {
   margin-bottom: 15px !important;
}

.descripcion-texto .descripcion-contenido p:last-child {
   margin-bottom: 0 !important;
}

.descripcion-texto.expanded {
   display: block;
   -webkit-line-clamp: unset;
   -webkit-box-orient: initial;
   overflow: visible;
   text-align: left !important;
}

/* Gradiente de fade para texto cortado - mejora visual */
.descripcion-texto:not(.expanded)::after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   height: 20px;
   background: linear-gradient(transparent, #b2935a);
   pointer-events: none;
}

/* Contenedor del botón "leer más" */
.leer-mas-contenedor {
   display: flex;
   justify-content: flex-end;
   margin-top: 10px;
   transition: opacity 0.3s ease;
}

.leer-mas-contenedor.hidden {
   opacity: 0;
   pointer-events: none;
}

/* BOTÓN LEER MÁS */
.leer-mas-btn {
   background: transparent;
   border: none;
   color: #444;
   text-decoration: underline;
   cursor: pointer;
   font-size: 0.9em;
   font-style: italic;
   opacity: 0.8;
   transition: opacity 0.3s ease;
   padding: 5px 10px;
   margin: 0;
}

.leer-mas-btn:hover {
   opacity: 1;
}

/* BOTÓN COLAPSAR */
.colapsar-contenedor {
   display: none;
   justify-content: flex-end;
   margin-top: 10px;
   transition: opacity 0.3s ease;
}

.colapsar-contenedor.visible {
   display: flex;
}

.colapsar-btn {
   background: transparent;
   border: none;
   color: #444;
   text-decoration: underline;
   cursor: pointer;
   font-size: 0.9em;
   font-style: italic;
   opacity: 0.8;
   transition: opacity 0.3s ease;
   padding: 5px 10px;
   margin: 0;
}

.colapsar-btn:hover {
   opacity: 1;
}

/* Cuando el texto se expande */
.perfumista-descripcion.expanded {
   min-height: auto;
}

.descripcion-texto.expanded {
   display: block;
   -webkit-line-clamp: none;
   -webkit-box-orient: initial;
   overflow: visible;
}

/* CARRUSEL - Solo para múltiples perfumistas */
.perfumistas-carousel-wrapper {
   display: flex;
   align-items: center;
   gap: 15px;
   position: relative;
}

.perfumistas-carousel {
   flex: 1;
   overflow: hidden;
   position: relative;
   min-height: 220px;
   transition: min-height 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.perfumistas-carousel .perfumista-item {
   display: none;
}

.perfumistas-carousel .perfumista-item.active {
   display: flex;
}

/* Botones del carrusel */
.carousel-btn {
   width: 40px;
   height: 40px;
   border: 1px solid #111;
   border-radius: 50%;
   background: transparent;
   color: #111;
   font-size: 20px;
   font-weight: bold;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: all 0.3s ease;
   flex-shrink: 0;
   line-height: 1;
   align-self: center;
}

.carousel-btn:hover {
   background: rgba(17, 17, 17, 0.1);
   transform: scale(1.05);
}

/* Indicadores móviles */
.carousel-mobile-indicators {
   display: none;
   justify-content: center;
   gap: 8px;
   margin-top: 15px;
}

.mobile-indicator {
   width: 8px;
   height: 8px;
   background: rgba(17, 17, 17, 0.3);
   border-radius: 50%;
   cursor: pointer;
   transition: all 0.3s ease;
}

.mobile-indicator.active {
   background: #111;
   transform: scale(1.2);
}

/* RESPONSIVE */
@media screen and (max-width: 768px) {
   .perfumistas-contenedor[data-count="4"] .carousel-mobile-indicators,
   .perfumistas-contenedor[data-count="5"] .carousel-mobile-indicators,
   .perfumistas-contenedor[data-count="6"] .carousel-mobile-indicators,
   .perfumistas-contenedor[data-count="7"] .carousel-mobile-indicators,
   .perfumistas-contenedor[data-count="8"] .carousel-mobile-indicators,
   .perfumistas-contenedor[data-count="9"] .carousel-mobile-indicators,
   .perfumistas-contenedor[data-count="10"] .carousel-mobile-indicators {
       display: flex;
   }

   /* MEJORA: Ocultar flechas en móviles para recuperar espacio */
   .carousel-btn {
       display: none !important;
   }

   .perfumistas-carousel-wrapper {
       gap: 0;
       position: relative;
   }

   .perfumistas-carousel {
       position: relative;
       height: auto;
       min-height: 400px;
       padding: 0 !important; /* Eliminado el padding: 0 45px */
       transition: min-height 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
   }

   /* Ajustes del contenido en móvil */
   .perfumista-item {
       flex-direction: column;
       align-items: center;
       min-height: 400px;
       padding: 0 15px; /* Padding optimizado para mejor uso del espacio */
       transition: min-height 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
   }

   /* MEJORA CLAVE: altura dinámica del carrusel según contenido */
   .perfumista-item.expanding {
       min-height: auto;
   }
   
   .perfumistas-carousel.expanding {
       min-height: auto;
       transition: min-height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
   }

   .perfumista-descripcion {
       min-height: 160px;
       width: 100%;
       transition: min-height 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
   }

   .descripcion-texto {
       -webkit-line-clamp: 6;
   }

   .descripcion-texto.expanded {
       padding-bottom: 20px; /* Espacio extra para el botón colapsar */
   }

   .perfumista-texto h2 {
       text-align: center;
       margin-bottom: 15px;
   }

   .perfumista-imagen {
       margin-bottom: 10px;
   }

   .leer-mas-contenedor {
       justify-content: flex-end;
   }

   /* Mejorar el botón colapsar en móviles */
   .colapsar-btn {
       background: rgba(68, 68, 68, 0.1);
       border: 1px solid rgba(68, 68, 68, 0.2);
       border-radius: 15px;
       padding: 8px 16px;
       font-weight: 500;
       text-decoration: none;
       transition: all 0.3s ease;
   }
   
   .colapsar-btn:hover {
       background: rgba(68, 68, 68, 0.2);
       transform: translateY(-1px);
   }

   /* PADDING INTELIGENTE SEGÚN TIPO DE PERFUMISTAS */
   #section-perfumistas_tab:has(.perfumistas-carousel-wrapper) .rh-container {
       padding: 3.5% 1% !important;
   }
   
   #section-perfumistas_tab:not(:has(.perfumistas-carousel-wrapper)) .rh-container {
       padding: 3.5% 3.5% !important;
   }
   
   /* FALLBACK para navegadores sin soporte :has() */
   #section-perfumistas_tab .rh-container {
       padding: 3.5% 1% !important;
   }
   
   .perfumistas-contenedor[data-count="1"] {
       margin: 0 2.5%;
       padding: 0 10px;
   }
}

/* Transiciones suaves globales */
* {
   scroll-behavior: smooth;
}

/* === MEJORAS DE ACCESIBILIDAD === */
@media (prefers-reduced-motion: reduce) {
   .descripcion-texto,
   .perfumista-item,
   .carousel-btn,
   .perfumistas-carousel {
       transition: none;
   }
   
   * {
       scroll-behavior: auto;
   }
}