/* EMV — Inicio · Fase 5, paso 1 */

/* tipografías alojadas en la propia web (licencia SIL Open Font License) */
@font-face{font-family:'Newsreader'; font-style:normal; font-weight:200 800; font-display:swap; src:url(../fonts/newsreader.woff2) format('woff2');}
@font-face{font-family:'Newsreader'; font-style:italic; font-weight:200 800; font-display:swap; src:url(../fonts/newsreader-italic.woff2) format('woff2');}
@font-face{font-family:'Hanken Grotesk'; font-style:normal; font-weight:100 900; font-display:swap; src:url(../fonts/hanken-grotesk.woff2) format('woff2');}

:root{
  --topo: #846759;
  --cobre: #BB785B;
  --cobre-oscuro: #8F553B;
  --cobre-claro: #E6A07C;
  --marfil: #E4D3BC;
  --blanco-roto: #F5F1EA;
  --crema: #FBF3E6;
  --texto-oscuro: #2A2724;
  --marron-marfil: #5A3A2C;
  --marron-titulo: #3A2A22;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:'Hanken Grotesk', sans-serif;
  background:var(--topo);
  color:var(--blanco-roto);
}
a{color:inherit}
img{max-width:100%;display:block}

.serif{font-family:'Newsreader', serif;}

/* --- texturas --- */
.tx-metal{background-color:var(--topo); background-image:url(../img/metal-topo.jpg); background-size:1024px 1024px;}
.tx-cuero{background-color:var(--marfil); background-image:url(../img/cuero-marfil.jpg); background-size:512px 512px;}
.tx-cobre-icono{background-color:var(--cobre); background-image:url(../img/cobre-icono.jpg); background-size:cover;}

/* --- botón cobre con relieve --- */
.btn{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:50px; padding:0 26px; margin-bottom:2px;
  white-space:nowrap; text-decoration:none; border-radius:3px;
  font-size:13px; font-weight:600; letter-spacing:0.16em; text-transform:uppercase;
  color:#2A1810;
}
.btn-cobre{
  background-color:var(--cobre);
  background-image:linear-gradient(180deg, rgba(255,240,226,0.20), rgba(255,240,226,0.03) 50%, rgba(80,40,20,0.10)), url(../img/cobre-boton.jpg);
  box-shadow:0 2px 0 var(--cobre-oscuro), 0 3px 0 rgba(60,30,18,0.5), 0 12px 22px rgba(40,24,16,0.4),
             inset 0 1.5px 0 rgba(255,236,218,0.8), inset 0 -1.5px 0 rgba(110,58,33,0.5);
}
.btn-linea{
  min-height:48px; padding:0 18px; border:1px solid var(--cobre-claro); border-radius:3px;
  font-size:12px; font-weight:400; letter-spacing:0.16em; text-transform:uppercase; color:var(--blanco-roto);
  text-decoration:none; display:inline-flex; align-items:center;
}

/* --- estructura general --- */
.pantalla{position:relative; overflow:hidden;}

.firma{position:absolute; left:clamp(24px,6vw,80px); top:26px; z-index:5;}
.firma img{height:72px; width:auto; filter:drop-shadow(0 1px 1px rgba(40,24,16,0.6));}

.hero{position:relative; min-height:640px;}
.hero-inner{position:relative; max-width:1440px; height:100%; min-height:640px; margin:0 auto; display:flow-root;}
/* La foto empieza donde termina la columna de texto: nunca hay texto sobre la foto.
   --col-texto = ancho de lectura (340–440 px); --texto-izq = dónde empieza el texto. */
.hero{--col-texto:clamp(340px, 30.5vw, 440px); --texto-izq:calc(max(0px, 50vw - 720px) + 6vw + 27px);}
.hero-foto{position:absolute; right:0; top:0; bottom:0; z-index:0;
  left:max(37.5vw, calc(50vw - 180px), calc(var(--texto-izq) + var(--col-texto) + 24px));}
.hero-foto img{width:100%; height:100%; object-fit:cover; object-position:72% 50%;
  -webkit-mask-image:linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 12%, rgba(0,0,0,0.85) 26%, #000 38%);
  mask-image:linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 12%, rgba(0,0,0,0.85) 26%, #000 38%);}
.hero-atmosfera{position:absolute; inset:0; z-index:1; pointer-events:none;
  background:
    radial-gradient(ellipse 29% 72% at 33% 46%, rgba(255,232,212,0.13), rgba(255,232,212,0) 70%),
    radial-gradient(ellipse 21% 36% at 10% 78%, rgba(255,228,205,0.07), rgba(255,228,205,0) 70%),
    radial-gradient(ellipse 36% 42% at 4% 6%, rgba(38,24,18,0.34), rgba(38,24,18,0) 72%),
    radial-gradient(ellipse 25% 58% at 1% 58%, rgba(38,24,18,0.18), rgba(38,24,18,0) 70%),
    radial-gradient(ellipse 26% 36% at 44% 97%, rgba(38,24,18,0.2), rgba(38,24,18,0) 70%),
    linear-gradient(104deg, rgba(255,236,218,0) 18%, rgba(255,236,218,0.05) 32%, rgba(255,236,218,0) 44%);}
.hero-fundido{position:absolute; left:0; top:0; width:44%; height:100%; z-index:1; pointer-events:none;
  background:radial-gradient(ellipse 65% 60% at 45% 52%, rgba(86,62,52,0.55), rgba(86,62,52,0) 75%);}
.hero-velo{position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(180deg, rgba(46,31,25,0.55) 0%, rgba(46,31,25,0.22) 45%, rgba(46,31,25,0) 78%);}

.hero-contenido{position:relative; z-index:2; display:flex; gap:24px; padding:clamp(96px,16vh,180px) 6vw 56px; max-width:66%;}
.hero-filete{flex:0 0 3px; width:3px; align-self:stretch; margin-top:6px;
  background:linear-gradient(180deg, var(--cobre-claro), var(--cobre) 45%, var(--cobre-oscuro));
  box-shadow:1px 0 0 rgba(255,225,200,0.35);}
.hero-texto{display:flex; flex-direction:column; gap:clamp(10px,1.6vh,18px); max-width:600px;}
.eyebrow{font-size:12px; letter-spacing:0.3em; text-transform:uppercase; color:#F5E6D6;}
.hero-nombre{margin:0; font-weight:300; font-size:clamp(40px,6vw,96px); line-height:1; letter-spacing:-0.02em; color:var(--crema);
  text-shadow:0 2px 14px rgba(60,40,30,0.25);}
.firma-movil{display:none;}
.hero-frase{font-family:'Newsreader', serif; font-style:italic; font-weight:400; font-size:clamp(20px,2.6vw,30px); line-height:1.3;
  background:linear-gradient(135deg,#FBE3CF 0%,#EDB690 45%,#E3A27C 62%,#F6D0B2 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent; display:block; margin-top:16px;}
.hero-parrafo{margin:0; font-size:17px; line-height:1.7; color:var(--blanco-roto); max-width:var(--col-texto);}
.hero-cta{display:flex; align-items:center; gap:24px; margin-top:8px; flex-wrap:wrap;}

/* --- puertas de navegación --- */
.puertas{position:relative; box-shadow:inset 0 4px 10px rgba(60,40,30,0.22);}
.puertas::before{content:""; position:absolute; left:0; right:0; top:0; height:2px;
  background:linear-gradient(90deg, var(--cobre-oscuro), var(--cobre-claro) 30%, var(--cobre) 60%, var(--cobre-oscuro));}
.puertas-lista{
  display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:24px;
  max-width:1216px; margin:0 auto; padding:50px 6vw;
}
.puerta{text-decoration:none; display:flex; align-items:center; gap:18px; min-height:48px; color:inherit;}
.puerta-icono{
  position:relative; flex:0 0 60px; width:60px; height:60px; border-radius:6px; overflow:hidden;
  margin-bottom:2px;
  box-shadow:0 2px 0 var(--cobre-oscuro), 0 3px 0 rgba(60,30,18,0.5), 0 10px 14px rgba(40,24,16,0.38),
    inset 0 1.5px 0 rgba(255,236,218,0.75), inset 1.5px 0 0 rgba(255,228,206,0.35),
    inset -1.5px 0 0 rgba(110,58,33,0.35), inset 0 -1.5px 0 rgba(110,58,33,0.55);
}
.puerta-icono::after{content:""; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(255,240,226,0.22) 0%, rgba(255,240,226,0.04) 45%, rgba(80,40,20,0.10) 100%);}
.puerta-icono svg{position:absolute; left:0; top:0;}
.puerta-icono svg.luz{top:0.8px;}
.puerta-texto{display:flex; flex-direction:column; gap:3px; min-width:0;}
.puerta-eyebrow{font-size:12px; font-weight:600; letter-spacing:0.2em; color:#6E3A21;}
.puerta-titulo{font-family:'Newsreader', serif; font-size:clamp(19px,2vw,24px); font-weight:500; color:var(--marron-titulo); white-space:nowrap;}
.puerta-subtitulo{font-family:'Newsreader', serif; font-style:italic; font-size:15px; color:var(--marron-marfil);}

/* --- responsive: móvil (diseño propio, no el de escritorio reducido) --- */
@media (max-width: 780px){
  .firma{top:16px; left:16px;}
  .firma img{height:48px;}
  .hero{min-height:560px;}
  .hero-inner{min-height:0;}
  .hero-foto{position:absolute; left:0; right:0; top:0; bottom:auto; width:auto; height:560px;}
  .hero-fundido{display:none;}
  .hero-atmosfera{background:
    radial-gradient(ellipse 60% 45% at 25% 0%, rgba(38,24,18,0.34), rgba(38,24,18,0) 72%),
    radial-gradient(ellipse 55% 40% at 55% 40%, rgba(255,232,212,0.12), rgba(255,232,212,0) 70%),
    radial-gradient(ellipse 40% 35% at 0% 75%, rgba(38,24,18,0.2), rgba(38,24,18,0) 70%),
    radial-gradient(ellipse 50% 30% at 80% 100%, rgba(38,24,18,0.18), rgba(38,24,18,0) 70%);}
  .hero-foto img{-webkit-mask-image:linear-gradient(180deg, rgba(0,0,0,1) 55%, rgba(0,0,0,0) 92%); mask-image:linear-gradient(180deg, rgba(0,0,0,1) 55%, rgba(0,0,0,0) 92%);}
  .hero-velo{background:linear-gradient(180deg, rgba(92,68,58,0) 0%, rgba(92,68,58,0.78) 35%, rgba(92,68,58,0.55) 75%, rgba(92,68,58,0) 100%);}
  .hero-contenido{padding:0 20px 40px; margin-top:420px; max-width:none;}
  .hero-filete{display:none;}
  .firma{display:none;}
  .hero-nombre-fila{display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin:0;}
  .firma-movil{display:block; height:52px; width:auto; filter:drop-shadow(0 1px 1px rgba(40,24,16,0.6));}
  .hero-nombre{font-size:44px;}
  .hero-frase{font-size:22px;}
  .hero-cta{gap:10px;}
  .puertas-lista{grid-template-columns:1fr; gap:22px; padding:34px 20px;}
  .puerta-titulo{white-space:normal;}
}

/* =====================================================================
   SALAS (Mi recorrido, Mi mirada, Mi taller, ¿Un café?) · Fase 5, paso 2
   ===================================================================== */

.sala{background:#E4DCCF; color:var(--texto-oscuro);}
.cud{background:linear-gradient(135deg,#B8744E 0%,#8A4B2C 45%,#6E3A21 70%,#A0603C 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;}

/* contenedor común: las bandas de color van a sangre, el contenido se centra */
.contenedor{width:100%; max-width:1440px; margin:0 auto; padding-inline:clamp(24px, 8.33vw, 120px);}

/* accesibilidad: saltar al contenido (solo visible con teclado) */
.saltar{position:absolute; left:16px; top:-60px; z-index:50; background:var(--blanco-roto); color:var(--texto-oscuro);
  padding:10px 16px; border-radius:3px; font-size:14px; text-decoration:none;}
.saltar:focus{top:12px;}
:focus-visible{outline:2px solid var(--cobre-claro); outline-offset:3px;}

.solo-movil{display:none;}

/* --- cabecera fina sobre el topo --- */
.cabecera{position:absolute; left:0; right:0; top:0; z-index:10;}
.cabecera-inner{max-width:1440px; margin:0 auto; height:88px; display:flex; align-items:center; justify-content:space-between;
  gap:24px; padding:0 clamp(20px, 5vw, 72px);}
.cabecera-firma img{height:62px; width:auto; filter:drop-shadow(0 1px 1px rgba(40,24,16,0.6));}
.cabecera-menu{display:flex; gap:40px; font-size:12px; letter-spacing:0.18em; text-transform:uppercase;}
.cabecera-menu a{color:#E6DED2; text-decoration:none; padding:8px 0 4px; border-bottom:1px solid transparent;}
.cabecera-menu a:hover{color:var(--crema); border-bottom-color:rgba(245,230,214,0.5);}
.cabecera-menu a[aria-current="page"]{color:#F5E6D6; border-bottom-color:#F5E6D6;}
.btn-pequeno{font-size:12px;}
.btn-menu{display:none; min-height:44px; background:transparent; border:1px solid rgba(201,133,88,0.7); border-radius:2px;
  color:#F5E6D6; font-family:inherit; font-size:12px; letter-spacing:0.16em; text-transform:uppercase; padding:0 14px; cursor:pointer;}

/* --- cabecera de sala --- */
.sala-hero{position:relative; color:var(--blanco-roto); overflow:hidden;}
.sala-hero::before{content:""; position:absolute; inset:0; pointer-events:none;
  background:
    linear-gradient(180deg, rgba(46,31,25,0.4) 0%, rgba(46,31,25,0.14) 30%, rgba(46,31,25,0) 65%),
    linear-gradient(180deg, rgba(38,24,18,0) 35%, rgba(38,24,18,0.18) 100%),
    radial-gradient(ellipse 60% 80% at 10% 90%, rgba(38,24,18,0.12), rgba(38,24,18,0) 70%);}
.sala-hero-inner{position:relative; min-height:520px; display:flex; flex-direction:column; justify-content:flex-end; gap:16px;
  padding-top:150px; padding-bottom:64px;}
.sala-eyebrow{display:flex; align-items:center; gap:14px; font-size:13px; font-weight:600; letter-spacing:0.2em; text-transform:uppercase; color:#F5E6D6;}
.medalla{position:relative; flex:0 0 52px; width:52px; height:52px; border-radius:4px; overflow:hidden; display:inline-block;
  box-shadow:0 6px 14px rgba(60,38,28,0.35), inset 0 1px 0 rgba(255,230,210,0.6), inset 0 -1px 0 rgba(90,50,30,0.5);}
.medalla svg{position:absolute; left:0; top:0;}
.medalla svg.luz{top:0.8px;}
.sala-titulo{margin:0 0 -8px; font-weight:200; font-size:clamp(54px, 6.1vw, 88px); line-height:1; letter-spacing:-0.02em; color:var(--blanco-roto);}
.sala-intro{margin:0; font-size:18px; line-height:1.6; max-width:620px;}

/* --- cifras sobre cuero marfil --- */
.cifras, .banda{position:relative; border-top:2px solid #B8744E; border-bottom:1px solid rgba(143,85,59,0.45);
  box-shadow:inset 0 4px 10px rgba(60,40,30,0.18);}
.cifras-lista{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:48px; padding-top:64px; padding-bottom:72px;}
.cifra{display:flex; flex-direction:column; gap:6px; border-top:1px solid #B8744E; padding-top:16px;}
.cifra-numero{font-family:'Newsreader', serif; font-weight:400; font-size:clamp(44px, 4.2vw, 60px); line-height:1.1; align-self:flex-start;}
.cifra-texto{font-size:15px; line-height:1.5; color:var(--marron-marfil);}

/* --- zona de lectura (greige) --- */
.lectura{background:#E4DCCF;}
.lectura-inner{display:flex; flex-direction:column; gap:96px; padding-top:96px; padding-bottom:80px;}
.intermas{margin:0; font-weight:300; font-size:28px; line-height:1.5; max-width:980px; color:var(--texto-oscuro);}
.intermas strong{font-weight:400;}
.bloque{display:flex; flex-direction:column; gap:28px;}
.etiqueta{margin:0; font-size:13px; font-weight:600; letter-spacing:0.2em; text-transform:uppercase; color:#8A4B2C; font-family:'Hanken Grotesk', sans-serif;}
.etiqueta-clara{color:#F5E6D6;}

/* trayectoria */
.trayectoria{list-style:none; margin:36px 0 0; padding:0; display:flex; flex-direction:column; gap:64px;}
.etapa{display:grid; grid-template-columns:clamp(140px, 15vw, 220px) minmax(0,1fr); gap:48px;}
.etapa-fechas{font-size:13px; letter-spacing:0.2em; color:#8A4B2C; padding-top:10px;}
.etapa-cuerpo{display:flex; flex-direction:column; gap:8px; border-left:1px solid #B8744E; padding-left:32px;}
.etapa-cargo{margin:0; font-weight:400; font-size:30px; line-height:1.2;}
.etapa-lugar{font-size:14px; color:#625E57;}
.etapa-cuerpo p{margin:8px 0 0; font-size:17px; line-height:1.7; color:#3C3834; max-width:760px;}
.etapa-cuerpo ul{list-style:disc; margin:8px 0 0; padding-left:20px; font-size:16px; line-height:1.65; color:#3C3834; max-width:760px;}
.etapa-cuerpo li{margin:0 0 8px;}

/* casos */
.caso{background:#F5F1EA; border-top:2px solid #B8744E; border-radius:2px; display:flex; flex-direction:column; color:var(--texto-oscuro);}
.caso-destacado{padding:48px; gap:16px; box-shadow:0 20px 40px rgba(60,48,36,0.12);}
.caso-etiqueta{font-size:13px; font-weight:600; letter-spacing:0.2em; text-transform:uppercase; color:#8A4B2C;}
.caso-destacado .caso-titulo{margin:0; font-weight:300; font-size:40px; line-height:1.15;}
.caso-destacado p{margin:0; font-size:17px; line-height:1.7; color:#3C3834;}
.caso-destacado strong{color:var(--texto-oscuro);}
.enlace-subrayado{align-self:flex-start; font-size:12px; letter-spacing:0.18em; text-transform:uppercase; text-decoration:none;
  color:#8A4B2C; border-bottom:1px solid #B8744E; padding:8px 0 4px;}
.casos-mini{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:28px;}
.caso-mini{padding:32px; gap:10px; text-decoration:none; transition:box-shadow .2s ease, transform .2s ease;}
.caso-mini:hover{box-shadow:0 14px 28px rgba(60,48,36,0.12); transform:translateY(-2px);}
.caso-mini .caso-titulo{font-size:28px; line-height:1.2;}
.enlace-flecha{font-size:12px; letter-spacing:0.18em; text-transform:uppercase; color:#8A4B2C; text-decoration:none;}

/* marketing → CX */
.traduccion-cx{margin:0;}
.fila-cx{display:grid; grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr); gap:24px; align-items:center; padding:20px 0; border-top:1px solid #CFC5B6;}
.fila-cx dt{font-size:17px; color:#3C3834;}
.fila-cx dd{margin:0; display:contents; font-size:22px; color:var(--texto-oscuro);}
.fila-cx dd .serif{font-size:22px; color:var(--texto-oscuro);}
.fila-cx .flecha{color:#B8744E; font-size:20px; text-align:center;}
.enlace-nueve{align-self:flex-start; padding:8px 0;}

/* --- testimonio sobre topo --- */
.testimonio{position:relative; color:var(--blanco-roto); overflow:hidden;}
.testimonio::before{content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(90deg, rgba(38,24,18,0.22) 0%, rgba(38,24,18,0.12) 55%, rgba(38,24,18,0.04) 100%);}
.testimonio::after{content:""; position:absolute; left:0; top:0; width:4px; height:100%; background:linear-gradient(180deg, #D28B6C, #A36549);}
.testimonio-inner{position:relative; display:flex; flex-direction:column; gap:18px; padding-top:80px; padding-bottom:80px;}
.testimonio figure{margin:0; display:flex; flex-direction:column; gap:18px; max-width:980px;}
.testimonio-cita{margin:0;}
.testimonio-cita p{margin:0; font-style:italic; font-weight:300; font-size:clamp(24px, 2.65vw, 38px); line-height:1.35; color:var(--blanco-roto);}
.testimonio-autor{font-size:14px; color:#F5E6D6;}
.testimonio-meta{margin:0; display:flex; gap:10px; align-items:center; font-size:13px; color:#F5EDE2;}
.testimonio-meta a{color:#F5EDE2; text-underline-offset:3px;}
.boton-texto{background:none; border:0; padding:8px 0; font:inherit; color:inherit; text-decoration:underline; text-underline-offset:3px; cursor:pointer;}

/* --- siguiente sala --- */
.siguiente{border-top:1px solid #B8744E;}
.siguiente-inner{display:flex; justify-content:space-between; align-items:center; gap:20px; padding-top:64px; padding-bottom:64px;}
.volver{font-size:12px; letter-spacing:0.18em; text-transform:uppercase; color:var(--marron-marfil); text-decoration:none; padding:12px 0;}
.siguiente-enlace{display:flex; align-items:center; gap:16px; text-decoration:none;}
.medalla-52{flex-basis:52px; width:52px; height:52px;}
.siguiente-texto{display:flex; flex-direction:column; gap:3px;}
.siguiente-eyebrow{font-size:13px; font-weight:600; letter-spacing:0.2em; text-transform:uppercase; color:#6E3A21;}
.siguiente-titulo{font-size:26px; color:var(--texto-oscuro);}

/* --- REGLA TIPOGRÁFICA (26/09/2026) ---
   Newsreader = la voz: títulos, la pregunta de cabecera, nombres (cargos, idiomas, valores, pasos),
   citas y UNA frase clave por bloque (cursiva cobre). Hanken Grotesk = la lectura: todo texto corrido,
   17 px y el mismo color en toda la web. Etiquetas: Hanken en mayúsculas cobre. */
.frase-clave, .caso-destacado .caso-aprendizaje{margin:0; font-family:'Newsreader', serif; font-style:italic; font-weight:400;
  font-size:24px; line-height:1.4; color:#8A4B2C;}

/* --- Mi mirada --- */
.idiomas-lista{margin:0; display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); gap:36px;}
.idioma{display:flex; flex-direction:column; gap:6px; border-top:1px solid #B8744E; padding-top:16px;}
.idioma-nombre{font-weight:400; font-size:clamp(30px, 3vw, 44px); line-height:1.1; align-self:flex-start;}
.idioma dd{margin:0; font-size:15px; line-height:1.5; color:var(--marron-marfil);}
.sala-hero-inner--alto{min-height:520px;}
.sala-pregunta{margin:0; font-style:italic; font-weight:300; font-size:clamp(22px, 2vw, 28px); line-height:1.35; max-width:720px; color:var(--blanco-roto);}
.pasos-inner{display:flex; flex-direction:column; gap:32px; padding-top:64px; padding-bottom:72px;}
.etiqueta-cuero{color:#6E3A21;}
.pasos{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); gap:36px;}
.paso{display:flex; flex-direction:column; gap:14px; border-top:1px solid #B8744E; padding-top:18px;}
.paso-num{font-weight:400; font-size:44px; line-height:1; align-self:flex-start;}
.paso-texto{font-size:21px; line-height:1.35; color:var(--texto-oscuro);}
.paso-texto b{font-weight:500;}
.tarjeta{background:#F5F1EA; border-top:2px solid #B8744E; border-radius:2px; box-shadow:0 20px 40px rgba(60,48,36,0.12);}
.ejemplo{padding:44px 48px; display:flex; flex-direction:column; gap:14px;}
.ejemplo p{margin:0; font-size:17px; line-height:1.7; color:#3C3834; max-width:900px;}
.lenguas{display:flex; flex-direction:column; max-width:760px;}
.lenguas-texto{display:flex; flex-direction:column; gap:16px;}
.lenguas-texto p{margin:0; font-size:17px; line-height:1.7; color:#3C3834;}
.leer-mas{align-self:flex-start; min-height:44px; background:transparent; border:0; padding:0; font-family:inherit; font-size:12px;
  letter-spacing:0.18em; text-transform:uppercase; color:#6E3A21; cursor:pointer;}
.leer-mas span{border-bottom:1px solid #B8744E; padding-bottom:3px;}
.camino{display:flex; flex-direction:column; gap:20px; max-width:900px;}
.camino p{margin:0; font-size:17px; line-height:1.7; color:#3C3834; max-width:760px;}
.camino .frase-clave{margin-top:8px; max-width:820px; font-family:'Newsreader', serif; font-style:italic; font-size:24px; line-height:1.4; color:#8A4B2C;}
.valores{display:flex; flex-direction:column; gap:8px;}
.valores .etiqueta{margin-bottom:8px;}
.valores-intro{margin:0 0 16px; font-size:17px; line-height:1.7; color:#3C3834; max-width:820px;}
.valores dl{margin:0;}
.valor{display:grid; grid-template-columns:clamp(200px, 21vw, 300px) minmax(0,1fr); gap:32px; align-items:baseline; padding:20px 0; border-top:1px solid #CFC5B6;}
.valor dt{font-size:24px; color:var(--texto-oscuro);}
.valor dd{margin:0; font-size:17px; line-height:1.65; color:#3C3834; max-width:720px;}
.fuera{display:flex; flex-direction:column; gap:24px;}
.fuera-intro{margin:0; font-size:17px; line-height:1.7; color:#3C3834; max-width:760px;}
.fuera-lista{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:32px;}
.fuera-lista li{display:flex; flex-direction:column; gap:8px; border-top:1px solid #B8744E; padding-top:14px; font-size:16px; line-height:1.6; color:#3C3834;}
.fuera-titulo{font-size:12px; font-weight:600; letter-spacing:0.18em; text-transform:uppercase; color:#6E3A21;}

/* --- Mi taller --- */
.sala-intro--ancha{max-width:680px;}
.punto{flex:0 0 10px; width:10px; height:10px; border-radius:50%; box-sizing:border-box; display:inline-block;}
.punto--lleno{background:#6E3A21;}
.punto--medio{border:1.5px solid #8A4B2C; background:linear-gradient(90deg, #8A4B2C 50%, transparent 50%);}
.punto--vacio{border:1.5px solid #8A4B2C;}
.capacidad-titulo{margin:0; display:flex; align-items:center; gap:10px; font-family:'Hanken Grotesk', sans-serif; font-size:12px; font-weight:600;
  letter-spacing:0.2em; text-transform:uppercase; color:#6E3A21;}
.mapa{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:24px; align-items:stretch;}
.capacidad{padding:32px 30px; display:flex; flex-direction:column; gap:14px;}
.capacidad ul{margin:0; padding-left:20px; list-style:disc; font-size:16px; line-height:1.6; color:#3C3834;}
.capacidad li{margin:0 0 10px;}
.formacion-principal{padding:36px 44px; display:flex; justify-content:space-between; align-items:center; gap:32px;}
.formacion-principal-texto{display:flex; flex-direction:column; gap:8px;}
.formacion-principal-titulo{margin:0; font-weight:400; font-size:32px; line-height:1.2; color:var(--texto-oscuro);}
.formacion-principal-fecha{font-size:28px; white-space:nowrap;}
.formacion-centro{font-size:14px; color:#625E57;}
.formacion-principal .formacion-centro{font-size:15px; color:var(--marron-marfil);}
.formacion-columnas{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:56px;}
.formacion-columnas .capacidad-titulo{margin-bottom:8px;}
.formacion-lista{list-style:none; margin:0; padding:0;}
.formacion-lista li{display:flex; justify-content:space-between; align-items:baseline; gap:16px; padding:14px 0; border-top:1px solid #CFC5B6;}
.formacion-nombre{display:flex; flex-direction:column; gap:3px;}
.formacion-nombre .serif{font-size:19px; line-height:1.35; color:var(--texto-oscuro);}
.formacion-fecha{flex:0 0 auto; font-size:13px; letter-spacing:0.08em; color:#6E3A21;}
.ia-frase.ia-frase--discreta{font-size:24px; font-weight:400; line-height:1.45; max-width:760px;}
.ia-texto{margin:0; font-size:17px; line-height:1.7; color:var(--blanco-roto); max-width:760px;}
.ia-frase{margin:0; font-style:italic; font-weight:300; font-size:clamp(24px, 2.5vw, 36px); line-height:1.35; color:var(--blanco-roto); max-width:980px;}
.publicaciones{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:24px;}
.publicacion{padding:30px; display:flex; flex-direction:column; gap:12px; text-decoration:none; color:var(--texto-oscuro);
  box-shadow:0 16px 32px rgba(60,48,36,0.10); transition:box-shadow .2s ease, transform .2s ease;}
.publicacion:hover{box-shadow:0 20px 36px rgba(60,48,36,0.16); transform:translateY(-2px);}
.publicacion-titulo{font-size:24px; line-height:1.25;}
.publicacion-texto{font-size:15px; line-height:1.6; color:#3C3834;}
.publicacion .enlace-flecha{margin-top:auto; padding-top:4px; color:#6E3A21;}
.fuera--suelta{padding-top:88px; padding-bottom:96px;}
.emlab{margin:4px 0 0; display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 16px;}
.emlab .frase-clave{font-size:21px; color:var(--texto-oscuro);}
.emlab .enlace-subrayado{font-weight:600; color:#6E3A21;}

/* --- ¿Un café? (Hablemos) --- */
.disponible{margin:0; display:flex; align-items:center; gap:14px; font-size:17px; line-height:1.6; color:var(--blanco-roto);}
.disponible-filete{flex:0 0 28px; height:1px; background:#D28B6C;}
.cafe{position:relative; background:#E4DCCF; min-height:640px; display:flex; align-items:center;}
.cafe-foto{position:absolute; left:0; top:0; bottom:0; width:54%; overflow:hidden;}
.cafe-foto img{width:100%; height:100%; object-fit:cover; object-position:35% 55%;}
.cafe-foto::after{content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(90deg, rgba(228,220,207,0) 58%, rgba(228,220,207,0.55) 80%, #E4DCCF 100%),
             linear-gradient(0deg, #E4DCCF 0, rgba(228,220,207,0) 90px),
             linear-gradient(180deg, #E4DCCF 0, rgba(228,220,207,0) 60px);}
.cafe .contenedor{position:relative;}
.cafe-texto{margin-left:58%; padding:80px 0; display:flex; flex-direction:column; gap:18px; max-width:520px;}
.cafe-titulo{margin:0; display:flex; align-items:center; gap:14px; font-weight:400; font-size:34px; color:var(--texto-oscuro);}
.cafe-parrafo{margin:0; font-size:17px; line-height:1.7; color:#3C3834;}
.btn-boton{border:0; cursor:pointer; font-family:inherit;}
.btn-boton[aria-expanded="true"]{filter:brightness(0.96);}
.cafe .frase-clave{margin:-6px 0 6px; font-size:22px; color:#6E3A21;}
.cafe-datos{display:flex; flex-direction:column; background:#F5F1EA; border-top:2px solid #B8744E; border-radius:2px; padding:8px 24px 12px;
  box-shadow:0 14px 28px rgba(60,48,36,0.12);}
.cafe-dato{display:grid; grid-template-columns:auto 1fr; grid-template-areas:"et acc" "val val"; align-items:baseline; gap:2px 12px; padding:12px 0;}
.cafe-dato + .cafe-dato{border-top:1px solid #CFC5B6;}
.cafe-dato .contacto-etiqueta{grid-area:et;}
.cafe-dato .contacto-valor{grid-area:val; font-size:20px;}
.cafe-acciones{grid-area:acc; justify-self:end; display:flex; gap:18px;}
.boton-accion{background:none; border:0; padding:0; font-family:inherit; cursor:pointer;}
.copiado{font-size:13px; color:#6E3A21; min-height:0;}
.copiado:empty{display:none;}
.cafe-datos .copiado{padding:4px 0 2px;}
/* tarjeta de contacto */
.lectura-inner--contacto{padding-top:88px; padding-bottom:96px;}
.contacto{padding:44px 48px; display:flex; flex-direction:column;}
.contacto-fila{display:flex; align-items:baseline; justify-content:space-between; gap:16px; padding:18px 0; border-top:1px solid #CFC5B6;}
.contacto-dato{display:flex; flex-direction:column; gap:3px; min-width:0;}
.contacto-etiqueta{font-size:13px; font-weight:600; letter-spacing:0.2em; text-transform:uppercase; color:#8A4B2C;}
.contacto-valor{font-size:18px; color:var(--texto-oscuro); overflow-wrap:anywhere;}
.contacto-valor-linea{display:flex; align-items:center; gap:4px; flex-wrap:wrap;}
.contacto-accion{flex:0 0 auto; font-size:12px; letter-spacing:0.16em; text-transform:uppercase; color:#6E3A21; text-decoration:none; white-space:nowrap;
  min-height:44px; display:inline-flex; align-items:center;}
.contacto-accion span{border-bottom:1px solid #B8744E; padding-bottom:3px;}
.contacto-acciones{flex:0 0 auto; display:flex; gap:18px;}
.copiar{width:44px; height:44px; margin:-12px 0; display:inline-flex; align-items:center; justify-content:center; background:transparent; border:0; padding:0; cursor:pointer;}
.contacto-cv{display:flex; flex-wrap:wrap; align-items:center; gap:18px; padding-top:28px; border-top:1px solid #CFC5B6;}
.contacto-idiomas{font-size:14px; color:#625E57;}
.contacto-idiomas a{color:#6E3A21; text-underline-offset:3px; padding:10px 0;}
.mapa--dos{grid-template-columns:repeat(2, minmax(0,1fr)); gap:28px;}
.capacidad--amplia{padding:40px;}
.capacidad--amplia ul{font-size:17px; line-height:1.65;}
.etiqueta-separada{margin-top:18px;}

/* pantallas medianas: rejillas de 5 y 4 columnas pasan a menos columnas */
@media (max-width: 1100px) and (min-width: 781px){
  .pasos{grid-template-columns:repeat(3, minmax(0,1fr)); row-gap:32px;}
  .fuera-lista{grid-template-columns:repeat(2, minmax(0,1fr));}
  .mapa, .publicaciones{grid-template-columns:1fr 1fr;}
  .mapa .capacidad:last-child, .publicaciones .publicacion:last-child{grid-column:1 / -1;}
  .mapa--dos .capacidad:last-child{grid-column:auto;}
  .cafe-foto{width:50%;}
  .cafe-texto{margin-left:52%;}
  .formacion-columnas{gap:40px;}
}

/* --- barra inferior fija (solo móvil) --- */
.barra-inferior{display:none;}

/* --- menú superpuesto --- */
.menu-movil{position:fixed; inset:0; z-index:40; display:flex; flex-direction:column; padding:0 20px 32px; overflow-y:auto; color:var(--blanco-roto);}
.menu-movil[hidden]{display:none;}
.menu-movil::before{content:""; position:fixed; inset:0; pointer-events:none;
  background:linear-gradient(180deg, rgba(38,24,18,0.35), rgba(38,24,18,0.12) 60%, rgba(38,24,18,0.25));}
.menu-movil > *{position:relative;}
.menu-movil-cabecera{height:72px; display:flex; align-items:center; justify-content:space-between;}
.menu-movil-cabecera .cabecera-firma img{height:44px;}
.menu-movil-cabecera .btn-menu{display:inline-flex; align-items:center;}
.menu-movil-lista{display:flex; flex-direction:column; margin-top:32px; border-top:1px solid rgba(210,139,108,0.45);}
.menu-movil-lista a{display:flex; align-items:baseline; gap:16px; padding:18px 4px; border-bottom:1px solid rgba(210,139,108,0.45);
  font-family:'Newsreader', serif; font-weight:300; font-size:32px; line-height:1.1; color:var(--blanco-roto); text-decoration:none;}
.menu-movil-lista a[aria-current="page"]{color:#F0C4A6;}
.menu-num{font-family:'Hanken Grotesk', sans-serif; font-size:12px; letter-spacing:0.18em; color:#E9B596; min-width:24px;}
.menu-movil-pie{margin-top:auto; padding-top:40px; display:flex; gap:12px; flex-wrap:wrap; align-items:center;}
body.menu-abierto{overflow:hidden;}

/* --- pantallas medianas: el menú superior se pliega --- */
@media (max-width: 1000px){
  .cabecera-menu, .cabecera-cv{display:none;}
  .btn-menu{display:inline-flex; align-items:center;}
}

/* --- móvil: diseño propio --- */
@media (max-width: 780px){
  .solo-movil{display:inline;}
  .solo-escritorio{display:none;}
  .cabecera-inner{height:60px; padding:0 16px;}
  .cabecera-firma img{height:44px;}
  .sala-hero-inner{min-height:0; padding-top:108px; padding-bottom:40px; gap:12px;}
  .medalla{flex-basis:44px; width:44px; height:44px;}
  .medalla svg{width:44px; height:44px;}
  .sala-intro{font-size:17px;}
  .cifras-lista{grid-template-columns:1fr; gap:24px; padding-top:36px; padding-bottom:40px;}
  .cifra-texto{font-size:16px;}
  .lectura-inner{gap:56px; padding-top:48px; padding-bottom:24px;}
  .intermas{font-size:23px;}
  .trayectoria{margin-top:12px; gap:36px;}
  .etapa{display:flex; flex-direction:column; gap:8px; border-left:1px solid #B8744E; padding-left:18px;}
  .etapa-fechas{font-size:12px; padding-top:0;}
  .etapa-cuerpo{border-left:0; padding-left:0;}
  .etapa-cargo{font-size:24px;}
  .etapa-cuerpo p{margin-top:6px; line-height:1.6;}
  .etapa-cuerpo ul{padding-left:18px; line-height:1.6;}
  .bloque{gap:20px;}
  .caso-destacado{padding:24px;}
  .caso-destacado .caso-titulo{font-size:28px;}
  .casos-mini{grid-template-columns:1fr; gap:20px;}
  .caso-mini{padding:22px;}
  .caso-mini .caso-titulo{font-size:24px;}
  .fila-cx{grid-template-columns:1fr; gap:6px; padding:16px 0;}
  .fila-cx dt{font-size:16px;}
  .fila-cx dd{display:block;}
  .fila-cx dd .serif{font-size:21px;}
  .fila-cx .flecha{margin-right:6px;}
  .testimonio-inner{padding-top:40px; padding-bottom:40px;}
  .testimonio-meta{flex-wrap:wrap;}
  .siguiente-inner{flex-direction:column; align-items:flex-start; padding-top:40px; padding-bottom:40px;}
  .contenedor{padding-inline:24px;}
  .siguiente-inner{padding-bottom:120px;}
  .sala-hero-inner--alto{min-height:0;}
  .sala-pregunta{font-size:22px;}
  .pasos-inner{gap:18px; padding-top:36px; padding-bottom:40px;}
  .pasos{grid-template-columns:1fr; gap:18px;}
  .paso{display:grid; grid-template-columns:56px minmax(0,1fr); gap:8px; align-items:baseline; padding-top:14px;}
  .paso-num{font-size:36px;}
  .ejemplo{padding:24px;}
  .camino{gap:16px;}
  .frase-clave, .caso-destacado .caso-aprendizaje, .camino .frase-clave{font-size:20px;}
  .idiomas-lista{grid-template-columns:1fr; gap:0;}
  .idioma{flex-direction:row; justify-content:space-between; align-items:baseline; gap:12px; padding:12px 0;}
  .idioma-nombre{font-size:30px;}
  .valores-intro{font-size:17px;}
  .valor{grid-template-columns:1fr; gap:6px; padding:16px 0;}
  .valor dt{font-size:22px;}
  .valor dd{font-size:16px; line-height:1.6;}
  .fuera{gap:18px;}
  .fuera-lista{grid-template-columns:1fr; gap:20px;}
  .mapa, .publicaciones, .formacion-columnas{grid-template-columns:1fr; gap:16px;}
  .formacion-columnas{gap:32px;}
  .capacidad{padding:24px;}
  .formacion-principal{padding:24px; flex-direction:column; align-items:flex-start; gap:10px;}
  .formacion-principal-titulo{font-size:24px;}
  .formacion-principal-fecha{font-size:22px;}
  .formacion-nombre .serif{font-size:18px;}
  .publicacion{padding:22px;}
  .publicacion-titulo{font-size:22px;}
  .emlab .frase-clave{font-size:19px;}
  .fuera--suelta{padding-top:48px; padding-bottom:56px;}
  .ia-frase.ia-frase--discreta{font-size:20px;}
  .cafe{display:block; min-height:0;}
  .cafe-foto{position:relative; width:auto; height:320px;}
  .cafe-foto img{object-position:40% 60%;}
  .cafe-foto::after{background:linear-gradient(180deg, rgba(228,220,207,0) 55%, rgba(228,220,207,0.6) 80%, #E4DCCF 100%);}
  .cafe-texto{margin-left:0; padding:8px 0 16px; gap:14px;}
  .cafe-titulo{font-size:26px; gap:12px;}
  .cafe .frase-clave{font-size:19px;}
  .cafe-datos{padding:6px 18px 10px;}
  .cafe-dato .contacto-valor{font-size:19px;}
  .lectura-inner--contacto{padding-top:48px; padding-bottom:56px;}
  .contacto{padding:8px 24px 24px;}
  .contacto-fila{flex-direction:column; align-items:flex-start; gap:2px; padding:14px 0 4px;}
  .contacto-valor{font-size:17px;}
  .contacto-cv{padding-top:20px;}
  .mapa--dos{grid-template-columns:1fr; gap:16px;}
  .capacidad--amplia{padding:24px;}
  .pie-cv{display:none;}
  .barra-inferior{display:flex; position:fixed; left:12px; right:12px; bottom:max(16px, env(safe-area-inset-bottom)); z-index:20; height:60px;
    align-items:center; justify-content:space-between; padding:0 8px 0 18px;
    background:rgba(110,84,72,0.96); border:1px solid rgba(210,139,108,0.7); border-radius:2px;
    box-shadow:0 10px 24px rgba(40,24,16,0.3);}
  .barra-boton{min-height:44px; display:inline-flex; align-items:center; background:transparent; border:0; padding:0 4px;
    font-family:inherit; font-size:12px; letter-spacing:0.16em; text-transform:uppercase; color:#E6DED2; text-decoration:none; cursor:pointer;}
  .btn-barra{min-height:44px; padding:0 16px; font-size:12px;}
}
.sin-corte{white-space:nowrap;}

/* vapor animado del café (solo en la sala «¿Un café?») */
@keyframes vapor1{0%{opacity:0;transform:translateY(2px) scaleY(.9)}15%{opacity:.9}50%{opacity:.55;transform:translateY(-2px) rotate(2deg) scaleY(1.04)}85%{opacity:.15}100%{opacity:0;transform:translateY(-4px) rotate(-1deg) scaleY(1.08)}}
@keyframes vapor2{0%{opacity:0;transform:translateY(3px) scaleY(.9)}20%{opacity:.85}55%{opacity:.5;transform:translateY(-1px) rotate(-2deg) scaleY(1.05)}88%{opacity:.12}100%{opacity:0;transform:translateY(-5px) rotate(1.5deg) scaleY(1.1)}}
.vapor-1{transform-origin:18px 17px; animation:vapor1 2.1s ease-in-out infinite; opacity:0;}
.vapor-2{transform-origin:25px 17px; animation:vapor2 2.5s ease-in-out infinite; opacity:0;}
@media (prefers-reduced-motion: reduce){.vapor-1,.vapor-2{animation:none; opacity:.85;}}
.contacto-fila:first-child{border-top:0;}

/* confirmación de copiado: se ve en el botón; el texto de .copiado solo lo leen los lectores de pantalla */
.copiado, .copiado:empty{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; display:block;}
.boton-accion.hecho span{border-bottom-color:transparent;}
.boton-accion span{display:inline-block; min-width:5.2em; text-align:left;}
.cafe-acciones .boton-accion span, .contacto-acciones .boton-accion span{text-align:right;}

/* EM Lab: banner de LinkedIn como franja-enlace fina (Mi taller) */
.emlab-tarjeta{display:flex; flex-direction:column; gap:14px; margin-top:16px; max-width:760px; text-decoration:none;}
.emlab-tarjeta img{width:100%; height:auto; aspect-ratio:1080/468; object-fit:cover; border-top:2px solid #B8744E; border-radius:2px;
  box-shadow:0 10px 22px rgba(60,48,36,0.14); transition:box-shadow .2s ease, transform .2s ease;}
.emlab-tarjeta:hover img{box-shadow:0 14px 26px rgba(60,48,36,0.2); transform:translateY(-2px);}
.emlab-pie{display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 16px;}
.emlab-pie .frase-clave{font-size:18px; color:var(--texto-oscuro);}
.emlab-pie .enlace-subrayado{font-weight:600; color:#6E3A21; padding:4px 0;}
@media (max-width: 780px){ .emlab-tarjeta{gap:10px;} .emlab-pie{flex-direction:column; gap:4px;} .emlab-pie .frase-clave{font-size:17px;} }
@media (min-width: 1001px){
  .emlab-tarjeta{flex-direction:row; align-items:center; gap:32px; max-width:none;}
  .emlab-tarjeta img{width:440px; flex:0 0 440px;}
  .emlab-pie{flex-direction:column; align-items:flex-start; gap:8px;}
  .emlab-pie .frase-clave{font-size:20px; max-width:360px;}
}

/* =====================================================================
   PÁGINAS DE CASO (paso 3)
   ===================================================================== */
.caso-hero-inner{min-height:420px; gap:14px;}
.migas{align-self:flex-start; font-size:12px; letter-spacing:0.18em; text-transform:uppercase; color:#F5E6D6; text-decoration:none;
  padding:10px 0; margin-bottom:auto;}
.migas:hover{text-decoration:underline; text-underline-offset:4px;}
.caso-eyebrow{font-size:13px; font-weight:600; letter-spacing:0.2em; text-transform:uppercase; color:#F0C4A6;}
.caso-h1{margin:0; font-weight:300; font-size:clamp(40px, 4.6vw, 66px); line-height:1.08; letter-spacing:-0.01em; color:var(--blanco-roto); max-width:900px;}
.caso-lectura{display:flex; flex-direction:column; gap:72px; padding-top:88px; padding-bottom:96px;}
.caso-bloque{display:grid; grid-template-columns:clamp(140px, 15vw, 220px) minmax(0, 1fr); gap:48px;}
.caso-bloque > .etiqueta{padding-top:6px;}
.caso-texto{max-width:760px;}
.caso-texto p{margin:0; font-size:17px; line-height:1.75; color:#3C3834;}
.caso-texto .caso-entrada{font-size:24px; font-weight:300; line-height:1.5; color:var(--texto-oscuro);}
.caso-pasos{list-style:none; counter-reset:paso; margin:0; padding:0; display:flex; flex-direction:column; gap:36px; max-width:760px;}
.caso-pasos li{counter-increment:paso; position:relative; border-left:1px solid #B8744E; padding-left:32px;}
.caso-pasos li::before{content:counter(paso, decimal-leading-zero); position:absolute; left:-1px; top:-2px; transform:translateX(-100%);
  padding-right:14px; font-family:'Newsreader', serif; font-size:15px; color:#8A4B2C;}
.caso-pasos h3{margin:0 0 8px; font-weight:400; font-size:24px; line-height:1.25; color:var(--texto-oscuro);}
.caso-pasos p{margin:0; font-size:17px; line-height:1.75; color:#3C3834;}
.siguiente-enlace .siguiente-titulo{max-width:520px;}

@media (max-width: 780px){
  .caso-hero-inner{min-height:0; padding-top:96px; padding-bottom:40px; gap:10px;}
  .migas{margin-bottom:18px;}
  .caso-h1{font-size:38px;}
  .caso-lectura{gap:44px; padding-top:44px; padding-bottom:56px;}
  .caso-bloque{grid-template-columns:1fr; gap:14px;}
  .caso-texto .caso-entrada{font-size:21px;}
  .caso-pasos{gap:28px;}
  .caso-pasos li{padding-left:18px;}
  .caso-pasos li::before{position:static; transform:none; display:block; padding:0 0 4px;}
  .caso-pasos h3{font-size:21px;}
  .siguiente-enlace .siguiente-titulo{font-size:22px;}
}
.caso-h1, .sala-titulo, .ia-frase, .frase-clave{text-wrap:balance;}
.fila-cx--cabecera{border-top:0; padding:0 0 12px; margin-bottom:-28px; font-size:12px; font-weight:600; letter-spacing:0.18em; text-transform:uppercase; color:#8A4B2C;}
@media (max-width: 780px){ .fila-cx--cabecera{display:none;} }
.fila-cx dd .serif{line-height:1.3;}
/* página de error */
.error-hero{min-height:calc(100vh - 0px);}
.error-inner{min-height:100vh; justify-content:center; gap:18px; padding-top:120px; padding-bottom:120px;}
.error-icono{margin-bottom:8px;}
.error-acciones{display:flex; flex-wrap:wrap; gap:18px; align-items:center; margin-top:10px;}
@media (max-width: 780px){ .error-inner{min-height:0; padding-top:140px; padding-bottom:80px;} }