/* «Testimonios» — copia la tarjeta de la portada (.testi-card, front-page.php:718-728 y :832):
   blanca, radio 20, relleno 2rem, sombra 0 4px 24px rgba(0,44,65,.07) (al pasar, 0 16px 40px .13 y
   sube 5 px), borde turquesa al 8 %; estrellas ★ #f97316 de 1.1rem; cita .95rem cursiva 1.72 con
   comillas de adorno en Georgia; inicial en un círculo de 46 px. Tres cambios por contraste AA: la
   inicial va en marino sobre turquesa (el blanco sobre #00bd9c da 2,4:1), el detalle en #4f6b64 (el
   #94b8b0 de la portada da 2,2:1) y el enlace a la reseña en #007a65 (el turquesa sobre blanco no
   pasa). Sin carrusel: rejilla que se reparte según el ancho del PROPIO bloque (@container) y en el
   móvil apila. Dentro de una sección azul marino las tarjetas pasan a vidrio (como .empleo-testi,
   front-page.php:797-804) cambiando solo las variables.
   Especificidad: la cita y el pie llevan tres clases para ganar a «.b-cuerpo blockquote» del artículo
   y a «.eafev-seccion.eafev-seccion--marino blockquote/figcaption» de la sección (0,2,1). */
.eafev-testi{--eafev-testi-fondo:#fff;--eafev-testi-borde:rgba(0,189,156,.08);--eafev-testi-sombra:0 4px 24px rgba(0,44,65,.07);
	--eafev-testi-sombra-encima:0 16px 40px rgba(0,44,65,.13);--eafev-testi-texto:#0d2c25;--eafev-testi-nombre:#0d2c25;
	--eafev-testi-detalle:#4f6b64;--eafev-testi-enlace:#007a65;--eafev-testi-enlace-encima:#002c41;
	--eafev-testi-vacia:rgba(0,44,65,.16);--eafev-testi-comillas:rgba(0,189,156,.2);
	container-type:inline-size;width:100%;margin:1.6rem 0;font-family:inherit}
.eafev-testi,.eafev-testi *,.eafev-testi *::before,.eafev-testi *::after{box-sizing:border-box}
.eafev-testi--col1{--eafev-testi-col:1}.eafev-testi--col2{--eafev-testi-col:2}.eafev-testi--col3{--eafev-testi-col:3}
.eafev-testi .eafev-testi__rejilla{display:grid;grid-template-columns:repeat(var(--eafev-testi-col,3),minmax(0,1fr));gap:1.5rem;align-items:stretch}
/* Una sola tarjeta a lo ancho: el texto no pasa de una línea cómoda de leer */
.eafev-testi--col1 .eafev-testi__rejilla{max-width:720px;margin-left:auto;margin-right:auto}
/* Tarjeta */
.eafev-testi .eafev-testi__item{display:flex;flex-direction:column;min-width:0;margin:0;padding:2rem;
	background:var(--eafev-testi-fondo);border:1px solid var(--eafev-testi-borde);border-radius:20px;box-shadow:var(--eafev-testi-sombra);
	transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1)}
.eafev-testi .eafev-testi__item:hover{transform:translateY(-5px);box-shadow:var(--eafev-testi-sombra-encima)}
/* Estrellas: las llenas en naranja, las que faltan hasta 5 en gris suave; el lector lee «4 de 5 estrellas» */
.eafev-testi .eafev-testi__estrellas{display:flex;margin:0 0 1.2rem;padding:0;font-size:1.1rem;line-height:1;color:#f97316}
.eafev-testi__glifos{display:flex;gap:3px}
.eafev-testi__vacia{color:var(--eafev-testi-vacia)}
/* La opinión */
.eafev-testi .eafev-testi__item .eafev-testi__cita{position:relative;margin:0 0 1.5rem;padding:0;border:0;border-radius:0;background:none;color:var(--eafev-testi-texto);quotes:none}
.eafev-testi .eafev-testi__cita::before{content:'"';content:'"'/'';position:absolute;top:-.5rem;left:-.5rem;font-family:Georgia,serif;font-size:4rem;font-style:normal;line-height:1;color:var(--eafev-testi-comillas);pointer-events:none}
.eafev-testi .eafev-testi__texto{position:relative;margin:0;font-size:.95rem;font-style:italic;font-weight:400;line-height:1.72;color:var(--eafev-testi-texto)}
/* Autor: abajo del todo, con la inicial o la foto */
.eafev-testi .eafev-testi__item .eafev-testi__autor{display:flex;align-items:center;gap:1rem;margin:auto 0 0;padding:0;font-size:1rem;line-height:1.4;text-align:left;color:var(--eafev-testi-nombre)}
.eafev-testi .eafev-testi__inicial{flex:0 0 46px;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;
	background:linear-gradient(135deg,#33d4b8,#00bd9c);border:2px solid #00bd9c;color:#002c41;font-size:1.1rem;font-weight:700;line-height:1;letter-spacing:0}
.eafev-testi .eafev-testi__foto{display:block;flex:0 0 46px;width:46px;height:46px;max-width:none;margin:0;border-radius:50%;border:2px solid #00bd9c;object-fit:cover;background:#dfeeea}
.eafev-testi .eafev-testi__datos{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.eafev-testi .eafev-testi__nombre{display:block;font-size:.9rem;font-weight:700;font-style:normal;color:var(--eafev-testi-nombre);overflow-wrap:anywhere}
.eafev-testi .eafev-testi__detalle{display:block;font-size:.78rem;color:var(--eafev-testi-detalle);overflow-wrap:anywhere}
.eafev-testi .eafev-testi__item .eafev-testi__resena{align-self:flex-start;font-size:.78rem;font-weight:600;color:var(--eafev-testi-enlace);text-decoration:none}
.eafev-testi .eafev-testi__item .eafev-testi__resena:hover{color:var(--eafev-testi-enlace-encima);text-decoration:underline;text-underline-offset:2px}
.eafev-testi .eafev-testi__item .eafev-testi__resena:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:4px}
/* Texto solo para el lector de pantalla */
.eafev-testi .eafev-testi__lector{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}
/* Dentro de una sección azul marino: tarjetas de vidrio y textos claros (enlace en menta, 7,6:1) */
:is(.eafev-seccion--marino,.is-style-eafev-tarjeta-oscura,.has-eafev-marino-background-color) .eafev-testi{--eafev-testi-fondo:rgba(255,255,255,.04);--eafev-testi-borde:rgba(0,189,156,.14);--eafev-testi-sombra:none;
	--eafev-testi-sombra-encima:0 16px 40px rgba(0,0,0,.3);--eafev-testi-texto:rgba(255,255,255,.84);--eafev-testi-nombre:#fff;
	--eafev-testi-detalle:rgba(255,255,255,.7);--eafev-testi-enlace:#7ff0db;--eafev-testi-enlace-encima:#fff;
	--eafev-testi-vacia:rgba(255,255,255,.22);--eafev-testi-comillas:rgba(0,189,156,.35)}
/* Se reparten según el ancho del propio bloque: 3 → 2 en una columna estrecha → 1 */
@container (max-width:720px){
	.eafev-testi--col3 .eafev-testi__rejilla{grid-template-columns:repeat(2,minmax(0,1fr))}
	.eafev-testi .eafev-testi__item{padding:1.6rem 1.5rem}
}
@container (max-width:520px){
	.eafev-testi .eafev-testi__rejilla{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:600px){
	.eafev-testi .eafev-testi__rejilla{grid-template-columns:minmax(0,1fr);gap:1.1rem}
	.eafev-testi .eafev-testi__item{padding:1.5rem 1.3rem}
}
@media (prefers-reduced-motion:reduce){
	.eafev-testi .eafev-testi__item{transition:none}
	.eafev-testi .eafev-testi__item:hover{transform:none}
}
/* ── Carrusel (0.2.0, 04-10-2026): el de reseñas de la portada (front-page.php:717-734 y 2426-2475) ───────────────────────────────────
   Tres tarjetas a la vista (dos a 960 px o menos; una y un trozo de la siguiente a 640 px o menos) en una fila que se desliza con el dedo, la rueda o
   el teclado (scroll-snap: funciona también sin JavaScript); con JavaScript (testimonios/build/view.js) se añaden flechas, puntos y pausa.
   Cada tarjeta mide al menos 360 px, como hoy. Las flechas y la pausa van en #007a65 (el turquesa sobre claro no pasa AA para un icono). */
.eafev-testi--carrusel{--eafev-testi-ctrl:#007a65;--eafev-testi-ctrl-borde:rgba(0,189,156,.3);--eafev-testi-ctrl-fondo:#00bd9c;--eafev-testi-ctrl-encima:#00131c;--eafev-testi-punto:rgba(0,189,156,.25);--eafev-testi-punto-activo:#00bd9c}
.eafev-testi--carrusel .eafev-testi__pista{position:relative;display:flex;gap:1.5rem;margin:0;padding:1.5rem 0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.eafev-testi--carrusel .eafev-testi__pista::-webkit-scrollbar{display:none}
.eafev-testi--carrusel .eafev-testi__pista:focus-visible{outline:2px solid #007a65;outline-offset:2px;border-radius:12px}
.eafev-testi--carrusel .eafev-testi__item{flex:0 0 calc((100% - 3rem) / 3);min-height:360px;scroll-snap-align:start;justify-content:space-between}
/* Las estrellas arriba, la opinión en medio y el autor abajo (el espacio libre se reparte a partes iguales entre los tres, como la portada de hoy) */
.eafev-testi--carrusel .eafev-testi__estrellas{line-height:normal}
.eafev-testi--carrusel .eafev-testi__item .eafev-testi__autor{margin-top:0;line-height:normal}
@media(max-width:960px){.eafev-testi--carrusel .eafev-testi__item{flex-basis:calc((100% - 1.5rem) / 2)}}
@media(max-width:640px){.eafev-testi--carrusel .eafev-testi__item{flex-basis:85%}}
.eafev-testi--carrusel .eafev-testi__controles{display:flex;align-items:center;justify-content:center;gap:.8rem;margin:1rem 0 0}
.eafev-testi--carrusel .eafev-testi__controles[hidden]{display:none}
.eafev-testi--carrusel .eafev-testi__flecha{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:44px;height:44px;margin:0;padding:0;background:transparent;border:1.5px solid var(--eafev-testi-ctrl-borde);border-radius:50%;
	color:var(--eafev-testi-ctrl);cursor:pointer;transition:background .35s,color .35s,border-color .35s}
.eafev-testi--carrusel .eafev-testi__flecha:hover{background:var(--eafev-testi-ctrl-fondo);border-color:var(--eafev-testi-ctrl-fondo);color:var(--eafev-testi-ctrl-encima)}
.eafev-testi--carrusel .eafev-testi__flecha:focus-visible,.eafev-testi--carrusel .eafev-testi__pausa:focus-visible,.eafev-testi--carrusel .eafev-testi__punto:focus-visible{outline:2px solid var(--eafev-testi-ctrl);outline-offset:2px}
.eafev-testi--carrusel .eafev-testi__puntos{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0;margin:0;padding:0}
.eafev-testi--carrusel .eafev-testi__punto{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin:0;padding:0;background:none;border:0;cursor:pointer}
.eafev-testi--carrusel .eafev-testi__punto::before{content:'';display:block;width:8px;height:8px;border-radius:50%;background:var(--eafev-testi-punto);transition:all .35s}
.eafev-testi--carrusel .eafev-testi__punto[aria-current="true"]::before{width:24px;border-radius:4px;background:var(--eafev-testi-punto-activo)}
.eafev-testi--carrusel .eafev-testi__pausa{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:36px;height:36px;margin:0;padding:0;background:transparent;border:1.5px solid var(--eafev-testi-ctrl-borde);border-radius:50%;color:var(--eafev-testi-ctrl);cursor:pointer}
.eafev-testi--carrusel .eafev-testi__pausa:hover{background:var(--eafev-testi-ctrl-fondo);border-color:var(--eafev-testi-ctrl-fondo);color:var(--eafev-testi-ctrl-encima)}
.eafev-testi--carrusel .eafev-testi__play-icono{display:none}
.eafev-testi--carrusel .eafev-testi__pausa[aria-pressed="true"] .eafev-testi__pausa-icono{display:none}
.eafev-testi--carrusel .eafev-testi__pausa[aria-pressed="true"] .eafev-testi__play-icono{display:block}
:is(.eafev-seccion--marino,.is-style-eafev-tarjeta-oscura,.has-eafev-marino-background-color) .eafev-testi--carrusel{--eafev-testi-ctrl:#7ff0db;--eafev-testi-ctrl-borde:rgba(127,240,219,.35)}
@media(prefers-reduced-motion:reduce){
	.eafev-testi--carrusel .eafev-testi__pista{scroll-behavior:auto}
	.eafev-testi--carrusel .eafev-testi__flecha,.eafev-testi--carrusel .eafev-testi__punto::before{transition:none}
}
/* En una Sección de la portada (espacio «portada», ancho completo; 05-10-2026): las medidas del carrusel de la portada de código
   (front-page.php:719-720, 728, 734): 3,5rem encima, la fila sangra un 5 % a cada lado y deja asomar la siguiente opinión, 2rem hasta
   los controles y, en el móvil, cada opinión al 85 % de la pantalla. Fuera de la portada no cambia nada. */
.eafev-seccion--esp-portada .eafev-testi.eafev-testi--carrusel{margin:3.5rem 0 0}
.eafev-seccion--esp-portada .eafev-seccion__dentro--completo>.eafev-testi--carrusel .eafev-testi__pista{margin:0 -5%;padding:1.5rem 5%;scroll-padding:0 5%}
.eafev-seccion--esp-portada .eafev-testi--carrusel .eafev-testi__controles{margin-top:2rem}
@media(max-width:640px){.eafev-seccion--esp-portada .eafev-seccion__dentro--completo>.eafev-testi--carrusel .eafev-testi__item{flex-basis:85vw}}
/* …y las tarjetas con su relleno de 2rem en todas las pantallas (.testi-card); en el móvil, controles más juntos para que los 8 puntos quepan en una fila. */
.eafev-seccion--esp-portada .eafev-testi.eafev-testi--carrusel .eafev-testi__item{padding:2rem}
@media(max-width:640px){.eafev-seccion--esp-portada .eafev-testi--carrusel .eafev-testi__controles{gap:.4rem}}