/* =========================================
   NUEVO DISEÑO DE TESTIMONIOS - CORTINAS BAJA
   ========================================= */

/* El contenedor principal del carrusel */
.testimonial-carousel {
    padding: 20px 0 40px 0; /* Espacio para las sombras y los puntos de navegación */
}

/* La tarjeta individual de testimonio */
.testimonial-item {
    background: #ffffff; /* Fondo blanco puro para la tarjeta */
    border-radius: 20px !important; /* Bordes más redondeados y modernos */
    padding: 35px 30px; /* Más espacio interno */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); /* Sombra suave y elegante */
    border: none !important; /* Quitamos el borde gris de Bootstrap */
    transition: all 0.3s ease-in-out; /* Transición suave para el hover */
    margin: 15px; /* Espacio entre tarjetas */
    position: relative;
    overflow: hidden;
}

/* Efecto al pasar el mouse por encima */
.testimonial-item:hover {
    transform: translateY(-5px); /* La tarjeta se eleva ligeramente */
    box-shadow: 0 15px 35px rgba(179, 142, 93, 0.15); /* La sombra se intensifica con un tono dorado sutil */
}

/* Icono de la cita ( comillas ) */
.testimonial-item .fa-quote-left {
    color: #b38e5d; /* Usamos un color dorado/café de la marca */
    opacity: 0.2; /* Lo hacemos sutil */
    font-size: 3rem; /* Más grande */
    position: absolute;
    top: 20px;
    left: 20px;
}

/* El texto del testimonio */
.testimonial-text {
    font-style: italic;
    color: #555;
    font-size: 1.1rem;
    line-height: 1.6;
    margin-top: 30px; /* Espacio para el icono de comillas */
    position: relative;
    z-index: 2;
}

/* Las estrellas de calificación */
.testimonial-stars {
    color: #ffc107; /* Amarillo estándar de estrellas */
    letter-spacing: 3px;
    margin-bottom: 20px;
    font-size: 1.2rem;
}

/* Contenedor de la información del cliente */
.client-info-container {
    border-top: 1px solid rgba(0,0,0,0.05); /* Línea separadora muy sutil */
    padding-top: 20px;
}

/* Imagen del perfil */
.testimonial-profile-img {
    width: 65px !important; /* Un poco más grandes */
    height: 65px !important;
    border-radius: 50%;
    border: 3px solid #f8f9fa; /* Borde blanco alrededor de la foto */
    box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Sombra en la foto */
    object-fit: cover;
}

/* Nombre del cliente */
.client-name {
    font-weight: 700;
    color: #333;
    margin-bottom: 2px;
    font-family: 'Montserrat', sans-serif;
}

/* Ubicación del cliente */
.client-location {
    color: #b38e5d; /* Color de acento para la ubicación */
    font-weight: 600;
    font-size: 0.9rem;
}
/* Icono pequeño de ubicación */
.client-location i {
    margin-right: 5px;
}

/* Ajustes para los puntos de navegación del Owl Carousel (opcional) */
.owl-dots {
    margin-top: 20px !important;
}
.owl-dot span {
    background: #e9ecef !important;
    width: 12px !important;
    height: 12px !important;
    margin: 5px 7px !important;
}
.owl-dot.active span {
    background: #b38e5d !important; /* Color activo dorado/café */
    transform: scale(1.2);
}