@font-face {
    font-family: 'Inter';
    src: url('../../fuentes/Playfair_Display/static/PlayfairDisplay-Regular.ttf');
}

@font-face {
    font-family: 'Playfair_Display';
    src: url('../../fuentes/Playfair_Display/static/PlayfairDisplay-Regular.ttf');
}

/* 1. PALETA DE COLORES RESTAURADA (Para diseño modular y mantenible) */
        :root {
            --negro-intenso: #000000;
            --negro-suave: #2d3436;
            --rojo-secundario: #8A0303;
            --crema-puro: #fefdfb;
            --gris-neutro: #6c757d;
        }
        
        /* === ESTILOS GENERALES (MÍNIMOS, sin afectar BODY/RESET) === */
        /* * {
            box-sizing: border-box;
            font-family: 'Inter';
        } */

        /* === TESTIMONIOS === */
        .testimonios {
            /* FONDO OSCURO USANDO VARIABLES Y DEGRADADO */
            background: linear-gradient(135deg, var(--negro-intenso), var(--negro-suave));
            padding: 60px 20px;
            /* Texto base en color crema */
            color: var(--crema-puro); 
            text-align: center;
        }

        .titulo-testimonios {
            font-family: 'Playfair_Display';
            font-size: 2.5rem;
            margin-bottom: 40px;
            font-weight: bold;
            text-transform: none; 
            line-height: 1.2;
            /* Título principal en rojo */
            color: var(--rojo-secundario); 
        }
        .titulo-testimonios span {
            display: block;
            font-size: 1.5rem;
            font-weight: normal;
            /* Texto complementario en color crema */
            color: var(--crema-puro); 
            margin-top: 10px;
        }
        .titulo-testimonios .main-title {
            font-size: 45px;
            text-transform: none;
            color: var(--rojo-secundario);
        }

        .slider {
            position: relative;
            max-width: 1200px;
            margin: auto;
            overflow: hidden;
        }

        .slides {
            display: flex;
            transition: transform 0.5s ease-in-out;
        }

        /* CLASE PARA DESACTIVAR LA TRANSICIÓN DURANTE EL SALTO */
        .no-transition {
            transition: none !important;
        }

        /* Mostrar 2 testimonios a la vez (50%) */
        .card-testimonio {
            flex: 0 0 50%; 
            padding: 20px;
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        
        /* Fotos Centradas */
        .card-testimonio .foto-testimonio {
            width: 100px;
            height: 100px;
            object-fit: cover;
            border-radius: 50%;
            margin-bottom: 15px;
            /* Borde en color crema */
            border: 3px solid var(--crema-puro);
            box-shadow: 0 4px 12px rgba(0,0,0,0.4);
            display: block; 
            margin-left: auto;
            margin-right: auto;
        }
        
        /* Altura Estandarizada para los cuadros rojos */
        .card-testimonio .texto {
            font-style: italic;
            /* FONDO DE TARJETA EN ROJO SECUNDARIO */
            background: var(--rojo-secundario);
            /* Texto de la tarjeta en color crema */
            color: var(--crema-puro);
            padding: 20px;
            border-radius: 15px;
            margin-bottom: 15px;
            position: relative;
            box-shadow: 0 4px 12px rgba(0,0,0,0.2);
            width: 100%; 
            min-height: 170px; 
            display: flex;
            align-items: center; 
            text-align: center; 
        }
        
        /* Comillas en color crema */
        .card-testimonio .texto:before {
            content: "“";
            font-size: 3rem;
            color: var(--crema-puro); 
            position: absolute;
            top: -20px;
            left: 10px;
        }

        .card-testimonio .nombre {
            font-weight: bold;
            /* Nombre en color crema */
            color: var(--crema-puro);
            margin-top: auto; 
        }

        .card-testimonio .nombre span {
            font-weight: normal;
            font-size: 0.9rem;
            /* Ubicación en gris neutro */
            color: var(--gris-neutro);
        }

        /* Controles */
        .prev, .next {
            position: absolute;
            top: 50%; 
            transform: translateY(-50%);
            background: rgba(0,0,0,0.5);
            /* Iconos de control en color crema */
            color: var(--crema-puro);
            border: none;
            padding: 10px;
            cursor: pointer;
            border-radius: 50%;
            font-size: 24px;
            z-index: 10;
        }

        .prev { left: 10px; }
        .next { right: 10px; }

        .dots {
            text-align: center;
            margin-top: 20px;
        }
        .dots button {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            border: none;
            margin: 0 5px;
            /* Puntos inactivos en color crema */
            background: var(--crema-puro);
            opacity: 0.5;
            cursor: pointer;
        }
        .dots button.active {
            opacity: 1;
            /* Punto activo en rojo secundario */
            background: var(--rojo-secundario);
        }

        /* RESPONSIVE */
        @media (max-width: 600px) {
            .card-testimonio { flex: 0 0 100%; } 
            .titulo-testimonios { font-size: 2rem; }
            .titulo-testimonios span { font-size: 1.2rem; }
            .prev, .next { top: 40%; padding: 8px; font-size: 20px; }
        }