/* 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% 12%;
  -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(5, minmax(0,1fr)); gap:20px;
  max-width:1280px; 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:var(--cobre-claro, #D28B6C);}
.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;}
.grupo-intro{margin:0; font-weight:300; font-size:28px; line-height:1.5; max-width:980px; color:var(--texto-oscuro);}
.grupo-intro 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;}
  .grupo-intro{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;} }

/* Inicio en escritorio: las puertas siempre visibles sin hacer scroll */
@media (min-width:781px){
  .hero{min-height:calc(100vh - 128px);}
  .hero-inner{min-height:0;}
  .hero-contenido{padding-top:clamp(84px,12vh,150px); padding-bottom:36px;}
  .puertas-lista{padding-top:30px; padding-bottom:30px;}
}
.testimonio-separador{width:48px; height:1px; margin:28px 0; background:var(--cobre);}

/* cabeceras de sala: el icono y el título empiezan a la misma altura en todas las salas */
@media (min-width:781px){ .sala-hero-inner:not(.caso-hero-inner):not(.error-inner){justify-content:flex-start;} }
.formacion-vitalicio{font-size:.62em; letter-spacing:.04em;}

.solo-lectores{position:absolute!important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap;}
.cifra-etiqueta{display:block; font-size:12px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:#6E3A21; margin-bottom:6px;}
.publicacion-img{display:block; width:100%; aspect-ratio:0.85; object-fit:contain; object-position:50% 0; background:#F4EEE6; margin-bottom:16px; border-radius:2px; box-shadow:0 1px 3px rgba(60,40,30,.18);}
.cafe .contacto-cv{margin-top:10px; display:flex; flex-direction:column; align-items:flex-start; gap:10px;}
/* vapor del café que sube por encima de la medalla */
.medalla-vapor{position:relative; display:inline-block; flex:0 0 52px; width:52px; height:52px;}
.medalla-vapor .vapor{position:absolute; left:0; bottom:33px; overflow:visible; pointer-events:none;}
.vapor .hilo{stroke-dasharray:90; stroke-dashoffset:90; opacity:0; animation:vapor 3.6s ease-out infinite;}
.vapor .hilo2{animation-delay:1.5s; animation-duration:4.1s;}
@keyframes vapor{0%{stroke-dashoffset:90; opacity:0; transform:translateY(4px);} 25%{opacity:.9;} 70%{opacity:.35;} 100%{stroke-dashoffset:0; opacity:0; transform:translateY(-10px);}}
@media (prefers-reduced-motion: reduce){ .vapor .hilo{animation:none; stroke-dashoffset:0; opacity:.6;} }
.publicacion .publicacion-img{height:auto; flex:none; align-self:stretch;}

/* Inicio: la franja de cuero ocupa todo el alto sobrante */
@media (min-width:781px){
  body.pagina-inicio{min-height:100vh; display:flex; flex-direction:column; background:#E4D3BC url(../img/cuero-marfil.jpg) 0 0/512px 512px;}
  body.pagina-inicio .puertas{flex:1;}
  .puerta{align-items:flex-start;}
  .puerta-texto{padding-top:6px;}
}
.puerta-icono-vapor{position:relative; flex:0 0 60px; width:60px; height:60px; display:inline-block;}
.puerta-icono-vapor .vapor{position:absolute; left:0; bottom:38px; overflow:visible; pointer-events:none;}
.pie-cv-grupo{display:flex; flex-direction:column; align-items:flex-end; gap:8px;}
.pie-cv-grupo .contacto-idiomas{font-size:13px;}
@media (max-width:780px){ .pie-cv-grupo{align-items:flex-start;} }
.puerta-icono-vapor .puerta-icono{display:block;}
body.pagina-inicio .hero{background-color:var(--topo); background-image:url(../img/metal-topo.jpg); background-size:1024px 1024px;}

/* Hablemos v3: foto grande a su proporción real, con vapor animado sobre las tazas */
@media (min-width:781px){
  .cafe{display:grid; grid-template-columns:minmax(0,62%) minmax(0,1fr); align-items:center; min-height:0; gap:0;}
  .cafe-foto{position:relative; width:auto; aspect-ratio:1600/893; left:auto; top:auto; bottom:auto;}
  .cafe-foto img{object-fit:cover; object-position:50% 50%;}
  .cafe-texto{margin:0; padding:48px 6vw 48px 32px; max-width:560px;}
}
.cafe-foto img{display:block;}
.cafe-vapor{position:absolute; inset:0; width:100%; height:100%; pointer-events:none; overflow:visible; filter:blur(2.2px);}
.cafe-vapor .v{fill:none; stroke:rgba(255,248,238,.75); stroke-width:9; stroke-linecap:round; stroke-dasharray:170; stroke-dashoffset:170; opacity:0;
  animation:vapor-taza 4.2s ease-out infinite;}
.cafe-vapor .v2{animation-delay:1.3s; animation-duration:4.8s;}
.cafe-vapor .v3{animation-delay:.7s; animation-duration:4.5s;}
.cafe-vapor .v4{animation-delay:2.1s; animation-duration:5s;}
@keyframes vapor-taza{0%{stroke-dashoffset:170; opacity:0; transform:translateY(6px);} 20%{opacity:.8;} 65%{opacity:.35;} 100%{stroke-dashoffset:0; opacity:0; transform:translateY(-22px);}}
@media (prefers-reduced-motion: reduce){ .cafe-vapor .v{animation:none; stroke-dashoffset:0; opacity:.35;} }
.emlab-tarjeta--columna{flex-direction:column; align-items:flex-start; margin-top:14px;}
.emlab-tarjeta--columna img{width:100%; max-width:none;}
@media (max-width:780px){ .cafe-foto{height:auto; aspect-ratio:900/502;} .cafe-foto img{height:100%;} .cafe-texto{padding:8px 20px 24px;} }
.emlab-tarjeta.emlab-tarjeta--columna{flex-direction:column; align-items:flex-start; gap:14px;} .emlab-tarjeta--columna img{width:100%!important; max-width:none!important; flex:none!important;}
@media (min-width:1200px){ .fuera-lista{grid-template-columns:repeat(5, minmax(0,1fr)); gap:28px;} }

/* Grupo: presentación breve + ficha de empresa */
.empresa{display:flex; flex-direction:column; gap:28px;}
.ficha-empresa{margin:0; display:grid; grid-template-columns:repeat(5, minmax(0,auto)); justify-content:start; gap:18px 44px; padding:22px 0 0; border-top:1px solid #CFC5B6;}
.ficha-empresa dt{font-size:12px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:#6E3A21; margin-bottom:4px;}
.ficha-empresa dd{margin:0; font-size:22px; color:var(--texto-oscuro);}
@media (max-width:1000px){ .ficha-empresa{grid-template-columns:repeat(3, minmax(0,auto));} }
@media (max-width:600px){ .ficha-empresa{grid-template-columns:1fr 1fr; gap:14px 24px;} .ficha-empresa dd{font-size:19px;} }
.caso-ejemplos{margin:14px 0 0; padding-left:20px; display:flex; flex-direction:column; gap:8px; font-size:17px; color:#3C3834;}
.caso-ejemplos strong{font-weight:600;}
.pie-cv-grupo{gap:16px;}
.cafe-intro{display:flex; flex-direction:column; gap:6px;}
.cafe-lema{margin:0; font-size:30px; font-weight:400; color:var(--texto-oscuro);}
.cafe-intro .frase-clave{margin:0;}
.contacto-whatsapp{display:inline-flex; align-items:center; gap:5px;}
.contacto-whatsapp svg{flex:none; position:relative; top:-1px;}

/* v4: grupo más ligero, "Antes de" */
.empresa .grupo-intro{font-size:21px; line-height:1.6;}
@media (max-width:780px){ .empresa .grupo-intro{font-size:18px;} }
.antes-texto{margin:0; font-size:16px; line-height:1.7; color:#3C3834; max-width:900px;}
.ia-bloque .ia-texto + .ia-texto{margin-top:-8px;}

/* v5 */
@media (min-width:1200px){ .fuera-lista{grid-template-columns:repeat(4, minmax(0,1fr)); gap:32px;} }
.lenguas-mas{display:flex; flex-direction:column; gap:16px;}
.lenguas-mas[hidden]{display:none;}
.valores .valor dd{max-width:640px;}
.ficha-empresa{gap:0; grid-template-columns:repeat(5, auto);}
.ficha-empresa > div{padding:0 32px; border-left:1px solid #CDB9A8;}
.ficha-empresa > div:first-child{padding-left:0; border-left:0;}
@media (max-width:1000px){ .ficha-empresa{grid-template-columns:repeat(3, auto); row-gap:18px;} .ficha-empresa > div:nth-child(4){padding-left:0; border-left:0;} }
@media (max-width:600px){ .ficha-empresa{grid-template-columns:1fr 1fr;} .ficha-empresa > div{padding:0 16px;} .ficha-empresa > div:nth-child(odd){padding-left:0; border-left:0;} .ficha-empresa > div:nth-child(4){padding-left:16px; border-left:1px solid #CDB9A8;} }
.antes-lista{margin:0; padding-left:20px; display:flex; flex-direction:column; gap:8px; font-size:16px; line-height:1.6; color:#3C3834;}
/* cabecera de la tabla CX: distinta del título de sección */
.fila-cx--cabecera{margin-top:18px; font-family:'Newsreader', serif; font-style:italic; font-weight:400; font-size:17px; letter-spacing:0; text-transform:none; color:#7A6A5E;}
.traduccion-cx--mas{margin-top:0;}
.traduccion-cx--mas[hidden]{display:none;}
.camino .leer-mas, .bloque .leer-mas{align-self:flex-start;}
.camino-cols{display:grid; grid-template-columns:1fr 1fr; gap:40px; max-width:1060px;}
.camino-cols p{margin:0;}
.camino-sub{margin:0 0 8px; font-size:21px; font-weight:400; color:var(--texto-oscuro);}
@media (max-width:780px){ .camino-cols{grid-template-columns:1fr; gap:22px;} }

/* v7 */
.fila-cx{padding:12px 0;}
.fila-cx dd .serif{font-size:20px;}
.fila-cx--cabecera{margin-bottom:-14px;}
.pasos-pregunta{margin:4px 0 8px; font-style:italic; font-weight:300; font-size:clamp(20px,1.8vw,24px); color:#5A3A2C;}
.cafe-dato{grid-template-columns:1fr auto; grid-template-areas:"val acc"; align-items:center; gap:4px 16px;}
.cafe-acciones{gap:14px; flex-wrap:wrap; justify-content:flex-end;}
.pie-cv-grupo .contacto-idiomas{font-size:15px;}
/* índice lateral de secciones */
.indice{position:fixed; left:22px; top:50%; transform:translateY(-50%); z-index:40; display:flex; flex-direction:column; gap:14px; opacity:0; pointer-events:none; transition:opacity .4s ease;}
.indice.visible{opacity:1; pointer-events:auto;}
.indice::before{content:""; position:absolute; left:4px; top:6px; bottom:6px; width:1px; background:rgba(138,75,44,.28);}
.indice a{position:relative; display:flex; align-items:center; gap:12px; text-decoration:none; min-height:18px;}
.indice-punto{flex:none; width:9px; height:9px; border-radius:50%; background:#E4DCCF; border:1px solid #B8744E; transition:background .25s, transform .25s;}
.indice a.activo .indice-punto{background:#BB785B; transform:scale(1.25);}
.indice-texto{font:500 11px 'Hanken Grotesk',sans-serif; letter-spacing:.14em; text-transform:uppercase; color:#6E3A21; white-space:nowrap; background:rgba(245,241,234,.94); padding:4px 8px; border-radius:2px; opacity:0; transform:translateX(-4px); transition:opacity .2s, transform .2s; pointer-events:none;}
.indice a:hover .indice-texto, .indice a:focus-visible .indice-texto{opacity:1; transform:none;}
@media (max-width:1279px){ .indice{display:none;} }
@media (prefers-reduced-motion: reduce){ .indice, .indice-punto, .indice-texto{transition:none;} }
main h2.etiqueta[id]{scroll-margin-top:110px;}
@media (prefers-reduced-motion: no-preference){ html{scroll-behavior:smooth;} }
.cafe-dato .contacto-valor{white-space:nowrap; font-size:19px;} .cafe-acciones{flex-wrap:nowrap; gap:12px;}
.cafe-dato{grid-template-columns:1fr; grid-template-areas:"val" "acc"; gap:8px;} .cafe-acciones{justify-self:start; flex-wrap:wrap; gap:18px;}
.cafe-perfil{display:flex; align-items:center; gap:20px; margin-bottom:6px;}
.cafe-perfil img{width:120px; height:150px; object-fit:cover; border-radius:2px; box-shadow:0 10px 22px rgba(60,40,30,.18); border-top:2px solid #B8744E;}
.cafe-perfil p{margin:0; display:flex; flex-direction:column; gap:4px;}
.cafe-perfil-nombre{font-size:24px; color:var(--texto-oscuro);}
.cafe-perfil-frase{font-style:italic; font-size:18px; color:#6E3A21;}
@media (max-width:780px){ .cafe-perfil img{width:96px; height:120px;} .cafe-perfil-nombre{font-size:21px;} }
.cafe-perfil img{width:140px; height:175px;} @media (max-width:780px){ .cafe-perfil img{width:104px; height:130px;} }

/* retrato integrado: foto apaisada a todo el ancho de la columna, con pie superpuesto */
@media (min-width:781px){ .cafe-texto{max-width:440px;} .cafe-texto > *{align-self:stretch;} }
.cafe-perfil{position:relative; display:block; margin:0 0 10px; border-radius:2px; overflow:hidden; box-shadow:0 18px 36px rgba(60,40,30,.20); border-top:2px solid #B8744E;}
.cafe-perfil img{display:block; width:100%; height:auto; aspect-ratio:1.45; object-fit:cover; border:0; box-shadow:none; border-radius:0;}
.cafe-perfil p{position:absolute; left:0; right:0; bottom:0; padding:48px 22px 16px; background:linear-gradient(180deg,rgba(42,30,24,0),rgba(42,30,24,.72));}
.cafe-perfil-nombre{color:#F5F1EA; font-size:24px;}
.cafe-perfil-frase{color:#F0D6C4; font-size:17px;}
@media (max-width:780px){ .cafe-perfil img{width:100%; height:auto;} .cafe-perfil-nombre{font-size:21px;} }

/* ¿Conectamos? v9: columna de contacto más ancha y despedida con retrato */
@media (min-width:781px){
  .cafe{grid-template-columns:minmax(0,55%) minmax(0,1fr);}
  .cafe-texto{max-width:500px; padding:56px 5vw 56px 40px;}
}
.cafe-dato{grid-template-columns:1fr auto; grid-template-areas:"val acc"; align-items:center; gap:8px 20px;}
.cafe-acciones{justify-self:end; flex-wrap:nowrap; gap:14px;}
@media (max-width:1100px){ .cafe-dato{grid-template-columns:1fr; grid-template-areas:"val" "acc";} .cafe-acciones{justify-self:start; flex-wrap:wrap;} }
.despedida{background:#E4DCCF; padding:24px 0 96px;}
.despedida-inner{display:grid; grid-template-columns:minmax(0,420px) minmax(0,1fr); gap:64px; align-items:center;}
.despedida-retrato{margin:0;}
.despedida-retrato img{display:block; width:100%; height:auto;
  -webkit-mask-image:radial-gradient(ellipse 72% 70% at 50% 42%, #000 58%, transparent 100%);
  mask-image:radial-gradient(ellipse 72% 70% at 50% 42%, #000 58%, transparent 100%);}
.despedida-texto{display:flex; flex-direction:column; gap:6px; max-width:520px;}
.despedida-nombre{margin:0; font-size:clamp(30px,3vw,42px); font-weight:300; color:var(--texto-oscuro);}
.despedida-frase{margin:0 0 22px; font-style:italic; font-size:22px; color:#6E3A21;}
.despedida .emlab-tarjeta{margin-top:0;}
@media (max-width:780px){ .despedida{padding:8px 0 56px;} .despedida-inner{grid-template-columns:1fr; gap:8px;} .despedida-retrato{max-width:340px; margin:0 auto;} }
.despedida .emlab-tarjeta{flex-direction:column!important; align-items:flex-start!important; gap:12px; max-width:440px;}
.despedida .emlab-tarjeta img{width:100%!important; flex:none!important;}
.despedida .emlab-pie{flex-direction:column; align-items:flex-start; gap:6px;}
.despedida-retrato img{-webkit-mask-image:radial-gradient(ellipse 70% 66% at 50% 40%, #000 45%, transparent 98%); mask-image:radial-gradient(ellipse 70% 66% at 50% 40%, #000 45%, transparent 98%);}
.despedida-retrato img{
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%),linear-gradient(180deg,transparent 0,#000 10%,#000 72%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%),linear-gradient(180deg,transparent 0,#000 10%,#000 72%,transparent 100%);
  mask-composite:intersect;}

/* ===== ¿Conectamos? v10: banda inmersiva + retrato y contacto en una sola composición ===== */
.cx-banda{position:relative; height:clamp(300px, 36vw, 540px); overflow:hidden; background:#E4DCCF;}
.cx-banda picture, .cx-banda img{display:block; width:100%; height:100%;}
.cx-banda img{object-fit:cover; object-position:50% 50%;}
.cx-banda::after{content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg, rgba(228,220,207,0) 70%, #E4DCCF 100%);}
.cx{background:#E4DCCF; padding:0 0 104px;}
.cx-inner{display:grid; grid-template-columns:minmax(0,5fr) minmax(0,6fr); gap:72px; align-items:center; max-width:1040px; margin-top:-120px; position:relative;}
.cx-retrato{margin:0;}
.cx-retrato img{display:block; width:100%; height:auto;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%),linear-gradient(180deg,transparent 0,#000 12%,#000 70%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%),linear-gradient(180deg,transparent 0,#000 12%,#000 70%,transparent 100%);
  mask-composite:intersect;}
.cx-texto{display:flex; flex-direction:column; gap:10px; padding-top:120px;}
.cx-nombre{margin:0; font-size:clamp(32px,3vw,44px); font-weight:300; line-height:1.1; color:var(--texto-oscuro);}
.cx-frase{margin:0; font-style:italic; font-size:22px; color:#6E3A21;}
.cx-parrafo{margin:4px 0 14px; font-size:17px; line-height:1.7; color:#3C3834;}
.cx .cafe-datos{margin:0 0 28px;}
.cx .cafe-dato{grid-template-columns:1fr auto; grid-template-areas:"val acc"; align-items:center; gap:8px 20px;}
.cx .cafe-acciones{justify-self:end; flex-wrap:nowrap; gap:14px;}
.cx-emlab{flex-direction:row!important; align-items:center!important; gap:20px!important; max-width:none;}
.cx-emlab img{width:200px!important; flex:0 0 200px!important;}
.cx-emlab .emlab-pie{flex-direction:column; align-items:flex-start; gap:6px;}
.cx-emlab .emlab-pie .frase-clave{font-size:17px; max-width:none;}
@media (max-width:1000px){ .cx-inner{gap:40px;} .cx .cafe-dato{grid-template-columns:1fr; grid-template-areas:"val" "acc";} .cx .cafe-acciones{justify-self:start; flex-wrap:wrap;} }
@media (max-width:780px){
  .cx-banda{height:240px;}
  .cx{padding-bottom:56px;}
  .cx-inner{grid-template-columns:1fr; gap:0; margin-top:-40px;}
  .cx-retrato{max-width:320px; margin:0 auto;}
  .cx-texto{padding-top:0;}
  .cx-emlab{flex-direction:column!important; align-items:flex-start!important;}
  .cx-emlab img{width:100%!important; flex:none!important;}
}

/* ===== ¿Conectamos? v11: retrato | datos | terraza, visibles desde el principio ===== */
.cx3{position:relative; display:grid; grid-template-columns:minmax(0,27fr) minmax(0,33fr) minmax(0,40fr); align-items:stretch; background:#E4DCCF; min-height:clamp(520px, 42vw, 700px);}
.cx3-retrato{margin:0; position:relative; overflow:hidden;}
.cx3-retrato img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 20%;
  -webkit-mask-image:linear-gradient(90deg,#000 0,#000 62%,transparent 100%),linear-gradient(180deg,#000 0,#000 78%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,#000 0,#000 62%,transparent 100%),linear-gradient(180deg,#000 0,#000 78%,transparent 100%);
  mask-composite:intersect;}
.cx3-texto{display:flex; flex-direction:column; justify-content:center; gap:10px; padding:56px 28px; position:relative; z-index:1;}
.cx3-texto .cx-nombre{margin:0;}
.cx3-texto .cafe-datos{margin-top:6px;}
.cx3 .cafe-dato{grid-template-columns:1fr; grid-template-areas:"val" "acc"; gap:8px;}
.cx3 .cafe-acciones{justify-self:start; flex-wrap:wrap; gap:16px;}
.cx3-terraza{position:relative; overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%);
  mask-image:linear-gradient(90deg,transparent 0,#000 30%);}
.cx3-terraza picture, .cx3-terraza img{display:block; width:100%; height:100%;}
.cx3-terraza img{position:absolute; inset:0; object-fit:cover; object-position:50% 50%;}
.cx3-terraza .cx-vapor{position:absolute; inset:0; width:100%; height:100%;}
.cx3-emlab-banda{background:#E4DCCF; padding:48px 0 96px;}
.cx3-emlab-banda .cx-emlab{max-width:720px; margin:0 auto;}
@media (min-width:1600px){ .cx3 .cafe-dato{grid-template-columns:1fr auto; grid-template-areas:"val acc";} .cx3 .cafe-acciones{justify-self:end; flex-wrap:nowrap;} }
@media (max-width:900px){
  .cx3{grid-template-columns:1fr; min-height:0;}
  .cx3-retrato{height:380px;}
  .cx3-retrato img{-webkit-mask-image:linear-gradient(180deg,#000 0,#000 70%,transparent 100%); mask-image:linear-gradient(180deg,#000 0,#000 70%,transparent 100%);}
  .cx3-texto{padding:0 20px 24px;}
  .cx3-terraza{height:260px; -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 25%); mask-image:linear-gradient(180deg,transparent 0,#000 25%);}
  .cx3-emlab-banda{padding:32px 0 56px;}
}

/* v12: columna central compacta, EM Lab dentro, terraza más grande */
.cx3{grid-template-columns:minmax(0,24fr) minmax(0,28fr) minmax(0,48fr); padding-bottom:40px;}
.cx3-texto{max-width:400px; justify-self:center; width:100%; padding:48px 12px;}
.cx3 .cafe-datos{margin:6px 0 18px; padding:4px 20px 8px;}
.cx3 .cafe-dato, .cx3 .cafe-dato:is(*){grid-template-columns:1fr!important; grid-template-areas:"val" "acc"!important; gap:4px!important; padding:12px 0;}
.cx3 .cafe-acciones{justify-self:start!important; flex-wrap:wrap!important; gap:14px;}
.cx3 .cx-emlab{flex-direction:row!important; align-items:center!important; gap:14px!important; margin:0;}
.cx3 .cx-emlab img{width:150px!important; flex:0 0 150px!important;}
.cx3 .cx-emlab .emlab-pie .frase-clave{font-size:15px;}
@media (max-width:900px){ .cx3-texto{max-width:none; padding:0 20px 24px;} .cx3{padding-bottom:0;} }

/* Mi mirada: retrato en transparencia en la cabecera */
.sala-hero--foto{position:relative; overflow:hidden;}
.sala-hero--foto .sala-hero-inner{position:relative; z-index:1;}
.sala-hero-foto{position:absolute; right:0; top:104px; bottom:0; width:50%; height:calc(100% - 104px); object-fit:cover; object-position:50% 8%; opacity:.42; mix-blend-mode:luminosity; pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 45%),linear-gradient(180deg,transparent 0,#000 14%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent 0,#000 45%),linear-gradient(180deg,transparent 0,#000 14%);
  mask-composite:intersect;}
@media (max-width:780px){ .sala-hero-foto{width:70%; top:80px; height:calc(100% - 80px); opacity:.22;} }

/* Mi mirada: retrato en sepia junto a "Mis orígenes" */
.lectura--retrato{position:relative; overflow:hidden;}
.retrato-sepia{position:absolute; left:0; top:0; width:40%; height:920px; object-fit:cover; object-position:50% 10%; opacity:.55; pointer-events:none;
  filter:sepia(.75) saturate(.8) brightness(1.05);
  -webkit-mask-image:linear-gradient(90deg,#000 0,#000 45%,transparent 100%),linear-gradient(180deg,#000 0,#000 60%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,#000 0,#000 45%,transparent 100%),linear-gradient(180deg,#000 0,#000 60%,transparent 100%);
  mask-composite:intersect;}
.lectura--retrato .lectura-inner{position:relative; padding-left:36%;}
@media (max-width:1100px){ .lectura--retrato .lectura-inner{padding-left:40%;} }
@media (max-width:780px){
  .retrato-sepia{position:relative; display:block; width:100%; height:340px;
    -webkit-mask-image:linear-gradient(180deg,#000 0,#000 55%,transparent 100%); mask-image:linear-gradient(180deg,#000 0,#000 55%,transparent 100%);}
  .lectura--retrato .lectura-inner{padding-left:20px; margin-top:-80px;}
}

/* ¿Conectamos? v13: sin retrato; datos | terraza */
.cx3{grid-template-columns:minmax(0,42fr) minmax(0,58fr);}
.cx3-texto{justify-self:end; max-width:440px; padding:56px 40px 56px 24px;}
@media (max-width:900px){ .cx3{grid-template-columns:1fr;} .cx3-texto{justify-self:stretch; max-width:none; padding:32px 20px 24px;} }
.lectura--retrato .ficha-empresa > div{padding:0 18px;} .lectura--retrato .ficha-empresa > div:first-child{padding-left:0;} .lectura--retrato .ficha-empresa dd{font-size:19px; white-space:nowrap;} .lectura--retrato .ficha-empresa dt{white-space:nowrap;}
/* el texto empieza donde se difumina la imagen, medido en ancho de pantalla (no del contenedor) */
@media (min-width:781px){
  .lectura--retrato .lectura-inner{padding-left:max(clamp(24px, 8.33vw, 120px), calc(min(36vw, 700px) - max(0px, (100vw - 1440px) / 2)));}
  .retrato-sepia{width:min(40vw, 780px);}
}

/* formación: cada grupo a todo el ancho, con sus cursos en 2 columnas */
.formacion-filas{grid-template-columns:1fr; gap:36px;}
.formacion-filas .formacion-lista{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); column-gap:48px;}
@media (max-width:780px){ .formacion-filas .formacion-lista{grid-template-columns:1fr;} }
/* v18: foto sepia más discreta y texto menos desplazado */
@media (min-width:781px){
  .lectura--retrato .lectura-inner{padding-left:max(clamp(24px, 8.33vw, 120px), calc(min(24vw, 480px) - max(0px, (100vw - 1440px) / 2)));}
  .retrato-sepia{width:min(34vw, 640px); opacity:.38;
    -webkit-mask-image:linear-gradient(90deg,#000 0,#000 25%,transparent 100%),linear-gradient(180deg,#000 0,#000 50%,transparent 100%);
    mask-image:linear-gradient(90deg,#000 0,#000 25%,transparent 100%),linear-gradient(180deg,#000 0,#000 50%,transparent 100%);}
}
/* índice: el nombre de la sección activa siempre visible */
.indice a.activo .indice-texto{opacity:1; transform:none;}
.indice-titulo{font:600 10px 'Hanken Grotesk',sans-serif; letter-spacing:.18em; text-transform:uppercase; color:#8A4B2C; margin:0 0 4px 18px; white-space:nowrap;}

.privado-cvs{display:flex; flex-wrap:wrap; gap:18px 28px; align-items:center;}
.privado-frase{margin:0 0 12px; font-style:italic; font-size:24px; color:#6E3A21; max-width:760px;}
.privado-texto{margin:0; font-size:17px; line-height:1.7; color:#3C3834; max-width:760px;}
.privado-datos{max-width:520px;}
.privado-datos .cafe-dato{grid-template-columns:1fr auto; grid-template-areas:"val acc";}
/* (página privada: la cabecera muestra ¿Conectamos?) */
.privado-cvs .btn-linea{color:#6E3A21; border-color:#B8744E;} .privado-cvs .btn-linea:hover{background:rgba(187,120,91,.1);}

/* ===== EM Lab ===== */
  
  .lab-marca{display:flex; flex-wrap:wrap; gap:6px 18px; margin:14px 0 0; font-family:'Newsreader',serif; font-style:italic; font-size:clamp(20px,1.8vw,26px); color:var(--cobre-claro);}
  .lab-intro-nota{margin-top:16px; font-size:14px; letter-spacing:.04em; color:#EAD9C8; opacity:.85;}
  .lab-bloque{display:flex; flex-direction:column; gap:22px;}
  .lab-experimento-n{font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:#6E3A21;}

  /* Palabras con historia */
  .pal-buscar{display:flex; flex-wrap:wrap; gap:12px; align-items:center;}
  .pal-campo{flex:1 1 280px; max-width:420px; font:inherit; font-size:20px; font-family:'Newsreader',serif; padding:14px 18px; border:1px solid #B8744E; border-radius:2px; background:#FBF7F1; color:var(--texto-oscuro);}
  .pal-campo:focus{outline:2px solid #8A4B2C; outline-offset:2px;}
  .pal-chips{display:flex; flex-wrap:wrap; gap:8px;}
  .pal-chip{font:inherit; font-size:14px; padding:7px 14px; border:1px solid #C9AE94; border-radius:40px; background:transparent; color:#5A3A2C; cursor:pointer;}
  .pal-chip[aria-pressed="true"]{background:#5A3A2C; border-color:#5A3A2C; color:#F5F1EA;}
  .pal-ficha{padding:clamp(24px,4vw,48px); display:flex; flex-direction:column; gap:26px;}
  .pal-cabeza{display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:8px 24px;}
  .pal-palabra{margin:0; font-family:'Newsreader',serif; font-weight:300; font-size:clamp(44px,6vw,76px); line-height:1; color:var(--marron-titulo);}
  .pal-tema{font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:#6E3A21;}
  .pal-viaje{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:0; position:relative;}
  .pal-paso{position:relative; padding:22px 18px 0 0; opacity:0; transform:translateY(8px); transition:opacity .5s ease, transform .5s ease;}
  .pal-paso.visible{opacity:1; transform:none;}
  .pal-paso::before{content:""; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg,#B8744E,#D9A58A); transform-origin:left; transform:scaleX(0); transition:transform .6s ease;}
  .pal-paso.visible::before{transform:scaleX(1);}
  .pal-paso::after{content:""; position:absolute; top:-5px; left:0; width:12px; height:12px; border-radius:50%; background:#8A4B2C;}
  .pal-idioma{display:block; font-size:12px; letter-spacing:.18em; text-transform:uppercase; color:#6E3A21; margin-bottom:6px;}
  .pal-forma{display:block; font-family:'Newsreader',serif; font-style:italic; font-size:26px; color:var(--texto-oscuro); line-height:1.15;}
  .pal-sig{display:block; margin-top:6px; font-size:15px; line-height:1.5; color:#3C3834;}
  .pal-hoy{display:grid; grid-template-columns:auto 1fr; gap:4px 12px; margin-top:4px; font-size:16px; color:var(--texto-oscuro);}
  .pal-hoy dt{font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:#6E3A21; align-self:center;}
  .pal-hoy dd{margin:0; font-family:'Newsreader',serif; font-size:21px;}
  .pal-historia{margin:0; font-size:17px; line-height:1.75; color:#3C3834; max-width:760px;}
  .pal-cx{margin:0; padding:18px 0 0; border-top:1px solid #D7C7B0; font-family:'Newsreader',serif; font-style:italic; font-size:clamp(21px,2vw,26px); line-height:1.4; color:#5A3A2C; max-width:820px;}
  .pal-cx span{display:block; font-family:'Hanken Grotesk',sans-serif; font-style:normal; font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:#6E3A21; margin-bottom:6px;}
  .pal-fuente{margin:0; font-size:13px; color:#6B5E54;}
  .pal-vacia{padding:28px; font-size:17px; line-height:1.6; color:#3C3834;}
  .pal-vacia a{color:#6E3A21; font-weight:600;}

  /* Experimentos */
  .exp-lista{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin-top:6px;}
  .exp{padding:28px; display:flex; flex-direction:column; gap:14px; background:rgba(245,241,234,.07); border:1px solid rgba(245,230,214,.22); border-top:2px solid #D28B6C; border-radius:2px;}
  .exp-cabeza{display:flex; justify-content:space-between; align-items:baseline; gap:10px;}
  .exp-num{font-family:'Newsreader',serif; font-size:40px; font-weight:200; color:#E6A07C; line-height:1;}
  .exp-estado{font-size:11px; letter-spacing:.18em; text-transform:uppercase; padding:4px 10px; border:1px solid rgba(245,230,214,.45); border-radius:30px; color:#F5E6D6;}
  .exp-titulo{margin:0; font-family:'Newsreader',serif; font-weight:400; font-size:25px; line-height:1.2; color:#FBF3E6;}
  .exp dl{margin:0; display:flex; flex-direction:column; gap:10px;}
  .exp dt{font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:#E9C3AC;}
  .exp dd{margin:2px 0 0; font-size:15px; line-height:1.55; color:#F5F1EA;}

  /* Archivo */
  .arch-destacados{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px;}
  .arch-card{padding:26px; display:flex; flex-direction:column; gap:12px; text-decoration:none; color:var(--texto-oscuro); transition:box-shadow .2s, transform .2s;}
  .arch-card:hover{box-shadow:0 20px 36px rgba(60,48,36,0.16); transform:translateY(-2px);}
  .arch-angulo{font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:#6E3A21;}
  .arch-card-titulo{font-family:'Newsreader',serif; font-size:23px; line-height:1.25;}
  .arch-card .enlace-flecha{margin-top:auto; color:#6E3A21; font-size:13px;}
  .arch-filtros{display:flex; flex-wrap:wrap; gap:8px; margin-top:10px;}
  .arch-lista{list-style:none; margin:0; padding:0; border-top:1px solid #CDBBA6;}
  .arch-lista li{border-bottom:1px solid #CDBBA6;}
  .arch-lista a{display:grid; grid-template-columns:110px 1fr 170px 24px; gap:16px; align-items:baseline; padding:16px 4px; text-decoration:none; color:var(--texto-oscuro);}
  .arch-lista a:hover .arch-t{text-decoration:underline; text-decoration-color:#B8744E; text-underline-offset:4px;}
  .arch-fecha{font-size:13px; color:#6B5E54; font-variant-numeric:tabular-nums;}
  .arch-t{font-family:'Newsreader',serif; font-size:19px; line-height:1.35;}
  .arch-idioma{display:inline-block; margin-left:8px; font-family:'Hanken Grotesk',sans-serif; font-size:10px; letter-spacing:.12em; padding:2px 6px; border:1px solid #B8744E; border-radius:2px; color:#6E3A21; vertical-align:middle;}
  .arch-lista .arch-angulo{font-size:11px;}
  .arch-flecha{color:#8A4B2C;}
  .lab-cierre{display:flex; flex-wrap:wrap; gap:14px 28px; align-items:center;}

  @media (max-width:1000px){ .exp-lista, .arch-destacados{grid-template-columns:1fr 1fr;} }
  @media (max-width:780px){
    .exp-lista, .arch-destacados{grid-template-columns:1fr;}
    .arch-destacados .arch-card:nth-child(n+4){display:none;}
    .pal-viaje{grid-template-columns:1fr;}
    .pal-paso{padding:0 0 18px 26px;}
    .pal-paso::before{top:0; bottom:0; left:5px; right:auto; width:2px; height:auto; transform-origin:top; transform:scaleY(0);}
    .pal-paso.visible::before{transform:scaleY(1);}
    .pal-paso::after{top:2px; left:0;}
    .arch-lista a{grid-template-columns:1fr 20px; gap:4px 12px;}
    .arch-lista .arch-fecha{grid-column:1; order:2;}
    .arch-lista .arch-t{grid-column:1; order:1;}
    .arch-lista .arch-angulo{grid-column:1; order:3;}
    .arch-lista .arch-flecha{grid-column:2; grid-row:1;}
  }
  @media (prefers-reduced-motion:reduce){ .pal-paso, .pal-paso::before{transition:none;} }
  .pal-revision{color:#6B5E54;}
.enlace-claro{color:#F5E6D6; border-color:rgba(245,230,214,.6); margin-top:8px;}
.hero-lab{display:block; margin-top:22px; max-width:520px; font-size:15px; line-height:1.55; color:#F5E6D6; text-decoration:none;}
.hero-lab:hover{text-decoration:underline; text-decoration-color:var(--cobre-claro); text-underline-offset:4px;}
.hero-lab-marca{font-family:'Newsreader',serif; font-style:italic; font-size:19px; color:var(--cobre-claro); margin-right:6px;}
@media (min-width:781px) and (max-width:1100px){ .puertas-lista{grid-template-columns:repeat(3, minmax(0,1fr)); row-gap:28px;} }
@media (min-width:1101px) and (max-width:1500px){
  .puertas-lista{gap:14px; padding-left:4vw; padding-right:4vw;}
  .puertas-lista .puerta{gap:12px;}
  .puertas-lista .puerta-icono, .puertas-lista .puerta-icono-vapor{flex-basis:50px; width:50px; height:50px;}
  .puertas-lista .puerta-icono svg{width:50px; height:50px;}
  .puertas-lista .puerta-titulo{font-size:20px;}
  .puertas-lista .puerta-subtitulo{font-size:14px; white-space:nowrap;}
}
/* Pantallas grandes: las salas crecen en proporción (la portada ya se adapta sola a la pantalla) */
@media (min-width:1700px){ body.sala > :not(#intro){zoom:1.15;} }
@media (min-width:2100px){ body.sala > :not(#intro){zoom:1.3;} }

/* Palabras con historia · ilustración (grabado que «se revela» como tinta sobre papel) */
.pal-ficha.pal-con-img{display:grid; grid-template-columns:minmax(0,1fr) minmax(220px,34%); gap:clamp(24px,3vw,48px); align-items:start;}
.pal-con-img .pal-img{grid-column:2; grid-row:1; margin:0; position:sticky; top:96px;}
.pal-con-img .pal-cuerpo{grid-column:1; grid-row:1; display:flex; flex-direction:column; gap:26px; min-width:0;}
.pal-img img{width:100%; height:auto; aspect-ratio:1; object-fit:cover; mix-blend-mode:multiply; border-radius:2px;
  opacity:0; filter:blur(6px) sepia(.4) contrast(.85); clip-path:inset(0 0 100% 0);
  transition:opacity 1.4s ease, filter 1.8s ease, clip-path 1.8s cubic-bezier(.3,.7,.2,1);}
.pal-img.revelada img{opacity:1; filter:none; clip-path:inset(0 0 0 0);}
.pal-ficha:not(.pal-con-img) .pal-cuerpo{display:flex; flex-direction:column; gap:26px;}
@media (max-width:780px){
  .pal-ficha.pal-con-img{grid-template-columns:1fr;}
  .pal-con-img .pal-img{grid-column:1; grid-row:1; position:static; max-width:320px;}
  .pal-con-img .pal-cuerpo{grid-row:2;}
}
@media (prefers-reduced-motion:reduce){ .pal-img img{transition:none; opacity:1; filter:none; clip-path:none;} }
.pal-img img{-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%, #000 62%, transparent 100%); mask-image:radial-gradient(ellipse 70% 70% at 50% 50%, #000 62%, transparent 100%);}
/* ¿Un café?: la terraza entre la introducción y los datos de contacto (todas las pantallas) */
.cx3{display:flex!important; flex-direction:column; min-height:0!important; padding-bottom:0!important;}
.cx3-terraza{order:-1; width:100%; height:clamp(260px, 34vw, 540px)!important;
  -webkit-mask-image:linear-gradient(180deg,#000 0,#000 72%,transparent 100%)!important; mask-image:linear-gradient(180deg,#000 0,#000 72%,transparent 100%)!important;}
.cx3-texto{order:0; align-self:center; width:100%; max-width:560px!important; padding:4px 24px 48px!important; text-align:left;}

/* Portada en móvil: puertas y botones más compactos para verlo todo con menos scroll */
@media (max-width:780px){
  .puertas-lista{gap:12px!important; padding:22px 20px 26px!important;}
  .puerta{gap:14px; align-items:center!important; min-height:0;}
  .puertas-lista .puerta-icono, .puertas-lista .puerta-icono-vapor{flex-basis:44px!important; width:44px!important; height:44px!important;}
  .puertas-lista .puerta-icono svg{width:44px; height:44px;}
  .puerta-texto{padding-top:0!important; flex-direction:row; align-items:baseline; gap:8px; flex-wrap:wrap;}
  .puerta-titulo{font-size:19px!important;}
  .puerta-subtitulo{font-size:13.5px;}
  .hero-cta .btn, .hero-cta .btn-linea{min-height:44px; padding:0 16px; font-size:11px;}
}
/* Puertas en ordenador: cada columna mide lo que su texto, repartidas con aire (nunca se pisan) */
@media (min-width:1101px){
  .puertas-lista{grid-template-columns:repeat(5, max-content)!important; justify-content:space-between; column-gap:28px!important;}
  .puertas-lista .puerta-subtitulo{white-space:nowrap;}
}
@media (min-width:781px){ .sala-hero{min-height:552px; box-sizing:border-box;} }
.pasos-pregunta{font-weight:450; color:#3A2A22; font-size:clamp(22px,2vw,28px); line-height:1.35; text-shadow:0 1px 0 rgba(255,248,238,.55);}
.testimonio-cita p{font-size:clamp(20px, 1.75vw, 27px)!important; font-weight:400; line-height:1.5;}
.testimonio-cita{max-width:860px;}
.empresa .grupo-intro{font-family:'Hanken Grotesk',sans-serif!important; font-weight:400; font-size:17px; line-height:1.7; color:#3C3834; max-width:900px;}
/* Lema como cartel */
.lema{margin:26px 0 22px; padding:22px 30px 24px; max-width:560px; text-align:center; position:relative;
  border:1px solid #B8744E; outline:1px solid rgba(184,116,78,.45); outline-offset:5px; border-radius:2px;
  background:linear-gradient(180deg,#FBF6EF,#F3EBE0); box-shadow:0 12px 26px rgba(60,48,36,.10);}
.lema-etiqueta{font-size:11px; letter-spacing:.24em; text-transform:uppercase; color:#8A4B2C; margin-bottom:8px;}
.lema-texto{margin:0; font-style:italic; font-weight:400; font-size:clamp(24px,2.3vw,32px); line-height:1.25; color:#3A2A22;}
@media (max-width:780px){ .lema{padding:18px 18px 20px; margin:22px 6px 20px;} }
.caso .lema .lema-texto{font-size:clamp(24px,2.3vw,32px)!important; line-height:1.25!important; color:#3A2A22!important;}
.caso .lema .lema-autor{margin:8px 0 0!important; font-size:12px!important; letter-spacing:.14em; text-transform:uppercase; color:#8A4B2C!important; line-height:1.4!important;}
.lema{max-width:680px;} .lema-texto{text-wrap:balance;}
/* Selector de idioma */
.idiomas{display:flex; align-items:center; gap:2px; margin-right:20px; font-family:'Hanken Grotesk',sans-serif; font-size:11.5px; letter-spacing:.16em;}
.idiomas a{color:#E9DCCB; text-decoration:none; padding:6px 6px; opacity:.72; border-bottom:1px solid transparent;}
.idiomas a:hover{opacity:1;}
.idiomas a[aria-current]{opacity:1; color:#fff; border-bottom-color:#D28B6C;}
.idiomas-sep{color:#B8927E; opacity:.55;}
.idiomas--inicio{position:absolute; right:clamp(24px,6vw,80px); top:40px; z-index:6; margin:0; text-shadow:0 1px 2px rgba(30,18,12,.6);}
.idiomas--menu{margin:0 0 16px; font-size:13px; width:100%;}
@media (max-width:780px){ .cabecera-inner > .idiomas{display:none;} .idiomas--inicio{top:22px; right:16px;} }
@media (max-width:780px){ .idiomas--inicio{background:rgba(40,26,20,.45); padding:2px 6px; border-radius:2px; backdrop-filter:blur(3px);} }
/* Retrato sepia: el texto empieza siempre a ~70 % del ancho de la imagen (mismo sistema de medidas, también con zoom) */
@media (min-width:781px){
  .retrato-sepia{width:min(34%, 640px)!important;}
  .lectura--retrato .lectura-inner{max-width:none!important; margin:0!important; padding-left:calc(min(34%, 640px) * 0.74)!important; padding-right:clamp(24px, 6%, 120px)!important;}
  .lectura--retrato .lectura-inner > *{max-width:1000px;}
}
@media (min-width:781px){ .lectura--retrato .lectura-inner > *{max-width:860px;} }
/* Cabecera fija y fina al bajar (ordenador) */
@media (min-width:781px){
  .cabecera.fija{position:fixed; background:rgba(110,84,72,.96); box-shadow:0 6px 18px rgba(40,24,16,.28); border-bottom:1px solid rgba(210,139,108,.45);
    -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); animation:cabeceraBaja .35s ease;}
  .cabecera.fija .cabecera-inner{height:56px;}
  .cabecera.fija .cabecera-firma img{height:38px;}
  .cabecera.fija .cabecera-cv{padding-top:8px; padding-bottom:8px; min-height:36px;}
  @keyframes cabeceraBaja{from{transform:translateY(-100%)} to{transform:none}}
}
@media (prefers-reduced-motion:reduce){ .cabecera.fija{animation:none;} }
main [id]{scroll-margin-top:84px;}
.valor dt{font-size:21px; line-height:1.25;} .valor dd{font-size:16px;} .valor{padding:16px 0;} @media (max-width:780px){ .valor dt{font-size:19px;} .valor dd{font-size:15.5px;} }
.pasos{grid-template-columns:repeat(6, minmax(0,1fr)); gap:28px;}
@media (max-width:1180px){ .pasos{grid-template-columns:repeat(3, minmax(0,1fr)); row-gap:32px;} }
@media (max-width:780px){ .pasos{grid-template-columns:1fr; gap:18px;} }
.pasos-cierre{margin:34px 0 0; max-width:820px; font-style:italic; font-size:clamp(19px,1.6vw,22px); line-height:1.5; color:#5A3A2C;}
.pasos-cierre{font-weight:450!important; color:#3A2A22!important; font-size:clamp(20px,1.7vw,24px)!important; text-shadow:0 1px 0 rgba(255,248,238,.55);}
/* Portada: idiomas en vertical, pegados al borde derecho, para no tapar la foto */
.idiomas--inicio{flex-direction:column; align-items:center; gap:2px; top:28px!important; right:14px!important; padding:6px 3px!important;
  background:rgba(40,26,20,.38); border-radius:2px; -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px);}
.idiomas--inicio .idiomas-sep{display:none;}
.idiomas--inicio a{padding:5px 6px; font-size:11px;}
.idiomas--inicio a[aria-current]{border-bottom-color:transparent; border-left:0; box-shadow:inset 0 -1px 0 #D28B6C;}
.cx3 .cafe-dato--linkedin{grid-template-columns:130px 1fr!important; grid-template-areas:"logo val" "logo acc"!important; column-gap:16px!important; align-items:center;}
.cafe-dato--linkedin .cx-li-logo{grid-area:logo; display:block;}
.cafe-dato--linkedin .cx-li-logo img{width:130px; height:auto; aspect-ratio:1080/468; object-fit:cover; border-radius:2px; box-shadow:0 6px 14px rgba(60,48,36,.18);}
.cafe-dato--linkedin .contacto-valor{grid-area:val; font-size:17px;}
.cafe-dato--linkedin .cafe-acciones{grid-area:acc;}
@media (max-width:420px){ .cx3 .cafe-dato--linkedin{grid-template-columns:96px 1fr!important;} .cafe-dato--linkedin .cx-li-logo img{width:96px;} .cafe-dato--linkedin .contacto-valor{font-size:15px; word-break:break-all;} }
/* Idiomas a la derecha del botón ¿Conectamos?, separados del menú por un filete */
@media (min-width:781px){
  .cabecera-inner{justify-content:flex-start;}
  .cabecera-inner > .cabecera-menu{margin-left:auto; margin-right:auto;}
  .cabecera-inner > .idiomas{margin:0 0 0 22px; padding-left:18px; border-left:1px solid rgba(233,220,203,.3);}
  body.sala[data-sin-cta] .cabecera-inner > .idiomas{border-left:0;}
}
@media (min-width:781px) and (max-width:1000px){ .cabecera-inner > .idiomas{margin-left:auto; margin-right:18px; border-left:0; padding-left:0;} }
.lab-ia{padding-bottom:40px; margin-bottom:10px; border-bottom:1px solid #CDBBA6;}
.lab-ia-texto{margin:0; font-size:17px; line-height:1.75; color:#3C3834; max-width:820px;}
.lab-ia .frase-clave{max-width:820px; margin-top:6px;}
.lab-banner{display:flex; flex-direction:column; gap:12px; max-width:760px; text-decoration:none; color:var(--texto-oscuro);}
.lab-banner img{width:100%; height:auto; aspect-ratio:1080/468; object-fit:cover; border-top:2px solid #B8744E; border-radius:2px; box-shadow:0 14px 26px rgba(60,48,36,.16); transition:transform .2s, box-shadow .2s;}
.lab-banner:hover img{transform:translateY(-2px); box-shadow:0 18px 32px rgba(60,48,36,.22);}
.lab-banner-pie{display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px 18px; align-items:baseline; font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:#6E3A21;}
.lab-banner-lema{font-size:20px; letter-spacing:0; text-transform:none; color:var(--texto-oscuro);}
/* Banner EM Lab más grande para que se lea «Human Decision Intelligence» */
.lab-banner{max-width:1000px;}
.cx3 .cafe-dato--linkedin{grid-template-columns:1fr!important; grid-template-areas:"logo" "val" "acc"!important; row-gap:10px!important;}
.cafe-dato--linkedin .cx-li-logo img{width:100%; max-width:420px;}
@media (max-width:420px){ .cafe-dato--linkedin .cx-li-logo img{width:100%;} .cafe-dato--linkedin .contacto-valor{word-break:normal;} }

/* Método: título en su línea y frase corta debajo */
.paso-texto b{display:block; font-weight:500; margin-bottom:4px; font-size:22px;}
.paso-texto{font-size:18px; line-height:1.4;}
/* Lo que me da energía: 5 apartados */
@media (min-width:1025px){ .fuera-lista{grid-template-columns:repeat(5, minmax(0,1fr)); gap:28px;} }
@media (min-width:600px) and (max-width:1024px){ .fuera-lista{grid-template-columns:repeat(3, minmax(0,1fr));} }
/* títulos de 1 o 2 líneas: los textos quedan alineados */
@media (min-width:600px){ .fuera-lista li{display:grid; grid-row:span 2; grid-template-rows:subgrid; gap:8px; align-content:start;} }
/* rúbricas de sala en cobre (tono algo más claro que el lema para que se lea en letra pequeña) */
.sala-eyebrow{color:#EEB08E; text-shadow:0 1px 2px rgba(40,22,14,.35);}
.medalla-vapor{line-height:0} .medalla-vapor > .medalla{vertical-align:top}
@media (max-width:780px){ .medalla-vapor{flex-basis:44px; width:44px; height:44px;} }
.lab-marca{color:#F5F1EA;}
/* EM Lab · banner más contenido, pie solo con el enlace */
.lab-banner{max-width:620px;}
.lab-banner-pie{justify-content:flex-end;}
.lab-banner-intro{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(220px,.8fr);gap:clamp(24px,4vw,54px);align-items:center;}
.lab-banner-intro .lab-banner{max-width:none;min-width:0;}
.lab-banner-intro .lab-banner img{aspect-ratio:3/1;object-fit:contain;}
.lab-banner-intro .fuera-intro{max-width:none;}
@media(max-width:800px){.lab-banner-intro{grid-template-columns:1fr;gap:22px;}}
/* 3 publicaciones destacadas con su imagen */
.arch-card--img{padding:0; overflow:hidden; gap:0;}
.arch-card-img{margin:0; aspect-ratio:4/5; overflow:hidden; background:#EFE7DB;}
.arch-card-img img{display:block; width:100%; height:100%; object-fit:cover; object-position:top; transition:transform .4s ease;}
.arch-card--img:hover .arch-card-img img{transform:scale(1.03);}
.arch-card-texto{display:flex; flex-direction:column; gap:10px; padding:20px 22px 22px; flex:1;}
@media (max-width:1000px) and (min-width:641px){ .arch-destacados{grid-template-columns:repeat(3,minmax(0,1fr));} .arch-card-titulo{font-size:19px;} }
@media (max-width:640px){ .arch-card-img{aspect-ratio:16/10;} }
/* idioma original de la publicación: solo si no coincide con el de la página */
.arch-idioma[data-l="es"]{display:none;}
html:not([lang="es"]) .arch-idioma[data-l="es"]{display:inline-block;}
html[lang="en"] .arch-idioma[data-l="en"], html[lang="fr"] .arch-idioma[data-l="fr"], html[lang="ca"] .arch-idioma[data-l="ca"]{display:none;}
/* en castellano no hace falta la etiqueta ES ni la nota de títulos traducidos */
.arch-idioma[data-l="es"]{display:none!important;}
.arch-nota{margin:-6px 0 14px; font-size:13px; color:#6B625A; font-style:italic;}
html[lang="es"] .arch-nota{display:none;}
/* imágenes de publicaciones armonizadas: se muestran enteras */
.arch-card-img{aspect-ratio:36/46;}
@media (max-width:640px){ .arch-card-img{aspect-ratio:36/46;} }
/* Mis orígenes: frases breves destacadas */
.lenguas-pausa{font-size:1.25em; font-style:italic; color:#5A3A2C; margin:1.2em 0;}
/* Mis valores: textos más anchos (una línea menos) */
@media (min-width:781px){ .valor{grid-template-columns:clamp(190px,18vw,250px) minmax(0,1fr); gap:28px;} .valores .valor dd{max-width:none; line-height:1.6;} }
.valor dd{text-wrap:pretty;}
/* Sabidur-IA */
.pal-titulo{font-size:clamp(30px,3.4vw,42px); font-weight:300; color:var(--texto-oscuro); margin:4px 0 6px; letter-spacing:-.01em;}
.pal-titulo em{font-style:normal; color:#8A4A30;}
.pal-azar{font:inherit; font-size:14px; padding:9px 16px; border:1px solid #8A4A30; border-radius:40px; background:transparent; color:#5A3A2C; cursor:pointer;}
.pal-azar:hover,.pal-azar:focus-visible{background:#5A3A2C; color:#F5F1EA;}
.pal-temas{display:flex; flex-wrap:wrap; gap:6px 18px; margin:6px 0 2px; border-bottom:1px solid #D9CCBB; padding-bottom:10px;}
.pal-tema-btn{font:inherit; font-size:12px; letter-spacing:.14em; text-transform:uppercase; background:none; border:0; padding:6px 0; color:#6B5A50; cursor:pointer; border-bottom:2px solid transparent;}
.pal-tema-btn[aria-pressed="true"]{color:#5A3A2C; border-bottom-color:#A36549; font-weight:600;}
.pal-tema-btn span{opacity:.6; margin-left:4px; letter-spacing:0;}
/* Sabidur-IA: certeza, huella femenina y método */
.pal-certeza{white-space:nowrap;}
.pal-certeza--documentada{color:#5A6B4A;}
.pal-certeza--probable{color:#8A6A2E;}
.pal-certeza--discutida{color:#8A4A30;}
.pal-ella{margin:18px 0 0; padding:14px 16px; background:rgba(163,101,73,.08); border-left:2px solid #A36549; font-size:15px; line-height:1.6; color:#3C3834;}
.pal-ella span{display:block; font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:#8A4A30; margin-bottom:4px;}
.pal-tema-btn--ella{color:#8A4A30;}
.pal-metodo{margin-top:22px; padding:18px 22px; border:1px solid #D9CCBB; border-radius:2px; max-width:760px;}
.pal-metodo p{margin:6px 0 0; font-size:15px; line-height:1.65; color:#3C3834;}
.pal-metodo .pal-metodo-lema{font-style:italic; font-size:18px; color:#5A3A2C;}
/* Mini vídeo EM Lab en Hablemos (sustituye al banner) */
.cafe-dato--linkedin .cx-li-video{display:block; width:100%; max-width:420px; height:auto; aspect-ratio:16/9; object-fit:cover; border-radius:2px; box-shadow:0 6px 14px rgba(60,48,36,.18); background:#5b4438;}
/* Valores: rol pequeño encima del valor */
.valor-rol{display:block; margin-bottom:6px; font:600 11px 'Hanken Grotesk',sans-serif; letter-spacing:.2em; text-transform:uppercase; color:#8A4B2C;}
/* Franja de cifras más compacta (Mi camino) */
.cifras-lista{gap:40px; padding-top:44px; padding-bottom:48px;}
.cifra-numero{font-size:clamp(38px, 3.4vw, 50px);}
@media (max-width:780px){
  .cifras-lista{gap:16px; padding-top:26px; padding-bottom:30px;}
  .cifra{gap:2px; padding-top:12px;}
  .cifra-numero{font-size:34px;}
  .cifra-etiqueta{font-size:11px; margin-bottom:2px;}
  .cifra-texto{font-size:15px;}
}
/* SabidurIA: subtítulo junto al título */
.pal-subtitulo{font-size:.5em; font-style:italic; color:var(--marron-marfil,#5A3A2C);}
.pal-subtitulo::before{content:": "; font-style:normal;}
:lang(fr) .pal-subtitulo::before{content:"\00a0: ";}
@media (max-width:780px){ .pal-subtitulo{display:block; font-size:.45em; margin-top:4px;} .pal-subtitulo::before, :lang(fr) .pal-subtitulo::before{content:none;} }

/* =========================================================
   REESTRUCTURA 10/2026: crónicas, conectando, marco en construcción, retos
   ========================================================= */
/* Mis retos (Mi bagaje) */
.retos-cols{row-gap:44px;}
.retos .camino-sub{margin-top:0;}

/* EM Lab · tres cuadernos */
.cronicas{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; margin-bottom:64px;}
.cronica{display:flex; flex-direction:column; gap:10px; padding:30px 28px 26px; text-decoration:none; color:var(--texto-oscuro); transition:transform .25s ease, box-shadow .25s ease;}
.cronica:hover,.cronica:focus-visible{transform:translateY(-3px); box-shadow:0 26px 48px rgba(60,48,36,.18);}
.cronica:focus-visible{outline:2px solid var(--cobre-oscuro); outline-offset:3px;}
.cronica-icono{color:var(--cobre-oscuro); line-height:0;}
.cronica-num{font-size:15px; color:var(--cobre-oscuro); letter-spacing:.08em; margin-top:6px;}
.cronica-titulo{font-size:clamp(24px,2.2vw,30px); line-height:1.15; color:var(--marron-titulo);}
.cronica-texto{font-size:15.5px; line-height:1.6; color:#3C3834; flex:1;}
.cronica .enlace-flecha{margin-top:8px;}
.lab-cierre{display:flex; flex-wrap:wrap; align-items:center; gap:22px 28px; margin-top:32px;}
@media (max-width:900px){ .cronicas{grid-template-columns:1fr; gap:18px; margin-bottom:44px;} .cronica{padding:24px 22px 20px;} }

/* Mi taller · lo que estoy conectando */
.conectando-texto{font-size:clamp(20px,2vw,25px); line-height:1.5; max-width:860px; margin:0 0 34px; color:var(--texto-oscuro);}
.conecta{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; align-items:flex-start; gap:14px 22px;}
.conecta-item{display:flex; flex-direction:column; gap:6px; padding-top:14px; border-top:1px solid var(--cobre);}
.conecta-nombre{font-size:clamp(22px,2.3vw,30px); line-height:1.1; color:var(--marron-titulo);}
.conecta-nota{font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:#6E3A21;}
.conecta-mas{font-family:'Newsreader',serif; font-size:30px; line-height:1; color:var(--cobre); padding-top:18px;}
.conectando-nota{margin:26px 0 0; font-size:15px; color:#5A524B; font-style:italic;}
@media (max-width:780px){ .conecta{flex-direction:column; gap:6px;} .conecta-mas{padding:0 0 0 2px; font-size:24px;} .conecta-item{padding-top:10px;} }

/* Mi taller · marco en construcción (ciclo) */
.marco-intro{max-width:860px; margin:0; font-size:17px; line-height:1.7; color:#3C3834;}
.ciclo{display:grid; grid-template-columns:minmax(260px,420px) 1fr; gap:48px; align-items:center;}
.ciclo-figura{position:relative; margin:0; width:100%; max-width:420px; aspect-ratio:1;}
.ciclo-svg{width:100%; height:100%; display:block; overflow:visible;}
.ciclo-aro{fill:none; stroke:rgba(143,85,59,.18); stroke-width:1;}
.ciclo-arco{fill:none; stroke:#B8744E; stroke-width:1.2; stroke-linecap:round; stroke-linejoin:round;}
.ciclo-arco--vuelta{stroke-dasharray:3 4;}
.ciclo-atajo{fill:none; stroke:rgba(143,85,59,.75); stroke-width:1.1; stroke-dasharray:3 4;}
.ciclo-atajo-punta{fill:none; stroke:rgba(143,85,59,.75); stroke-width:1; stroke-linecap:round;}
.ciclo-nodo{fill:#F5F1EA; stroke:#B8744E; stroke-width:1.2;}
.ciclo-num{font-family:'Newsreader',serif; font-size:15px; fill:#6E3A21;}
.ciclo-centro{position:absolute; inset:0; display:flex; align-items:center; justify-content:center; text-align:center; font-style:italic; font-size:clamp(18px,2vw,23px); line-height:1.35; color:var(--marron-titulo); pointer-events:none;}
.ciclo-pasos{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:14px; counter-reset:none;}
.ciclo-paso{display:grid; grid-template-columns:42px 1fr; gap:10px; align-items:baseline; padding-bottom:12px; border-bottom:1px solid rgba(143,85,59,.22);}
.ciclo-paso:last-child{border-bottom:0;}
.ciclo-paso-num{font-size:18px; color:var(--cobre-oscuro);}
.ciclo-paso-texto{font-size:15.5px; line-height:1.55; color:#3C3834;}
.ciclo-paso-texto b{font-weight:400; font-size:19px; color:var(--marron-titulo); margin-right:6px;}
.ciclo-nota{display:flex; align-items:center; gap:12px; margin:0; font-size:14.5px; font-style:italic; color:#5A524B;}
.ciclo-nota-linea{display:inline-block; width:34px; border-top:1px dashed rgba(143,85,59,.7); flex:none;}
.marco-explorando{max-width:860px; padding:26px 30px; background:rgba(245,241,234,.72); border-left:2px solid var(--cobre);}
.marco-explorando .etiqueta{margin-bottom:10px;}
.marco-explorando p{margin:0; font-size:clamp(19px,1.9vw,23px); line-height:1.5; color:var(--marron-titulo);}
.marco-roles{display:grid; grid-template-columns:repeat(2,minmax(0,320px)); gap:28px; margin:0;}
.marco-roles div{border-top:1px solid rgba(143,85,59,.35); padding-top:12px;}
.marco-roles dt{font-size:12px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:#6E3A21;}
.marco-roles dd{margin:6px 0 0; font-size:15.5px; line-height:1.55; color:#3C3834;}
@media (max-width:900px){
  .ciclo{grid-template-columns:1fr; gap:28px; justify-items:center;}
  .ciclo-figura{max-width:300px;}
  .ciclo-pasos{width:100%;}
  .marco-roles{grid-template-columns:1fr; gap:16px;}
  .marco-explorando{padding:20px 20px;}
}
/* Marco en construcción sobre topo (mejor lectura) */
.marco.tx-metal{border-top:0; border-bottom:0;}
.marco .marco-intro{color:#F5F1EA;}
.marco .ciclo-aro{stroke:rgba(245,241,234,.18);}
.marco .ciclo-arco{stroke:#E6A07C;}
.marco .ciclo-atajo,.marco .ciclo-atajo-punta{stroke:rgba(238,176,142,.85);}
.marco .ciclo-nodo{fill:#6E5246; stroke:#E6A07C;}
.marco .ciclo-num{fill:#F5F1EA;}
.marco .ciclo-centro{color:#F5F1EA;}
.marco .ciclo-paso{border-bottom-color:rgba(245,241,234,.2);}
.marco .ciclo-paso-num{color:#EEB08E;}
.marco .ciclo-paso-texto{color:#E9DFD3;}
.marco .ciclo-paso-texto b{color:#FBF3E6;}
.marco .ciclo-nota{color:#E9DFD3;}
.marco .ciclo-nota-linea{border-top-color:#EEB08E;}
.marco .marco-explorando{background:rgba(42,30,24,.28); border-left-color:#E6A07C;}
.marco .marco-explorando p{color:#FBF3E6;}
.marco .marco-roles div{border-top-color:rgba(245,241,234,.3);}
.marco .marco-roles dt{color:#EEB08E;}
.marco .marco-roles dd{color:#E9DFD3;}
.marco .etiqueta-clara{color:#EEB08E;}
/* Ciclo v2: más técnico y elegante */
.marco .cg-ticks line{stroke:rgba(245,229,214,.32); stroke-width:1;}
.marco .cg-orbita{fill:none; stroke:rgba(238,176,142,.28); stroke-width:.8; stroke-dasharray:1 5;}
.marco .cg-interior{fill:none; stroke:rgba(245,229,214,.16); stroke-width:.8;}
.marco .cg-radio{stroke:rgba(238,176,142,.22); stroke-width:.8; stroke-dasharray:2 3;}
.marco .cg-arco{fill:none; stroke:url(#cg-arco); stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round;}
.marco .cg-punta{stroke:#F2C3A3;}
.marco .cg-arco--vuelta{stroke-dasharray:3 4;}
.marco .cg-pulso{fill:#FBE3D2;}
.marco .cg-halo{fill:none; stroke:rgba(238,176,142,.35); stroke-width:.8; transition:stroke .3s, r .3s;}
.marco .cg-disco{stroke:#E6A07C; stroke-width:1.3; transition:stroke-width .3s;}
.marco .ciclo-num{font-family:'Newsreader',serif; font-size:14.5px; fill:#FBF3E6; letter-spacing:.04em;}
.marco .ciclo-centro{font-size:clamp(17px,1.9vw,22px);}
/* al pasar por un paso de la lista, se ilumina su nodo */
.ciclo-paso{transition:background .25s;}
.ciclo-paso:hover{background:rgba(245,241,234,.05);}
.ciclo:has(.ciclo-paso:nth-child(1):hover) .cg-nodo--1 .cg-halo,
.ciclo:has(.ciclo-paso:nth-child(2):hover) .cg-nodo--2 .cg-halo,
.ciclo:has(.ciclo-paso:nth-child(3):hover) .cg-nodo--3 .cg-halo,
.ciclo:has(.ciclo-paso:nth-child(4):hover) .cg-nodo--4 .cg-halo,
.ciclo:has(.ciclo-paso:nth-child(5):hover) .cg-nodo--5 .cg-halo,
.ciclo:has(.ciclo-paso:nth-child(6):hover) .cg-nodo--6 .cg-halo,
.ciclo:has(.ciclo-paso:nth-child(7):hover) .cg-nodo--7 .cg-halo{stroke:#F2C3A3; stroke-width:1.6;}
@media (prefers-reduced-motion: reduce){ .cg-pulso{display:none;} }
/* Jerarquía: migas discretas (navegación) ≠ etiqueta de la página */
.migas{font-size:14px; font-weight:400; letter-spacing:.02em; text-transform:none; color:rgba(245,230,214,.72); text-decoration:underline; text-decoration-color:rgba(245,230,214,.3); text-underline-offset:5px; margin-bottom:26px;}
.migas:hover,.migas:focus-visible{color:#F5E6D6; text-decoration-color:#EEB08E;}
.caso-eyebrow{display:inline-flex; align-items:center; gap:12px; font-size:13px; font-weight:600; letter-spacing:.22em; color:#EEB08E; text-shadow:0 1px 2px rgba(40,22,14,.35);}
.caso-eyebrow::before{content:""; width:28px; height:1px; background:#EEB08E;}
@media (max-width:780px){ .migas{margin-bottom:20px; font-size:13.5px;} }
.ciclo-centro-clave{display:inline-block; margin-top:4px; font-style:italic; color:#F2C3A3; border-top:1px solid rgba(238,176,142,.45); padding-top:6px;}
.ciclo-centro{flex-direction:column; gap:0;} .ciclo-centro br{display:none;} .ciclo-centro-clave{margin-top:8px;}
.marco-ritmo{max-width:860px;}
.marco-ritmo .etiqueta{margin-bottom:10px;}
.marco-ritmo p{margin:0 0 10px; font-size:17px; line-height:1.7; color:#F5F1EA;}
.marco-ritmo .marco-ritmo-cierre{font-style:italic; font-size:clamp(19px,1.8vw,22px); line-height:1.5; color:#F2C3A3; margin-top:14px;}

/* ===== Subcapítulos (oct 2026): barra 01·02·03 bajo la cabecera ===== */
.subnav{border-bottom:1px solid rgba(143,85,59,.35);}
.subnav-inner{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0;}
.subnav a{display:flex; align-items:baseline; gap:12px; padding:20px 18px 18px; color:var(--marron-marfil); text-decoration:none; border-bottom:2px solid transparent; transition:background .2s ease, border-color .2s ease; line-height:1.3;}
.subnav a + a{border-left:1px solid rgba(90,58,44,.18);}
.subnav a:hover{background:rgba(255,255,255,.22);}
.subnav a:focus-visible{outline:2px solid var(--cobre-oscuro); outline-offset:-3px;}
.subnav a[aria-current="page"]{border-bottom-color:var(--cobre-oscuro); background:rgba(255,255,255,.3);}
.subnav a[aria-current="page"] .subnav-titulo{font-weight:600; color:var(--marron-titulo);}
.subnav-num{font-size:13px; letter-spacing:.08em; color:var(--marron-marfil); opacity:.75;}
.subnav-titulo{font-size:15px;}
@media (max-width:780px){
  .subnav-inner{padding-left:0!important; padding-right:0!important;}
  .subnav a{flex-direction:column; gap:4px; padding:14px 12px 12px;}
  .subnav-num{font-size:12px;}
  .subnav-titulo{font-size:13px;}
}
/* portadas de capítulo: menos aire, las tarjetas son el contenido */
.lectura--portada .lectura-inner{gap:48px; padding-bottom:96px;}
.lectura--portada .cronicas{margin-bottom:0;}
.lectura--portada .grupo-intro{margin:0;}
.testimonio--breve .testimonio-meta{margin-top:24px; font-size:15px;}
@media (max-width:780px){ .lectura--portada .lectura-inner{gap:32px; padding-bottom:56px;} }
.etapa-mas{margin-top:14px;}
.etapa-cuerpo .leer-mas{margin-top:10px;}
/* oct 2026: imagen fija (sin vídeo) y más discreta en la tarjeta de contacto */
.cafe-dato--linkedin .cx-li-logo img{width:100%; max-width:300px;}
/* oct 2026: puertas = misma palabra que el menú (arriba, pequeña) + título personal (debajo) */
.puerta-texto{flex-direction:column!important; align-items:flex-start!important; gap:2px!important;}
.puerta-subtitulo{order:-1; font-family:'Hanken Grotesk', system-ui, sans-serif; font-style:normal; font-size:11px!important; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--marron-marfil); white-space:nowrap;}
/* oct 2026: el marco ya no es una banda marrón a sangre (pegada a la cabecera marrón): panel sobre greige */
.lectura-inner--panel{padding-top:72px; padding-bottom:88px;}
.marco-panel{border-radius:4px; box-shadow:0 30px 60px rgba(60,48,36,.22); overflow:hidden;}
.marco-panel-inner{display:flex; flex-direction:column; gap:32px; padding:56px clamp(24px,5vw,72px) 60px;}
@media (max-width:780px){ .lectura-inner--panel{padding-top:28px; padding-bottom:48px;} .marco-panel-inner{padding:32px 20px 36px; gap:20px;} }

/* ===== Ciclo v3 (oct 2026): dial técnico con fases, aguja y progreso ===== */
.c3{--f1:#F3CDB0; --f2:#E6A07C; --f3:#C98159;}
.c3 .c3-men{stroke:rgba(245,229,214,.22); stroke-width:.8;}
.c3 .c3-may{stroke:rgba(245,229,214,.45); stroke-width:1;}
.c3 .c3-lim{stroke:#F2C3A3; stroke-width:1.4;}
.c3 .c3-fase{fill:none; stroke-width:3.2; stroke-linecap:butt; opacity:.9;}
.c3 .c3-fase.c3-f1{stroke:var(--f1);} .c3 .c3-fase.c3-f2{stroke:var(--f2);} .c3 .c3-fase.c3-f3{stroke:var(--f3);}
.c3 .c3-interior{fill:none; stroke:rgba(245,229,214,.14); stroke-width:1;}
.c3 .c3-progreso{fill:none; stroke:url(#c3-cobre); stroke-width:2; stroke-linecap:round; stroke-dasharray:0 100; transition:stroke-dasharray .9s cubic-bezier(.6,.05,.25,1);}
.c3 .c3-radio{stroke:rgba(238,176,142,.35); stroke-width:1;}
.c3 .c3-arco{fill:none; stroke:url(#c3-cobre); stroke-width:1.6; stroke-linecap:round;}
.c3 .c3-arco--vuelta{stroke-dasharray:3 4;}
.c3 .c3-punta{fill:none; stroke:#F2C3A3; stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round;}
.c3 .c3-atajo{fill:none; stroke:rgba(238,176,142,.7); stroke-width:1.1; stroke-dasharray:2 4;}
.c3 .c3-atajo-punta{fill:none; stroke:rgba(238,176,142,.85); stroke-width:1.2; stroke-linecap:round;}
.c3 .c3-aguja{transform-box:view-box; transform-origin:200px 200px; transition:transform .9s cubic-bezier(.6,.05,.25,1);}
.c3 .c3-aguja line{stroke:#FBE3D2; stroke-width:1.6; stroke-linecap:round;}
.c3 .c3-aguja circle{fill:#FBE3D2;}
.c3 .c3-halo{fill:none; stroke:rgba(238,176,142,.28); stroke-width:.8; transition:stroke .4s, opacity .4s;}
.c3 .c3-disco{stroke-width:1.4; transition:fill .4s, stroke-width .4s;}
.c3 .c3-f1 .c3-disco{stroke:var(--f1);} .c3 .c3-f2 .c3-disco{stroke:var(--f2);} .c3 .c3-f3 .c3-disco{stroke:var(--f3);}
.c3 .c3-num{font-family:'Newsreader',serif; font-size:14.5px; fill:#FBF3E6; letter-spacing:.04em; transition:fill .4s;}
.c3 .c3-nodo.is-activo .c3-disco{fill:#E6A07C; stroke:#FBE3D2; stroke-width:1.8;}
.c3 .c3-nodo.is-activo .c3-num{fill:#3A2118; font-weight:600;}
.c3 .c3-nodo.is-activo .c3-halo{stroke:#F2C3A3; stroke-width:1.2; animation:c3-latido 2.6s ease-in-out infinite;}
@keyframes c3-latido{0%,100%{opacity:1} 50%{opacity:.35}}
/* dibujo progresivo (solo si el JS está activo) */
.js-ciclo .c3-tramo .c3-arco:not(.c3-arco--vuelta){stroke-dasharray:1; stroke-dashoffset:1; transition:stroke-dashoffset .55s ease calc(var(--i) * .2s);}
.js-ciclo .c3-tramo .c3-punta, .js-ciclo .c3-vuelta, .js-ciclo .c3-atajo, .js-ciclo .c3-atajo-punta{opacity:0; transition:opacity .4s ease calc(var(--i, 8) * .2s + .4s);}
.js-ciclo.is-visible .c3-tramo .c3-arco{stroke-dashoffset:0;}
.js-ciclo.is-visible .c3-tramo .c3-punta, .js-ciclo.is-visible .c3-vuelta, .js-ciclo.is-visible .c3-atajo, .js-ciclo.is-visible .c3-atajo-punta{opacity:1;}
/* lista por fases */
.ciclo-fases{display:flex; flex-direction:column; gap:22px;}
.ciclo-fase-titulo{display:flex; align-items:center; gap:10px; margin:0 0 6px; font-size:11.5px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:#F5E6D6;}
.ciclo-fase-punto{width:18px; height:3px; border-radius:2px; background:var(--f, #E6A07C);}
.ciclo-fase.c3-f1{--f:#F3CDB0;} .ciclo-fase.c3-f2{--f:#E6A07C;} .ciclo-fase.c3-f3{--f:#C98159;}
.ciclo-fase-rango{font-weight:400; letter-spacing:.08em; color:rgba(245,229,214,.55);}
.ciclo-v3 .ciclo-pasos{gap:4px;}
.ciclo-v3 .ciclo-paso{padding:9px 10px 9px 12px; margin-left:-12px; border-radius:2px; transition:background .35s, box-shadow .35s;}
.ciclo-v3 .ciclo-paso.is-activo{background:rgba(255,236,220,.08); box-shadow:inset 2px 0 0 #E6A07C;}
.ciclo-v3 .ciclo-paso.is-activo .ciclo-paso-num{color:#FBE3D2;}
@media (max-width:780px){ .ciclo-v3 .ciclo-paso{margin-left:0;} }
@media (prefers-reduced-motion: reduce){ .c3 .c3-nodo.is-activo .c3-halo{animation:none;} .c3 .c3-aguja, .c3 .c3-progreso{transition:none;} }

/* ===== Subpáginas (oct 2026): texto alineado con la cabecera + foto entera a la derecha, sin recortes ===== */
.lateral-grid{display:grid; grid-template-columns:minmax(0, 1fr) minmax(260px, 380px); gap:clamp(48px, 6vw, 96px); align-items:start;}
.lateral-texto{max-width:780px; padding-left:0!important; padding-right:0!important;}
.lateral-foto{position:sticky; top:110px; margin:96px 0 80px; }
.lateral-foto img{display:block; width:100%; height:auto; max-height:calc(100vh - 150px); object-fit:cover; object-position:50% 20%; border-radius:3px; filter:sepia(.25) saturate(.85); opacity:.92; box-shadow:0 24px 48px rgba(60,48,36,.16);}
.lateral-foto::after{content:""; position:absolute; inset:10px; border:1px solid rgba(245,241,234,.55); border-radius:2px; pointer-events:none;}
@media (max-width:1000px){
  .lateral-grid{grid-template-columns:1fr;}
  .lateral-foto{display:none;}
}

/* ===== Subcapítulos en vertical, a la derecha de la cabecera (oct 2026) ===== */
.sub-hero-grid{display:grid; grid-template-columns:minmax(0,1fr) minmax(240px,320px); gap:clamp(40px,6vw,96px); align-items:end;}
.sub-hero-grid .sala-hero-inner{padding-left:0; padding-right:0;}
.subnav-v{display:flex; flex-direction:column; margin-bottom:clamp(56px,7vw,88px); border-left:1px solid rgba(245,229,214,.22);}
.subnav-v a{position:relative; display:flex; align-items:baseline; gap:14px; padding:11px 0 11px 20px; margin-left:-1px; border-left:2px solid transparent; color:rgba(245,236,226,.78); text-decoration:none; transition:color .25s, border-color .25s, background .25s;}
.subnav-v a:hover{color:#FBF3E6; background:rgba(255,236,220,.05);}
.subnav-v a:focus-visible{outline:2px solid #EEB08E; outline-offset:2px;}
.subnav-v a[aria-current="page"]{border-left-color:#E6A07C; color:#FBF3E6; background:linear-gradient(90deg,rgba(255,226,205,.11),rgba(255,226,205,0) 78%); box-shadow:inset 0 0 18px rgba(255,208,177,.08);}
.subnav-v a[aria-current="page"]::after{content:""; position:absolute; left:20px; right:10px; bottom:5px; height:1px; background:linear-gradient(90deg,#E6A07C 0%,#F4C5A5 48%,rgba(244,197,165,0) 100%); box-shadow:0 0 8px rgba(236,167,131,.55); opacity:.9;}
.subnav-v .subnav-num{font-size:13px; letter-spacing:.08em; color:#EEB08E; opacity:1;}
.subnav-v .subnav-titulo{font-family:'Newsreader',serif; font-size:clamp(17px,1.5vw,20px); line-height:1.25;}
.subnav-v a[aria-current="page"] .subnav-titulo{font-weight:500; text-shadow:0 0 12px rgba(255,215,192,.36);}
.subnav-v--portada a[aria-current="page"]{border-left-color:#D49A79; background:linear-gradient(90deg,rgba(255,226,205,.07),transparent 80%); box-shadow:none;}
.subnav-v--portada a[aria-current="page"]::after{background:linear-gradient(90deg,#D49A79,rgba(212,154,121,0)); box-shadow:none; opacity:.65;}
.subnav-v--portada a[aria-current="page"] .subnav-titulo{text-shadow:none;}
@media (max-width:780px){
  .sub-hero-grid{grid-template-columns:1fr; gap:0;}
  .sub-hero-grid .caso-hero-inner{padding-bottom:20px;}
  .subnav-v{margin:0 0 32px;}
  .subnav-v a{padding:9px 0 9px 16px;}
  .subnav-v .subnav-titulo{font-size:16.5px;}
}
.sub-hero-grid{grid-template-columns:minmax(0,1fr) minmax(260px,380px);}
/* foto más grande en las subpáginas (oct 2026) */
.lateral-grid{grid-template-columns:minmax(0,1fr) minmax(300px,500px); gap:clamp(48px,5vw,88px);}
.sub-hero-grid{grid-template-columns:minmax(0,1fr) minmax(260px,500px);}
.lateral-foto img{max-height:calc(100vh - 130px); filter:none; opacity:1;}

/* ===== Subpáginas v3 (oct 2026) ===== */
/* sin foto: una sola columna amplia, alineada con la cabecera */
.lateral-grid--sin{grid-template-columns:minmax(0,1fr)!important;}
.lateral-grid--sin .lateral-texto{max-width:1080px;}
/* con retrato: foto grande a la izquierda, a sangre, fundida con el fondo; el texto nunca la pisa */
.lateral-grid--izq{grid-template-columns:minmax(300px,44%) minmax(0,1fr)!important; gap:clamp(40px,5vw,88px)!important;}
.lateral-grid--izq .lateral-foto{position:sticky; top:64px; margin:0 0 0 calc(-1 * clamp(24px, 8.33vw, 120px)); height:calc(100vh - 64px); max-height:980px;}
.lateral-grid--izq .lateral-foto::after{display:none;}
.lateral-grid--izq .lateral-foto img{width:100%; height:100%; max-height:none; object-fit:cover; object-position:42% 18%; border-radius:0; box-shadow:none; opacity:.88; filter:saturate(.88);
  -webkit-mask-image:linear-gradient(90deg,#000 0,#000 62%,transparent 100%), linear-gradient(180deg,#000 0,#000 82%,transparent 100%); -webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,#000 0,#000 62%,transparent 100%), linear-gradient(180deg,#000 0,#000 82%,transparent 100%); mask-composite:intersect;}
.lateral-grid--izq .lateral-texto{max-width:720px; padding-top:96px;}
@media (min-width:1441px){ .lateral-grid--izq .lateral-foto{margin-left:calc(-1 * (120px + (100vw - 1440px) / 2));} }
@media (max-width:1000px){ .lateral-grid--izq{grid-template-columns:1fr!important;} .lateral-grid--izq .lateral-texto{padding-top:0;} }

/* Recorrido: menos líneas en las cifras */
.cifras .cifra{border-top:0!important; padding-top:0;}
.cifras-lista{padding-top:44px; padding-bottom:44px;}

/* Inicio: el texto crece con pantallas grandes */
@media (min-width:1600px){
  .hero-inner{max-width:none;}
  .hero-contenido{padding-left:clamp(6vw, 14vw, 22vw); max-width:62%;}
  .hero-texto{max-width:clamp(600px, 38vw, 980px);}
  .hero-nombre{font-size:clamp(96px, 5.6vw, 170px);}
  .hero-frase{font-size:clamp(30px, 1.9vw, 52px);}
  .hero-parrafo{font-size:clamp(17px, 1.05vw, 26px); max-width:none;}
  .hero-texto .eyebrow{font-size:clamp(12px, .72vw, 18px);}
  .hero-cta .btn, .hero-cta .btn-linea{font-size:clamp(12px,.7vw,17px); padding:clamp(14px,.9vw,22px) clamp(24px,1.6vw,40px);}
}

/* ¿Un café?: dos columnas bajo la terraza en ordenador */
@media (min-width:1000px){
  .cx3-texto{max-width:1240px!important; display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:clamp(48px,6vw,104px); row-gap:12px; align-items:center; padding:24px clamp(24px,8.33vw,120px) 104px!important;}
  .cx3-texto > .cx-frase, .cx3-texto > .cx-parrafo, .cx3-texto > .cx-nombre{grid-column:1;}
  .cx3-texto > .cafe-datos{grid-column:2; grid-row:1 / span 3; margin:0!important; padding:18px 36px 22px!important; box-shadow:0 26px 52px rgba(60,48,36,.14);}
  .cx3 .cx-frase{font-size:clamp(24px,2vw,34px);}
  .cx3 .cx-parrafo{font-size:18px; margin:0;}
  .cx3 .cx-nombre{font-size:clamp(44px,4vw,68px); margin-top:14px;}
  .cx3 .contacto-valor{font-size:clamp(19px,1.4vw,24px);}
  .cafe-dato--linkedin .cx-li-logo img{max-width:100%!important; width:100%!important;}
}
.cx-intro{display:flex; flex-direction:column; gap:10px;}
@media (min-width:1000px){
  .cx3-texto > .cx-intro{grid-column:1; grid-row:1;}
  .cx3-texto > .cafe-datos{grid-row:1!important;}
  .cx3-texto{padding-left:clamp(24px,8.33vw,120px)!important; margin:0 auto;}
}
@media (max-width:1000px){
  .lateral-grid--izq .lateral-foto{position:relative; top:auto; height:58vh; max-height:520px; margin:0 calc(-1 * clamp(20px, 8.33vw, 120px));}
  .lateral-grid--izq .lateral-foto img{-webkit-mask-image:linear-gradient(180deg,#000 0,#000 70%,transparent 100%); mask-image:linear-gradient(180deg,#000 0,#000 70%,transparent 100%);}
}
@media (max-width:900px){ .sub-hero-grid{grid-template-columns:1fr!important; gap:0!important;} }
@media (max-width:1000px){ .lateral-grid--izq .lateral-foto{display:block;} .lateral-grid--sin .lateral-texto, .lateral-grid--izq .lateral-texto{padding-top:32px!important;} }
/* Mis orígenes: retrato de cerca, con un poco de transparencia */
.lateral-grid--izq .lateral-foto--cerca img{opacity:.78; object-position:40% 30%;}
.lateral-grid--izq .lateral-foto--cerca{height:auto; max-height:none; top:110px; margin-top:56px;}
.lateral-grid--izq .lateral-foto--cerca img{height:auto; aspect-ratio:718/728; object-fit:cover; object-position:50% 40%;}
@media (max-width:1000px){ .lateral-grid--izq .lateral-foto--cerca{margin-top:0; top:auto;} }
/* retrato de cerca: sin bordes duros, se funde por los cuatro lados */
.lateral-grid--izq .lateral-foto--cerca img{aspect-ratio:700/728;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 62%,transparent 100%), linear-gradient(180deg,transparent 0,#000 12%,#000 80%,transparent 100%); -webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 62%,transparent 100%), linear-gradient(180deg,transparent 0,#000 12%,#000 80%,transparent 100%); mask-composite:intersect;}
/* frases en cursiva de Mis orígenes: marrón cobre, un poco más grandes */
.lenguas .lenguas-pausa{color:#8A4B2C!important; font-style:italic; font-size:clamp(20px,1.6vw,24px); line-height:1.45; margin:6px 0;}
.lateral-grid--izq .lateral-foto--cerca img{aspect-ratio:640/800; object-position:50% 50%;}
/* Orígenes: la foto cabe siempre entera en pantalla (no se corta la cabeza) */
.lateral-grid--izq .lateral-foto--cerca{top:96px; margin-top:40px; display:flex; justify-content:center;}
.lateral-grid--izq .lateral-foto--cerca img{width:auto; max-width:100%; height:calc(100vh - 136px); max-height:820px; min-height:420px;}
/* Valores: a todo el ancho, columnas con aire */
.lateral-grid--sin .valores dl .valor{grid-template-columns:minmax(220px,340px) minmax(0,1fr)!important; gap:48px!important;}
.lateral-grid--sin .valores dd{max-width:640px;}
.lateral-grid--sin .fuera-lista{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important; gap:28px 36px!important;}
@media (max-width:780px){ .lateral-grid--sin .valores dl .valor{grid-template-columns:1fr!important; gap:8px!important;} }
@media (min-width:1100px){ .lateral-grid--sin .fuera-lista{grid-template-columns:repeat(5,minmax(0,1fr))!important;} }
/* Lo que dicen de mí: fondo beige para separarlo de la cabecera */
.testimonio--claro{background:#E4DCCF; color:var(--texto-oscuro);}
.testimonio--claro .testimonio-cita p{color:#3A2A22;}
.testimonio--claro .testimonio-autor{color:#5A3A2C;}
.testimonio--claro .testimonio-meta, .testimonio--claro .testimonio-meta a{color:#5A3A2C;}
.testimonio--claro .testimonio-inner{padding-top:88px; padding-bottom:96px;}
/* Orígenes: un poco más de transparencia */
.lateral-grid--izq .lateral-foto--cerca img{opacity:.68;}
.testimonio--claro::before, .testimonio--claro::after{display:none;}
.testimonio--claro{border-top:1px solid rgba(143,85,59,.25);}

/* ===== Lectura más cómoda (oct 2026): +1–2 px en textos de cuerpo, sin tocar títulos ===== */
@media (min-width:781px){
  .lectura p:not(.lenguas-pausa):not(.frase-clave):not(.grupo-intro):not(.conectando-texto),
  .lectura li, .lectura dd, .etapa-cuerpo p, .etapa-cuerpo ul, .camino-cols p, .caso p, .cx3 .cx-parrafo{font-size:clamp(17.5px, 1.2vw, 20px)!important; line-height:1.72!important;}
  .sala-intro{font-size:clamp(18px, 1.3vw, 21px)!important;}
  .testimonio-autor{font-size:15.5px;}
  .cifra-texto, .etapa-lugar, .formacion-centro, .cronica-texto{font-size:16.5px!important;}
  .cabecera-menu a{font-size:13px!important;}
  .migas{font-size:15px!important;}
  .subnav-v .subnav-titulo{font-size:clamp(18px,1.55vw,21px);}
  .fuera-lista span:not(.fuera-titulo){font-size:17px;}
}
@media (max-width:780px){
  .lectura p:not(.lenguas-pausa):not(.frase-clave), .lectura li, .lectura dd, .etapa-cuerpo p{font-size:17px!important; line-height:1.65!important;}
}
@media (min-width:781px){ .lectura .grupo-intro{font-size:clamp(19px,1.35vw,22px)!important; line-height:1.6!important;} .lectura .conectando-texto{font-size:clamp(20px,1.5vw,24px)!important;} }

/* ===== Tarjetas editoriales (oct 2026): sin iconos; numeral grande y filete cobre ===== */
.cronica .cronica-icono{display:none!important;}
.cronica{gap:12px; padding-top:34px;}
.cronica-num{font-family:'Newsreader',serif!important; font-style:italic; font-weight:300; font-size:clamp(44px,3.6vw,58px)!important; line-height:1; letter-spacing:0!important; color:#B8744E!important; margin:0 0 4px!important; display:flex; align-items:flex-end; gap:14px;}
.cronica-num::after{content:""; display:block; flex:0 0 36px; height:1px; margin-bottom:12px; background:linear-gradient(90deg,#B8744E,rgba(184,116,78,0)); transition:flex-basis .35s ease;}
.cronica:hover .cronica-num::after, .cronica:focus-visible .cronica-num::after{flex-basis:72px;}
.cronica-titulo{font-size:clamp(26px,2.3vw,32px);}
.cronica-num{background:linear-gradient(135deg,#D28B6C 0%,#BB785B 45%,#A36549 100%); -webkit-background-clip:text; background-clip:text; color:transparent!important;}
.cronica-num::after{background:linear-gradient(90deg,#BB785B,rgba(187,120,91,0));}

/* ===== Cifras de Mi recorrido (oct 2026): franja ligera sobre beige ===== */
section.cifras{background:#E4DCCF!important; background-image:none!important; border:0!important; box-shadow:none!important;}
section.cifras::before, section.cifras::after{display:none!important;}
section.cifras .cifras-lista{padding:0!important; margin-top:56px; display:grid!important; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(143,85,59,.3); border-bottom:1px solid rgba(143,85,59,.3);}
section.cifras .cifra{padding:24px 32px!important; border:0!important; border-left:1px solid rgba(143,85,59,.22)!important; display:flex; flex-direction:column; gap:4px;}
section.cifras .cifra:first-child{border-left:0!important; padding-left:0!important;}
section.cifras .cifra-etiqueta{display:none!important;}
section.cifras .cifra-numero{font-size:34px!important; color:#A36549!important;}
section.cifras .cifra-texto{font-size:15px!important;}
section.cifras + .lectura--portada .lectura-inner{padding-top:56px!important;}
@media (max-width:780px){
  section.cifras .cifras-lista{grid-template-columns:1fr; margin-top:32px;}
  section.cifras .cifra{border-left:0!important; border-top:1px solid rgba(143,85,59,.18)!important; padding:16px 0!important;}
  section.cifras .cifra:first-child{border-top:0!important;}
  section.cifras .cifra-numero{font-size:28px!important;}
}
@media (max-width:780px){ section.cifras .cifras-lista{margin-left:24px!important; margin-right:24px!important; width:auto!important;} }
/* números romanos (oct 2026) */
.cronica-num{font-style:normal!important; letter-spacing:.06em!important;}
.subnav-v .subnav-num{font-family:'Newsreader',serif; font-size:15px; letter-spacing:.06em; min-width:2.2em;}

/* ===== Mi brújula: lista de fases más clara (oct 2026) ===== */
.ciclo-v3 .ciclo-fases{gap:30px;}
.ciclo-v3 .ciclo-fase-titulo{font-family:'Newsreader',serif; font-size:clamp(22px,1.8vw,26px); font-weight:400; letter-spacing:.01em; text-transform:none; color:#F2C3A3; margin:0 0 8px; padding-bottom:8px; border-bottom:1px solid rgba(242,195,163,.35); gap:12px;}
.ciclo-v3 .ciclo-fase-punto{width:24px; height:2px;}
.ciclo-v3 .ciclo-paso{grid-template-columns:1fr; border-bottom:0; padding-bottom:7px;}
.ciclo-v3 .ciclo-paso-texto b{display:block; font-size:18px; margin:0 0 2px;}
.ciclo-v3 .ciclo-paso-texto em{font-family:'Newsreader',serif; font-style:italic; font-size:17px; color:#E2D3C4;}

/* ===== Mi ritmo: panel claro ===== */
.marco--claro{background:#FCFAF6; box-shadow:0 24px 50px rgba(60,48,36,.12);}
.marco--claro .marco-ritmo p{color:#2A2724;}
.marco--claro .marco-ritmo .marco-ritmo-cierre{color:#8A4B2C;}
.marco--claro .marco-explorando{background:#F3ECE2; border-left-color:var(--cobre);}
.marco--claro .marco-explorando p{color:#5A3A2C;}
.marco--claro .etiqueta-clara, .marco--claro .marco-roles dt{color:#8A4B2C;}
.marco--claro .marco-roles div{border-top-color:rgba(143,85,59,.3);}
.marco--claro .marco-roles dd{color:#3C3834;}
.marco--claro abbr{text-decoration:underline dotted rgba(143,85,59,.6); cursor:help;}

/* ===== Sin palabras huérfanas (oct 2026) ===== */
p, dd, li, figcaption, blockquote, .sala-intro{text-wrap:pretty;}
h1, h2, h3, .caso-h1, .cronica-titulo, .puerta-titulo{text-wrap:balance;}
.marco-roles{grid-template-columns:repeat(2,minmax(0,1fr)); max-width:860px;}
.marco-intro, .marco-ritmo-cierre, .marco-explorando p, .ciclo-nota, .sala-intro{text-wrap:balance;}

/* ===== Mi brújula v4 (oct 2026): panel claro, brújula con aguja + método como recorrido ===== */
.marco--claro .marco-intro{color:#2A2724;}
.marco--claro .ciclo-nota{color:#5A524B;}
.marco--claro .ciclo-nota-linea{border-top-color:var(--cobre);}
.brujula-cabecera{display:grid; grid-template-columns:minmax(0,1fr) 220px; gap:clamp(32px,5vw,72px); align-items:center;}
.brujula{margin:0; text-align:center;}
.brujula-svg{width:190px; height:190px; display:block; margin:0 auto; overflow:visible; cursor:default;}
.bm-aro{fill:none; stroke:rgba(138,75,44,.45); stroke-width:1;}
.bm-aro2{fill:none; stroke:rgba(138,75,44,.18); stroke-width:.8;}
.bm-men{stroke:rgba(138,75,44,.32); stroke-width:.7;} .bm-med{stroke:rgba(138,75,44,.55); stroke-width:.9;} .bm-may{stroke:#8A4B2C; stroke-width:1.4;}
.bm-rosa{fill:rgba(187,120,91,.07); stroke:rgba(138,75,44,.2); stroke-width:.7;}
.bm-n{font-family:'Newsreader',serif; font-size:14px; fill:#8A4B2C; letter-spacing:.04em;}
.bm-aguja{transform-box:view-box; transform-origin:100px 100px;}
.bm-norte{fill:url(#bm-cobre);} .bm-sur{fill:#FCFAF6; stroke:#8A4B2C; stroke-width:1;}
.bm-eje{fill:#FCFAF6; stroke:#8A4B2C; stroke-width:1.2;} .bm-eje2{fill:#8A4B2C;}
.brujula-pie{display:block; margin-top:14px; font-style:italic; font-size:17px; line-height:1.35; color:#5A3A2C;}
.brujula-pie span, .brujula-pie em{display:block;} .brujula-pie em{color:#8A4B2C;}

.ruta{--g:24px; display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); column-gap:var(--g); margin-top:6px;}
.ruta-fase{grid-column:span var(--n); display:grid; grid-template-columns:subgrid;}
.ruta-fase .ciclo-fase-titulo{grid-column:1/-1;}
.ruta-pasos{grid-column:1/-1; display:grid; grid-template-columns:subgrid; list-style:none; margin:0; padding:0;}
.marco--claro .ciclo-v3 .ciclo-fase-titulo{color:#8A4B2C; border-bottom-color:rgba(138,75,44,.25); font-size:clamp(20px,1.6vw,24px); margin:0;}
.marco--claro .ciclo-fase.c3-f1, .ruta-fase.c3-f1{--f:#E3B497;} .ruta-fase.c3-f2{--f:#BB785B;} .ruta-fase.c3-f3{--f:#8A4B2C;}
.ruta .ciclo-paso{position:relative; display:block; padding:50px 4px 0 0; margin:0; border:0; border-radius:0; background:none; box-shadow:none;}
.ruta .ciclo-paso.is-activo{background:none; box-shadow:none;}
.ruta-nodo{position:absolute; left:0; top:12px; width:13px; height:13px; border-radius:50%; box-sizing:border-box; background:#FCFAF6; border:1.5px solid var(--cobre); z-index:2; transition:background .3s, box-shadow .3s, opacity .4s;}
.ruta .ciclo-paso::before{content:''; position:absolute; top:18px; left:13px; width:calc(100% + var(--g) - 13px); height:1px; background:rgba(138,75,44,.35); transform-origin:left; transition:background .3s, transform .5s ease-out;}
.ruta .ciclo-paso[data-paso="7"]::before{display:none;}
/* vuelta: de 07 al principio */
.ruta .ciclo-paso[data-paso="7"]::after{content:''; position:absolute; top:19px; left:calc(6px - 6 * (100% + var(--g))); width:calc(6 * (100% + var(--g))); height:20px; border:1px dashed rgba(138,75,44,.5); border-top:0; border-radius:0 0 14px 14px; box-sizing:border-box; transition:opacity .6s 1.1s;}
.ruta .ciclo-paso[data-paso="1"]::after{content:''; position:absolute; left:3px; top:27px; width:6px; height:6px; border-left:1px solid rgba(138,75,44,.7); border-top:1px solid rgba(138,75,44,.7); transform:rotate(45deg); transition:opacity .6s 1.3s;}
.marco--claro .ciclo-v3 .ciclo-paso-texto b{color:#2A2724; font-size:18px; transition:color .3s;}
.marco--claro .ciclo-v3 .ciclo-paso-texto em{color:#5A524B; font-size:16px;}
.ruta .ciclo-paso.is-activo .ruta-nodo{background:var(--cobre); box-shadow:0 0 0 5px rgba(187,120,91,.18);}
.ruta .ciclo-paso.is-pasado .ruta-nodo{background:#E9C9B6;}
.ruta .ciclo-paso.is-pasado::before{background:var(--cobre);}
.marco--claro .ruta .ciclo-paso.is-activo .ciclo-paso-texto b{color:#8A4B2C;}
.js-ruta .ciclo-paso::before{transform:scaleX(0); transition-delay:calc(var(--i) * .13s);}
.js-ruta .ruta-nodo{opacity:0; transition-delay:calc(var(--i) * .13s);}
.js-ruta .ciclo-paso[data-paso="7"]::after, .js-ruta .ciclo-paso[data-paso="1"]::after{opacity:0;}
.js-ruta.is-visible .ciclo-paso::before{transform:scaleX(1);}
.js-ruta.is-visible .ruta-nodo, .js-ruta.is-visible .ciclo-paso[data-paso="7"]::after, .js-ruta.is-visible .ciclo-paso[data-paso="1"]::after{opacity:1;}
.js-ruta.is-visible .ciclo-paso::before, .js-ruta.is-visible .ruta-nodo{transition-delay:0s, calc(var(--i) * .13s);}
@media (max-width:900px){
  .brujula-cabecera{grid-template-columns:1fr; gap:24px;}
  .brujula-svg{width:150px; height:150px;}
  .ruta{display:block;}
  .ruta-fase{display:block; margin-bottom:18px;}
  .ruta-fase .ciclo-fase-titulo{margin-bottom:12px;}
  .ruta-pasos{display:block;}
  .ruta .ciclo-paso{padding:0 0 18px 30px;}
  .ruta-nodo{top:6px;}
  .ruta .ciclo-paso::before{top:19px; left:6px; width:1px; height:calc(100% - 13px); transform-origin:top;}
  .js-ruta .ciclo-paso::before{transform:scaleY(0);} .js-ruta.is-visible .ciclo-paso::before{transform:scaleY(1);}
  .ruta .ciclo-paso:last-child::before{display:none;}
  .ruta .ciclo-paso[data-paso="7"]::after, .ruta .ciclo-paso[data-paso="1"]::after{display:none;}
}
@media (prefers-reduced-motion: reduce){ .js-ruta .ciclo-paso::before, .js-ruta .ruta-nodo{transition:none;} }

/* EM Lab: verbos dentro del texto */
.lab-intro em{font-family:'Newsreader',serif; font-style:italic; font-size:1.12em; color:#F2C3A3;}
.ruta .ciclo-paso-texto{line-height:1.45;} .ruta .ciclo-paso-texto em{display:block; margin-top:4px;}

/* ===== Lo que estoy conectando v2: recorrido con estados (hecho / incorporando / explorando) ===== */
.conecta{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; padding:34px clamp(22px,3vw,40px) 30px; background:#FCFAF6; border-radius:4px; box-shadow:0 22px 48px rgba(60,48,36,.10);}
.conecta-mas{display:none;}
.conecta-item{position:relative; border-top:0; padding:36px 18px 0 0; gap:8px;}
.conecta-item::before{content:''; position:absolute; top:0; left:0; width:15px; height:15px; border-radius:50%; box-sizing:border-box; border:1.5px solid var(--cobre); background:#FCFAF6; z-index:1; transition:transform .3s, box-shadow .3s;}
.conecta-item::after{content:''; position:absolute; top:7px; left:15px; right:0; height:1px; background:linear-gradient(90deg, var(--cobre), rgba(187,120,91,.35));}
.conecta-item:last-child::after{display:none;}
.conecta-item--traigo::before{background:var(--cobre);}
.conecta-item--incorporando::before{background:linear-gradient(90deg, var(--cobre) 50%, #FCFAF6 50%);}
.conecta-item--explorando::before{border-style:dashed;}
.conecta-item--incorporando + .conecta-mas + .conecta-item--explorando::after{display:none;}
.conecta-item:hover::before{transform:scale(1.25); box-shadow:0 0 0 6px rgba(187,120,91,.14);}
.conecta-nombre{color:#2A2724; font-size:clamp(24px,2.1vw,32px);}
.conecta-item--traigo .conecta-nota{color:#8A4B2C; font-weight:600;}
.conecta-nota{color:#6B5F56;}
@media (max-width:780px){
  .conecta{grid-template-columns:1fr; padding:26px 22px 8px;}
  .conecta-item{padding:0 0 22px 32px;}
  .conecta-item::before{top:6px;}
  .conecta-item::after{top:21px; left:7px; right:auto; width:1px; height:calc(100% - 15px); background:rgba(187,120,91,.45);}
}
.ruta{grid-template-rows:auto auto;} .ruta-fase{grid-row:span 2; grid-template-rows:subgrid;} .ruta-pasos{margin:0 !important;} .ruta-fase .ciclo-fase-titulo{align-self:end;}

/* ===== Lo que estoy conectando v3: Marketing como origen y tres ramas ===== */
.conecta-arbol{background:#FCFAF6; border-radius:4px; box-shadow:0 22px 48px rgba(60,48,36,.10); padding:34px clamp(18px,3vw,40px) 30px; text-align:center;}
.conecta-arbol .conecta-nombre{display:block; color:#2A2724; font-size:clamp(21px,2.1vw,32px); line-height:1.15;}
.conecta-arbol .conecta-nota{display:block; margin-top:6px; color:#8A4B2C; font-weight:600;}
.conecta-nodo{display:block; width:15px; height:15px; margin:0 auto; border-radius:50%; box-sizing:border-box; border:1.5px solid var(--cobre); background:#FCFAF6; position:relative; z-index:1; transition:transform .3s, box-shadow .3s;}
.conecta-origen{position:relative; display:flex; flex-direction:column; align-items:center; padding-bottom:30px;}
.conecta-origen .conecta-nodo{margin-top:16px; background:var(--cobre);}
.conecta-origen::after{content:''; position:absolute; left:50%; bottom:0; height:30px; width:1px; background:var(--cobre);}
.conecta-ramas{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); position:relative;}
.conecta-ramas::before{content:''; position:absolute; top:0; left:16.666%; right:16.666%; height:1px; background:var(--cobre);}
.conecta-rama{position:relative; padding:26px 10px 0;}
.conecta-rama::before{content:''; position:absolute; top:0; left:50%; width:1px; height:26px; background:rgba(187,120,91,.7);}
.conecta-rama .conecta-nodo{margin-bottom:14px; background:linear-gradient(90deg, var(--cobre) 50%, #FCFAF6 50%);}
.conecta-rama:hover .conecta-nodo, .conecta-origen:hover .conecta-nodo{transform:scale(1.25); box-shadow:0 0 0 6px rgba(187,120,91,.14);}
.conecta-grupo{position:relative; margin:22px 16.666% 0 !important; padding-top:14px; font-size:12px !important; letter-spacing:.14em; text-transform:uppercase; color:#6B5F56 !important;}
.conecta-grupo::before{content:''; position:absolute; top:0; left:0; right:0; height:7px; border:1px solid rgba(187,120,91,.55); border-top:0;}
@media (max-width:780px){ .conecta-grupo{margin:18px 8% 0 !important;} .conecta-rama{padding:26px 4px 0;} .conecta-arbol .conecta-nombre{font-size:19px;} }
.conecta-ramas{max-width:820px; margin:0 auto;} .conecta-grupo{width:calc(min(820px,100%) * .6667); margin:22px auto 0 !important;} @media (max-width:780px){ .conecta-grupo{width:calc(100% * .6667);} }

/* ===== Menú: sección activa en cobre + punto (oct 2026) ===== */
.cabecera-menu a{position:relative;}
.cabecera-menu a:hover{border-bottom-color:transparent; color:#F5E6D6;}
.cabecera-menu a[aria-current="page"]{color:#F2C3A3; border-bottom-color:transparent;}
.cabecera-menu a[aria-current="page"]::after{content:''; position:absolute; left:50%; bottom:-10px; width:6px; height:6px; margin-left:-3px; border-radius:50%; background:#E6A07C;}

/* ===== Foco de teclado en cobre: claro sobre topo, oscuro sobre fondos claros (contraste ≥ 3:1) ===== */
:focus-visible{outline:2px solid #E6A07C; outline-offset:3px; border-radius:2px;}
.lectura :focus-visible, .marco--claro :focus-visible, .conecta-arbol :focus-visible, .tarjeta:focus-visible, .siguiente :focus-visible{outline-color:#8A4B2C;}
:focus:not(:focus-visible){outline:none;}

/* ===== Selección de texto en cobre ===== */
::selection{background:#DDD6CD; color:#302820;}
.sala-hero ::selection, .tx-metal ::selection, .cabecera ::selection, .pie ::selection{background:#DDD6CD; color:#302820;}

/* ===== Nombres unificados (oct 2026): puertas sin rótulo, icono y título más grandes ===== */
@media (min-width:1101px){
  .puertas-lista .puerta{gap:14px;}
  .puertas-lista .puerta-icono, .puertas-lista .puerta-icono-vapor{flex-basis:62px; width:62px; height:62px;}
  .puertas-lista .puerta-icono svg{width:62px; height:62px;}
  .puertas-lista .puerta-titulo{font-size:clamp(22px,1.75vw,27px);}
}
@media (max-width:780px){
  .puertas-lista .puerta-icono, .puertas-lista .puerta-icono-vapor{flex-basis:50px!important; width:50px!important; height:50px!important;}
  .puertas-lista .puerta-icono svg{width:50px; height:50px;}
  .puerta-titulo{font-size:22px!important;}
}
.lab-intro em{color:inherit;}
.cabecera-menu a{white-space:nowrap;}
@media (max-width:1440px){ .cabecera-menu{gap:26px; letter-spacing:.14em;} }
@media (max-width:1240px){ .cabecera-menu{gap:18px; letter-spacing:.1em; font-size:11.5px;} }
.puertas-lista .puerta{align-items:center;}
.puertas-lista .puerta-texto{padding-top:0!important; justify-content:center;}
/* Menú en dos líneas (Mi / mirada…), como le gusta a Eugénie */
.cabecera-menu{align-items:flex-start;}
.cabecera-menu a{white-space:normal; width:min-content; line-height:1.45; text-align:left;}
.cabecera-menu a[aria-current="page"]::after{left:0; margin-left:0; bottom:-8px;}
.cabecera-menu{gap:38px;} @media (max-width:1240px){ .cabecera-menu{gap:26px;} }

/* ===== Trayectoria editorial por capítulos (oct 2026) ===== */
.lectura--capitulos{padding:clamp(48px,6vw,96px) 0;}
.capitulos-contenedor{max-width:1120px;}
.capitulos-entrada{max-width:900px; margin:0 0 clamp(40px,5vw,72px);}
.capitulos-lede{font-size:clamp(24px,2.2vw,34px)!important; line-height:1.4!important; color:#2A2724; margin:0 0 18px;}
.capitulos-sub{color:#4A433D; margin:0;}
.capitulos{display:flex; flex-direction:column;}
.capitulo{display:grid; grid-template-columns:minmax(150px,240px) minmax(0,1fr); gap:clamp(24px,4vw,64px); padding:clamp(28px,3.4vw,44px) 0; border-top:1px solid rgba(143,85,59,.28);}
.capitulo:last-child{border-bottom:1px solid rgba(143,85,59,.28);}
.capitulo-marca{display:flex; flex-direction:column; gap:10px;}
.capitulo-num{font-family:'Newsreader',serif; font-size:clamp(52px,4.4vw,72px); line-height:.9; background:linear-gradient(135deg,#D28B6C,#8A4B2C); -webkit-background-clip:text; background-clip:text; color:transparent;}
.capitulo-tiempo{font-size:12px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:#8A4B2C;}
.capitulo-titulo{font-size:clamp(26px,2.3vw,36px); font-weight:400; line-height:1.15; color:#2A2724; margin:0 0 16px;}
.capitulo-cuerpo p{margin:0 0 12px; max-width:760px;}
.capitulo-claves{list-style:none; margin:18px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:8px 10px;}
.capitulo-claves li{font-size:14px!important; line-height:1.3!important; padding:7px 14px; border:1px solid rgba(143,85,59,.35); border-radius:999px; color:#5A3A2C; background:rgba(252,250,246,.6);}
@media (max-width:780px){ .capitulo{grid-template-columns:1fr; gap:10px;} .capitulo-marca{flex-direction:row; align-items:baseline; gap:14px;} }

/* ===== Mis retos: filas anchas y equilibradas ===== */
.retos-contenedor .lateral-texto{max-width:1120px!important; width:100%;}
.retos-filas{display:flex; flex-direction:column;}
.reto{display:grid; grid-template-columns:minmax(200px,320px) minmax(0,1fr); gap:clamp(24px,4vw,64px); padding:clamp(24px,3vw,38px) 0; border-top:1px solid rgba(143,85,59,.28);}
.reto:last-child{border-bottom:1px solid rgba(143,85,59,.28);}
.reto-titulo{font-size:clamp(22px,1.9vw,28px); font-weight:400; line-height:1.2; color:#2A2724; margin:0;}
.reto p{margin:0; max-width:780px;}
.reto--puente{background:#FCFAF6; border-top:2px solid var(--cobre); padding-left:clamp(20px,3vw,40px); padding-right:clamp(20px,3vw,40px); box-shadow:0 18px 40px rgba(60,48,36,.08);}
.reto--puente .reto-titulo{color:#8A4B2C; font-style:italic;}
@media (max-width:780px){ .reto{grid-template-columns:1fr; gap:10px;} }

/* ===== ¿Un café? v4: terraza más visible, texto equilibrado, contacto en banda fina ===== */
@media (min-width:901px){
  .cx3-terraza{height:clamp(420px,52vw,860px)!important;}
  .cx3-texto{display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; max-width:1180px!important; column-gap:clamp(40px,6vw,96px)!important; row-gap:32px!important; padding:24px clamp(24px,5vw,64px) 72px!important; margin:0 auto; align-items:end;}
  .cx3-texto > .cx-intro{grid-column:1 / -1!important; grid-row:1!important; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:clamp(40px,6vw,96px); align-items:end;}
  .cx3 .cx-intro .cx-nombre{grid-column:1; grid-row:1 / span 2; margin:0!important; font-size:clamp(46px,4.4vw,72px)!important; line-height:1.02;}
  .cx3 .cx-intro .cx-frase{grid-column:2; grid-row:1; margin:0 0 8px;}
  .cx3 .cx-intro .cx-parrafo{grid-column:2; grid-row:2;}
  .cx3-texto > .cafe-datos{grid-column:1 / -1!important; grid-row:2!important; display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); align-items:center; column-gap:40px; padding:14px 32px!important; box-shadow:0 18px 40px rgba(60,48,36,.10)!important;}
  .cx3 .cafe-datos .cafe-dato{padding:6px 0!important; border:0!important; display:flex!important; align-items:center; gap:18px!important; flex-wrap:wrap;}
  .cx3 .cafe-dato--linkedin{border-left:1px solid rgba(143,85,59,.25)!important; padding-left:32px!important;}
  .cx3 .cafe-dato--linkedin .cx-li-logo img{width:110px!important; height:auto;}
  .cx3 .contacto-valor{font-size:clamp(18px,1.3vw,21px)!important;}
}
/* sin subrayado cobre en las acciones */
.contacto-accion, .contacto-accion span{text-decoration:none!important; border-bottom:0!important; background-image:none!important; box-shadow:none!important;}
.contacto-accion::after, .contacto-accion span::after{display:none!important;}
.contacto-accion:hover span{color:#8A4B2C;}
.lectura.lectura--capitulos p.capitulos-lede{font-size:clamp(24px,2.2vw,34px)!important; line-height:1.4!important; color:#2A2724;}
.lectura p.capitulos-lede.capitulos-lede.capitulos-lede.capitulos-lede.capitulos-lede.capitulos-lede{font-size:clamp(24px,2.2vw,34px)!important; line-height:1.4!important;}
/* Herramientas que uso hoy (Trayectoria) */
.herramientas{margin-top:clamp(40px,5vw,72px); padding:clamp(24px,3vw,36px) clamp(20px,3vw,40px); background:#FCFAF6; border-top:2px solid var(--cobre); box-shadow:0 18px 40px rgba(60,48,36,.08);}
.herramientas .etiqueta{margin:0 0 18px;}
.herr-grupos{display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:clamp(24px,4vw,56px);}
.herr-titulo{font-size:clamp(20px,1.6vw,24px); font-weight:400; color:#2A2724; margin:0;}
.herramientas .capitulo-claves{margin-top:12px;}
@media (max-width:780px){ .herr-grupos{grid-template-columns:1fr;} }
.herr-grupos{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));} .herr-nivel{opacity:.7; font-style:italic;}
@media (min-width:901px){ .herr-grupos{grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px;} }
/* Mi taller · Herramientas que estoy explorando (editorial) */
.herr-explorando{margin-top:clamp(48px,6vw,80px); padding-top:clamp(28px,3vw,40px); border-top:1px solid rgba(143,85,59,.28);}
.herr-linea{list-style:none; margin:14px 0 0; padding:0; display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 0; font-size:clamp(22px,2vw,30px); line-height:1.4; color:#2A2724;}
.herr-linea li{font-size:inherit!important; line-height:inherit!important;}
.herr-linea li:not(:last-child)::after{content:"·"; color:var(--cobre); margin:0 .55em;}
.herr-linea .herr-nivel{font-size:.6em;}
.lectura p.herr-nota.herr-nota.herr-nota.herr-nota.herr-nota.herr-nota{margin:20px 0 0; max-width:720px; font-style:italic; font-size:clamp(18px,1.4vw,21px)!important; color:#8A4B2C;}

/* Tarjetas clicables: realce cobre al pasar o enfocar */
.cronica, .caso-mini{transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease!important; cursor:pointer;}
.cronica:hover, .cronica:focus-visible, .caso-mini:hover, .caso-mini:focus-visible{transform:translateY(-5px); box-shadow:0 28px 52px rgba(143,85,59,.26), 0 0 0 1px rgba(187,120,91,.55), 0 0 26px rgba(210,139,108,.22)!important;}
.cronica .enlace-flecha, .caso-mini .enlace-flecha{transition:color .3s, letter-spacing .3s;}
.cronica:hover .enlace-flecha, .caso-mini:hover .enlace-flecha{color:#8A4B2C; letter-spacing:.24em;}
@media (prefers-reduced-motion:reduce){ .cronica:hover, .caso-mini:hover{transform:none;} }
.lema--padre{margin:30px auto 8px; max-width:680px;} .lema--padre .lema-autor{font-size:15px!important; line-height:1.6!important; color:#5A524B; font-style:normal; margin-top:12px; text-wrap:balance;}
.lema--padre p.lema-texto.lema-texto.lema-texto.lema-texto.lema-texto.lema-texto{font-size:clamp(24px,2.2vw,32px)!important; line-height:1.3!important; color:#3A2A22; margin:4px 0 0;} .lema--padre p.lema-autor.lema-autor.lema-autor.lema-autor.lema-autor.lema-autor{font-size:15.5px!important; line-height:1.6!important; color:#5A524B;}
/* realce más brillante */
.cronica:hover, .cronica:focus-visible, .caso-mini:hover, .caso-mini:focus-visible{background:#FFFAF4!important; box-shadow:0 30px 56px rgba(143,85,59,.28), 0 0 0 1.5px #D9946F, 0 0 42px rgba(236,165,125,.55), inset 0 1px 0 rgba(255,255,255,.9)!important; border-top-color:#E6A07C!important;}
.cronica:hover .cronica-num{filter:brightness(1.25) saturate(1.2);}
/* Cursor: flecha clásica en cobre brillante (la mano y el cursor de texto se mantienen) */
html, body{cursor:url("../img/cursor-cobre.svg") 2 2, auto;}
a, button, [role="button"], label, summary, select, .cronica, .caso-mini{cursor:pointer;}
input, textarea, [contenteditable="true"]{cursor:text;}
.sello-emlab{font-family:"Newsreader",serif; font-style:italic; letter-spacing:.02em; white-space:nowrap;}
/* Trayectoria: misma anchura y alineación que la cabecera en pantallas grandes */
.lectura--capitulos .capitulos-contenedor{max-width:1440px!important;}
.capitulo{grid-template-columns:minmax(150px,260px) minmax(0,1fr);}
.capitulo-cuerpo p{max-width:880px!important;}
.capitulos-entrada{max-width:980px;}
/* Subpáginas: «← Sección» encima del índice de la derecha */
.subnav-v .subnav-volver{display:inline-block; margin:0 0 14px 22px; border:0!important; padding:0!important; font-size:12px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:#EEB08E!important; text-decoration:none;}
.subnav-v .subnav-volver:hover{color:#FBE3D2!important;}
.subnav-v a.subnav-volver{display:block; margin:0 0 6px; padding:0 0 10px 20px!important; border-left:2px solid transparent!important; font-family:'Hanken Grotesk',system-ui,sans-serif; font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:#EEB08E!important; background:none!important;}
.lectura p.pal-humor.pal-humor.pal-humor.pal-humor.pal-humor.pal-humor{font-style:italic; color:#8A4B2C; font-size:clamp(19px,1.5vw,22px)!important; line-height:1.55!important;}
/* «Una taza de palabras» */
.lab-lema{margin:-6px 0 18px; font-style:italic; font-size:clamp(22px,2vw,30px); color:#F2C3A3; letter-spacing:.01em;}
.cafe-firma{grid-column:1 / -1; margin:8px auto 0!important; max-width:720px; text-align:center; font-style:italic; font-size:clamp(17px,1.3vw,20px)!important; line-height:1.55!important; color:#8A4B2C;}
.cafe-firma{text-wrap:balance;}
/* Taza de palabras (¿Un café?) */
.cafe-taza{grid-column:1 / -1; margin:28px auto 0; width:clamp(150px,14vw,200px); line-height:0;}
.cafe-taza svg{width:100%; height:auto; overflow:visible;}
.taza-palabras .tp-w{animation:tp-sube 7s ease-in-out infinite; transform-box:fill-box;}
.taza-palabras .tp-w2{animation-delay:-2.3s;} .taza-palabras .tp-w3{animation-delay:-4.6s;}
@keyframes tp-sube{0%,100%{transform:translateY(0); opacity:1;} 50%{transform:translateY(-6px); opacity:.65;}}
@media (prefers-reduced-motion:reduce){ .taza-palabras .tp-w{animation:none;} }
.cafe-taza + .cafe-firma{margin-top:6px!important;}
.cafe-taza{width:clamp(170px,15vw,220px); margin-top:8px;}
.cafe-taza + .cafe-firma{margin-top:14px!important;}
.cafe-taza{margin-top:-24px!important;}
/* Datos curiosos sobre mí (Mis valores) */
.curiosos{margin-top:clamp(48px,6vw,80px); padding:clamp(26px,3vw,38px) clamp(22px,3vw,40px); background:#FCFAF6; border-top:2px solid var(--cobre); box-shadow:0 18px 40px rgba(60,48,36,.08);}
.curiosos .etiqueta{margin:0 0 16px;}
.curiosos-lista{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px 40px;}
.curiosos-lista li{position:relative; padding-left:26px; font-size:clamp(19px,1.5vw,22px)!important; line-height:1.4!important; color:#2A2724;}
.curiosos-lista li::before{content:""; position:absolute; left:0; top:.68em; width:14px; height:1.5px; background:var(--cobre);}
.curiosos-lista{display:block!important;}
.curiosos-lista li{display:inline; padding-left:0!important;}
.curiosos-lista li::before{display:none;}
.curiosos-lista li:not(:last-child)::after{content:"·"; color:var(--cobre); margin:0 .6em;}
.curiosos-lista{line-height:1.7!important;}
.curiosos-lista li{line-height:1.7!important;}
.lectura p.curiosos-spoiler.curiosos-spoiler.curiosos-spoiler.curiosos-spoiler.curiosos-spoiler.curiosos-spoiler{margin:16px 0 0; font-style:italic; font-size:16px!important; color:#8A4B2C;}
.curiosos-lista{display:block!important; columns:2 320px; column-gap:56px;}
.curiosos-lista li{display:block!important; break-inside:avoid; padding:4px 0 4px 22px!important; position:relative;}
.curiosos-lista li:not(:last-child)::after{content:none!important;}
.curiosos-lista li::before{display:block!important; content:""; position:absolute; left:0; top:1.05em; width:12px; height:1.5px; background:var(--cobre);}

/* v221 · Cifras alineadas con el texto del hero y las tarjetas */
@media (min-width:781px){
  section.cifras .cifras-lista{box-sizing:border-box; width:calc(100% - 2 * clamp(24px, 8.33vw, 120px)); max-width:1200px; margin-left:auto!important; margin-right:auto!important;}
}

/* v221 · Mi esencia: foto y texto dentro de la misma retícula que el hero (sin hueco central) */
@media (min-width:1001px){
  .lateral-grid--izq:has(.lateral-foto--cerca){grid-template-columns:minmax(0,5fr) minmax(0,7fr)!important; gap:clamp(40px,4.5vw,72px)!important;}
  .lateral-grid--izq .lateral-foto--cerca{margin-left:0!important; justify-content:flex-start;}
  .lateral-grid--izq .lateral-foto--cerca img{width:100%; height:auto; max-height:calc(100vh - 136px); aspect-ratio:640/800; object-fit:cover; min-height:0;}
  .lateral-grid--izq:has(.lateral-foto--cerca) .lateral-texto{max-width:760px;}
}

/* v221 · Hilo de cobre: detalle decorativo en el margen (Mis valores · Lo que dicen de mí) */
.con-hilo{position:relative; overflow:hidden;}
.con-hilo > :not(.hilo){position:relative; z-index:1;}
.hilo{display:none;}
@media (min-width:1280px){
  .hilo{display:block; position:absolute; top:56px; bottom:56px; height:calc(100% - 112px); pointer-events:none; z-index:0; overflow:visible;}
  .con-hilo--margen .hilo{width:110px; right:calc((max(0px, (100% - 1440px) / 2) + clamp(24px, 8.33vw, 120px) - 110px) / 2);}
  .con-hilo--amplio .hilo{width:180px; right:calc(max(0px, (100% - 1440px) / 2) + clamp(24px, 8.33vw, 120px) + 4%);}
  .hilo path{fill:none; vector-effect:non-scaling-stroke; stroke-linecap:round;}
  .hilo-base{stroke:#BB785B; stroke-width:1; opacity:.5;}
  .hilo-eco{stroke:#BB785B; stroke-width:.75; opacity:.2; stroke-dasharray:2 7;}
  .hilo-luz{stroke:url(#hilo-brillo); stroke:#E9A27E; stroke-width:1.6; opacity:.9; stroke-dasharray:70 930; stroke-dashoffset:1000; filter:drop-shadow(0 0 3px rgba(236,165,125,.55));}
  @media (prefers-reduced-motion:no-preference){
    .hilo-luz{animation:hilo-recorre 16s cubic-bezier(.45,0,.55,1) infinite;}
    .hilo{animation:hilo-ondea 22s ease-in-out infinite alternate; transform-origin:50% 0;}
    .hilo-eco{animation:hilo-eco 30s linear infinite;}
  }
  @media (prefers-reduced-motion:reduce){ .hilo-luz{display:none;} }
}
@keyframes hilo-recorre{0%{stroke-dashoffset:1000; opacity:0;} 8%{opacity:.9;} 85%{opacity:.9;} 100%{stroke-dashoffset:-70; opacity:0;}}
@keyframes hilo-ondea{0%{transform:translateX(-5px) skewY(-.6deg);} 100%{transform:translateX(6px) skewY(.6deg);}}
@keyframes hilo-eco{to{stroke-dashoffset:-180;}}

/* v222 · Mi esencia: foto más grande, más cerca del texto y más alta */
@media (min-width:1001px){
  .lateral-grid--izq:has(.lateral-foto--cerca){grid-template-columns:minmax(0,11fr) minmax(0,10fr)!important; gap:clamp(32px,3vw,52px)!important;}
  .lateral-grid--izq .lateral-foto--cerca{margin-top:28px; top:84px;}
  .lateral-grid--izq .lateral-foto--cerca img{max-height:calc(100vh - 104px); aspect-ratio:640/860; object-position:50% 35%;}
  .lateral-grid--izq:has(.lateral-foto--cerca) .lateral-texto{max-width:700px;}
}

/* v223 · Palabra caligrafiada de fondo (sustituye al hilo) · Pinyon Script (OFL) convertida a trazado SVG */
.hilo{display:none!important;}
.caligrafia{display:none;}
@media (min-width:1000px){
  .caligrafia{display:block; position:absolute; pointer-events:none; z-index:0; background-repeat:no-repeat; background-size:contain; background-position:center; opacity:.085; transform:rotate(-7deg);}
  .caligrafia--curiosidad{width:min(78vw,1250px); aspect-ratio:8164/1897; right:max(-6vw,-110px); top:30%;}
  .caligrafia--palabras{width:min(62vw,980px); aspect-ratio:6551/1658; right:max(-3vw,-60px); top:22%;}
  html[lang="es"] .caligrafia--curiosidad{background-image:url(../img/caligrafia/curiosidad-es.svg);}
  html[lang="ca"] .caligrafia--curiosidad{background-image:url(../img/caligrafia/curiosidad-ca.svg); aspect-ratio:6995/1769;}
  html[lang="en"] .caligrafia--curiosidad{background-image:url(../img/caligrafia/curiosidad-en.svg); aspect-ratio:6321/2294;}
  html[lang="fr"] .caligrafia--curiosidad{background-image:url(../img/caligrafia/curiosidad-fr.svg); aspect-ratio:6197/1769;}
  html[lang="es"] .caligrafia--palabras{background-image:url(../img/caligrafia/palabras-es.svg);}
  html[lang="ca"] .caligrafia--palabras{background-image:url(../img/caligrafia/palabras-ca.svg); aspect-ratio:6454/1658;}
  html[lang="en"] .caligrafia--palabras{background-image:url(../img/caligrafia/palabras-en.svg); aspect-ratio:4809/1678;}
  html[lang="fr"] .caligrafia--palabras{background-image:url(../img/caligrafia/palabras-fr.svg); aspect-ratio:3835/1550;}
}
.con-hilo > .caligrafia{position:absolute; z-index:0;}
@media (min-width:1000px){
  .caligrafia--curiosidad{width:min(64vw,1020px); right:3vw; top:33%;}
  .caligrafia--palabras{width:min(46vw,760px); right:3.5vw; top:24%;}
}

/* v226 · Caligrafía de sección (Soul · Path · Craft · Prose) — Herr Von Muellerhoff (OFL) en trazado SVG */
.caligrafia{display:none!important;}
.caligrafia-seccion{display:none;}
@media (min-width:1000px){
  body[data-seccion] main{position:relative; isolation:isolate; overflow-x:clip;}
  body[data-seccion] .lectura, body[data-seccion] .testimonio--claro, body[data-seccion] section.cifras, body[data-seccion] .despedida{background-color:transparent!important;}
  .caligrafia-seccion{display:block; position:absolute; z-index:-1; right:-5vw; margin-top:clamp(24px,3vw,56px); width:min(68vw,1150px); background:no-repeat center/contain; opacity:.07; pointer-events:none;}
  .caligrafia-seccion--soul{background-image:url(../img/caligrafia/soul.svg); aspect-ratio:1759/1296;}
  .caligrafia-seccion--path{background-image:url(../img/caligrafia/path.svg); aspect-ratio:1246/1114; width:min(60vw,1000px);}
  .caligrafia-seccion--craft{background-image:url(../img/caligrafia/craft.svg); aspect-ratio:1484/1272;}
  .caligrafia-seccion--prose{background-image:url(../img/caligrafia/prose.svg); aspect-ratio:1319/1043; width:min(62vw,1050px);}
}

/* v227 · Trayectoria: foto en la escalera junto a la introducción */
.capitulos-apertura{display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,400px); gap:clamp(40px,5vw,88px); align-items:center; margin:0 0 clamp(48px,6vw,88px);}
.capitulos-apertura .capitulos-entrada{margin:0; max-width:760px;}
.capitulos-foto{margin:0; position:relative;}
.capitulos-foto img{display:block; width:100%; height:auto; aspect-ratio:4/5; object-fit:cover; object-position:50% 35%; border-radius:2px;
  -webkit-mask-image:linear-gradient(180deg,#000 0,#000 82%,transparent 100%); mask-image:linear-gradient(180deg,#000 0,#000 82%,transparent 100%);}
@media (max-width:900px){
  .capitulos-apertura{grid-template-columns:1fr; gap:28px;}
  .capitulos-foto{max-width:460px;}
}

/* v228 · Trayectoria: foto grande, a sangre por la derecha y difuminada (sin marco) */
@media (min-width:901px){
  .capitulos-apertura{grid-template-columns:minmax(0,9fr) minmax(0,11fr); gap:0; align-items:center; margin-top:calc(-1 * clamp(40px,5vw,88px));}
  .capitulos-apertura .capitulos-entrada{position:relative; z-index:2; padding:clamp(40px,5vw,80px) 0;}
  .capitulos-foto{align-self:stretch; margin-right:calc(-1 * clamp(24px, 8.33vw, 120px)); margin-left:calc(-1 * clamp(40px,6vw,120px)); min-height:clamp(520px,46vw,780px);}
  .capitulos-foto img{position:absolute; inset:0; width:100%; height:100%; aspect-ratio:auto; object-fit:cover; object-position:45% 30%; border-radius:0;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 38%,#000 100%), linear-gradient(180deg,transparent 0,#000 12%,#000 72%,transparent 100%);
    -webkit-mask-composite:source-in; mask-image:linear-gradient(90deg,transparent 0,#000 38%,#000 100%), linear-gradient(180deg,transparent 0,#000 12%,#000 72%,transparent 100%); mask-composite:intersect;}
}
@media (min-width:1441px){ .capitulos-foto{margin-right:calc(-1 * (120px + (100vw - 1440px) / 2));} }
@media (min-width:1700px){ .capitulos-foto{margin-right:calc(-1 * (120px + (100vw / 1.15 - 1440px) / 2));} }
@media (min-width:2100px){ .capitulos-foto{margin-right:calc(-1 * (120px + (100vw / 1.3 - 1440px) / 2));} }
@media (max-width:900px){
  .capitulos-foto{max-width:none; margin:0 calc(-1 * clamp(20px, 8.33vw, 120px));}
  .capitulos-foto img{aspect-ratio:4/5; -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 10%,#000 75%,transparent 100%); mask-image:linear-gradient(180deg,transparent 0,#000 10%,#000 75%,transparent 100%);}
}
@media (min-width:901px){
  .capitulos-foto img{object-position:45% 8%;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 38%,#000 100%), linear-gradient(180deg,rgba(0,0,0,.35) 0,#000 5%,#000 74%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0,#000 38%,#000 100%), linear-gradient(180deg,rgba(0,0,0,.35) 0,#000 5%,#000 74%,transparent 100%);}
}

/* v232 · Mi esencia con la misma puesta en página que Trayectoria: foto grande difuminada + texto con citas al margen */
.esencia .capitulos-foto img{object-position:50% 12%;}
.esencia .lenguas{padding:0 0 clamp(56px,7vw,104px);}
.esencia .lenguas-texto{max-width:none;}
@media (min-width:1001px){
  .esencia .lenguas-texto{display:block; padding-right:clamp(260px,30%,420px);}
  .esencia .lenguas-texto > p, .esencia .lenguas-mas > p{max-width:700px;}
  .lectura.esencia p.lenguas-pausa.lenguas-pausa.lenguas-pausa.lenguas-pausa{float:right; clear:right; width:clamp(240px,26%,360px); margin:6px calc(-1 * clamp(260px,30%,420px)) 24px 0; padding:0 0 0 22px; border-left:1px solid #BB785B; font-size:clamp(20px,1.6vw,25px)!important; line-height:1.4!important;}
  .esencia .leer-mas{clear:both;}
}
.esencia .lenguas{max-width:none;}
@media (min-width:1001px){
  .esencia .lenguas-texto{padding-right:0; max-width:1140px;}
  .esencia .lenguas-texto > p, .esencia .lenguas-mas > p{max-width:720px; margin:0 0 18px;}
  .lectura.esencia p.lenguas-pausa.lenguas-pausa.lenguas-pausa.lenguas-pausa{width:min(320px,26vw); margin:4px 0 28px 48px; max-width:none;}
  .esencia .lenguas-mas{display:block;}
  .esencia .lenguas-mas[hidden]{display:none;}
}

/* v235 · La caligrafía solo viste las páginas sin foto */
main:has(.capitulos-foto) .caligrafia-seccion, main:has(.lateral-foto) .caligrafia-seccion{display:none!important;}
/* Trayectoria: foto más alta para que se vean el reloj y el pantalón */
@media (min-width:901px){
  .lectura--capitulos:not(.esencia) .capitulos-foto{min-height:clamp(620px,58vw,920px);}
  .lectura--capitulos:not(.esencia) .capitulos-foto img{object-position:45% 22%;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 38%,#000 100%), linear-gradient(180deg,rgba(0,0,0,.35) 0,#000 5%,#000 86%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0,#000 38%,#000 100%), linear-gradient(180deg,rgba(0,0,0,.35) 0,#000 5%,#000 86%,transparent 100%);}
}

/* v236 · Cabecera de subpáginas más compacta (menos aire bajo el título) */
@media (min-width:901px){
  .sala-hero.sala-hero--sub{min-height:0!important;}
  .sala-hero--sub .sala-hero-inner{min-height:0!important; padding-bottom:clamp(48px,4.5vw,72px)!important;}
  .sala-hero--sub .subnav-v{margin-bottom:clamp(40px,4vw,64px)!important;}
}

/* v237 · Portada con la foto de la escalera; Trayectoria con la del olivo */
.hero-foto img{object-position:62% 30%;}
@media (max-width:780px){ .hero-foto img{object-position:50% 18%;} }
@media (min-width:901px){
  .lectura--capitulos:not(.esencia) .capitulos-foto{min-height:clamp(560px,48vw,820px);}
  .lectura--capitulos:not(.esencia) .capitulos-foto img{object-position:70% 25%;}
}
.hero-foto img{object-position:62% 16%;} @media (max-width:780px){ .hero-foto img{object-position:50% 14%;} }

/* v238 · Mi esencia: cabeza entera y foto más difuminada por todos los bordes */
@media (min-width:901px){
  .esencia .capitulos-foto img{object-position:50% 0%; opacity:.9; filter:saturate(.92);
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 42%,#000 88%,transparent 100%), linear-gradient(180deg,transparent 0,#000 16%,#000 66%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0,#000 42%,#000 88%,transparent 100%), linear-gradient(180deg,transparent 0,#000 16%,#000 66%,transparent 100%);}
  .esencia .capitulos-foto{margin-top:clamp(16px,2vw,32px);}
}
/* v238 · Trayectoria: mismo tratamiento (cabeza entera, todo difuminado) */
@media (min-width:901px){
  .lectura--capitulos:not(.esencia) .capitulos-foto{min-height:clamp(560px,48vw,820px); margin-top:clamp(16px,2vw,32px);}
  .lectura--capitulos:not(.esencia) .capitulos-foto img{object-position:70% 0%; opacity:.9; filter:saturate(.92);
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 42%,#000 88%,transparent 100%), linear-gradient(180deg,transparent 0,#000 16%,#000 66%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0,#000 42%,#000 88%,transparent 100%), linear-gradient(180deg,transparent 0,#000 16%,#000 66%,transparent 100%);}
}

/* v244 · Contacto: banner EM Lab más grande, todo sigue en una línea */
@media (min-width:1001px){
  .cx3 .cafe-dato--linkedin .cx-li-logo img{width:clamp(190px,15vw,250px)!important; max-width:none!important; height:auto; box-shadow:0 10px 22px rgba(60,48,36,.22);}
  .cx3 .cafe-dato--linkedin{grid-template-columns:auto auto auto!important; align-items:center;}
}
@media (min-width:1001px){
  .cx3 .cafe-dato--linkedin{display:flex!important; align-items:center; gap:20px; flex-wrap:nowrap;}
  .cx3 .cafe-dato--linkedin .cx-li-logo{flex:0 0 auto;}
  .cx3 .cafe-dato--linkedin .cafe-acciones{white-space:nowrap;}
  .cx3 .cafe-datos{align-items:center;}
}
@media (min-width:1001px){
  .cx3-texto > .cafe-datos{grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr)!important;}
  .cx3 .cafe-datos .cafe-dato.cafe-dato--linkedin{flex-wrap:nowrap!important; gap:22px!important;}
  .cx3 .cafe-dato--linkedin .cx-li-logo img{width:clamp(170px,13vw,230px)!important;}
}
@media (min-width:1001px){
  .cx3-texto > .cafe-datos{grid-template-columns:auto minmax(0,1fr)!important; column-gap:clamp(28px,3vw,48px)!important;}
  .cx3 .cafe-datos .cafe-dato{flex-wrap:nowrap!important;}
  .cx3 .cafe-dato--linkedin{justify-content:flex-start;}
  .cx3 .cafe-dato--linkedin .cx-li-logo img{width:clamp(160px,12vw,205px)!important;}
}
@media (min-width:1001px) and (max-width:1250px){
  .cx3 .cafe-datos .cafe-dato:not(.cafe-dato--linkedin){flex-wrap:wrap!important; max-width:260px;}
}
@media (min-width:1700px){ .cx3 .cafe-dato--linkedin .cx-li-logo img{width:175px!important;} .cx3-texto > .cafe-datos{column-gap:32px!important;} }

/* v249 · Brújula integra «Mi manera de avanzar»; Mi taller con dos tarjetas */
.marco-camino{margin-top:clamp(48px,6vw,80px); padding-top:clamp(36px,4vw,56px); border-top:1px solid rgba(143,85,59,.28);}
.marco-camino-titulo{margin:0 0 22px;}
.marco-camino .marco-explorando{margin-top:36px;}
.cronicas:has(> .cronica:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr));}
@media (max-width:900px){ .cronicas:has(> .cronica:nth-child(2):last-child){grid-template-columns:1fr;} }
#t-academica + .formacion-lista{margin-top:6px;}

/* v250 · Fotos «gota de agua»: arco de masía, pequeñas, difuminadas */
.foto-gota{margin:0; position:relative;}
.foto-gota img{display:block; width:100%; height:auto; aspect-ratio:4/5; object-fit:cover; object-position:50% 20%;
  border-radius:999px 999px 6px 6px; filter:saturate(.88); opacity:.94;
  -webkit-mask-image:linear-gradient(180deg,#000 0,#000 72%,transparent 100%); mask-image:linear-gradient(180deg,#000 0,#000 72%,transparent 100%);}
.foto-gota::before{content:""; position:absolute; inset:-10px -10px 18% -10px; border:1px solid rgba(187,120,91,.35); border-bottom:0; border-radius:999px 999px 0 0; pointer-events:none;}
main:has(.foto-gota) .caligrafia-seccion{display:none!important;}
@media (min-width:1001px){
  .lateral-grid.gota-grid{grid-template-columns:minmax(0,1fr) clamp(240px,22vw,320px)!important; gap:clamp(40px,5vw,80px)!important; align-items:start;}
  .gota-grid .foto-gota{position:sticky; top:110px; margin-top:56px;}
}
@media (max-width:1000px){
  .gota-grid .foto-gota{max-width:260px; margin:8px auto 0;}
}
.lab-cierre--gota{display:grid; grid-template-columns:clamp(180px,17vw,240px) minmax(0,1fr); gap:clamp(32px,4vw,64px); align-items:center; margin-top:clamp(48px,6vw,80px);}
.lab-cierre--gota .lab-lema{font-size:clamp(26px,2.4vw,36px); font-style:italic; color:#8A4B2C; margin:0 0 22px;}
.lab-cierre-acciones{display:flex; flex-wrap:wrap; align-items:center; gap:18px 28px;}
@media (max-width:700px){ .lab-cierre--gota{grid-template-columns:1fr; justify-items:start;} .lab-cierre--gota .foto-gota{max-width:200px;} }
.lectura p.lab-lema.lab-lema.lab-lema.lab-lema.lab-lema.lab-lema{font-size:clamp(28px,2.5vw,38px)!important; line-height:1.2!important; color:#8A4B2C; font-style:italic; margin:0 0 22px;}

/* v252 · Sección activa del menú: filete cobre fino en lugar del punto */
.cabecera-menu a[aria-current="page"]::after{left:0; right:0; width:auto; height:1px; margin-left:0; bottom:-8px; border-radius:0; background:linear-gradient(90deg,#BB785B,#E6A07C);}

/* v253 · Mi esencia: foto menos ampliada (se ve el busto), más suave en conjunto y bordes menos difuminados */
@media (min-width:901px){
  .esencia .capitulos-foto img{object-fit:contain; object-position:85% 50%; opacity:.8; filter:saturate(.85) contrast(.94) brightness(1.03);
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 92%,transparent 100%), linear-gradient(180deg,transparent 0,#000 8%,#000 84%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 92%,transparent 100%), linear-gradient(180deg,transparent 0,#000 8%,#000 84%,transparent 100%);}
}
@media (min-width:901px){
  .esencia .capitulos-foto img{left:auto!important; right:0; width:auto!important; max-width:100%; height:100%; aspect-ratio:8/7; object-fit:cover!important; object-position:50% 0!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24%,#000 94%,transparent 100%), linear-gradient(180deg,transparent 0,#000 7%,#000 82%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0,#000 24%,#000 94%,transparent 100%), linear-gradient(180deg,transparent 0,#000 7%,#000 82%,transparent 100%);}
}

/* v254 · Brújula · «Mi manera de avanzar» reordenada: texto + cita al margen, y una fila de tres claves */
.camino-grid{display:grid; grid-template-columns:minmax(0,1.55fr) minmax(0,1fr); gap:clamp(36px,5vw,80px); align-items:start;}
.camino-texto > p{max-width:640px;}
.camino-texto .marco-ritmo-cierre{margin-top:18px;}
.lema.camino-cita{margin:44px 0 0!important; max-width:none!important; padding:4px 0 4px 26px!important; text-align:left!important;
  background:none!important; border:0!important; border-left:1px solid #BB785B!important; outline:0!important; box-shadow:none!important; border-radius:0!important;}
.camino-cita .lema-etiqueta{margin-bottom:12px;}
.camino-cita p.lema-texto.lema-texto.lema-texto.lema-texto.lema-texto.lema-texto{font-size:clamp(24px,2.1vw,30px)!important; line-height:1.28!important;}
.camino-cita p.lema-autor.lema-autor.lema-autor.lema-autor.lema-autor.lema-autor{font-size:15px!important; text-align:left; margin-top:14px;}
.camino-claves{display:grid; grid-template-columns:minmax(0,1.55fr) minmax(0,1fr); gap:clamp(36px,5vw,80px); margin-top:clamp(44px,5vw,64px); padding-top:28px; border-top:1px solid rgba(143,85,59,.22); align-items:start;}
.camino-claves .marco-explorando{max-width:none; background:none!important; border:0!important; padding:0!important;}
.camino-claves .marco-explorando p{max-width:620px;}
.camino-roles{grid-template-columns:1fr!important; gap:20px!important;}
.camino-roles div{border-top:0!important; border-left:1px solid #BB785B; padding:2px 0 2px 26px!important;}
@media (max-width:900px){
  .camino-grid, .camino-claves{grid-template-columns:1fr; gap:28px;}
  .lema.camino-cita{margin-top:8px!important;}
}
.lectura .camino-texto p.marco-ritmo-cierre.marco-ritmo-cierre.marco-ritmo-cierre.marco-ritmo-cierre.marco-ritmo-cierre{font-style:italic; color:#8A4B2C; font-size:clamp(18px,1.5vw,21px)!important; line-height:1.5!important;}
.lectura .camino-claves .marco-explorando p.serif.serif.serif.serif.serif.serif{font-size:clamp(20px,1.7vw,24px)!important; line-height:1.45!important; color:#3A2A22;}

/* v255 · Caligrafía dentro del primer bloque claro: se adapta a su altura y siempre se ve */
@media (min-width:1000px){
  .con-caligrafia{position:relative; isolation:isolate; overflow:hidden;}
  .con-caligrafia > .caligrafia-seccion{z-index:-1; margin-top:0; top:clamp(20px,2.5vw,48px); right:-2vw;
    height:calc(100% - clamp(40px,5vw,96px)); max-height:900px; width:auto!important; max-width:70%;}
}

/* ===== v263 · Taller (Aprendo · Conecto · Pruebo) / Crónicas (Observo · Pienso · Comparto) ===== */
.taller-formula, .lab-formula{margin:10px 0 18px; font-family:'Hanken Grotesk',system-ui,sans-serif; font-style:normal; font-size:13px!important; letter-spacing:.24em; text-transform:uppercase; color:var(--cobre-claro);}
.lab-formula{margin:-4px 0 0;}
.lectura--conecta .lectura-inner{padding-bottom:0;}
.lectura--conecta + .lectura .lectura-inner{padding-top:72px;}

/* Hilo entre Taller y Crónicas */
.lectura p.enlace-hilo.enlace-hilo.enlace-hilo.enlace-hilo.enlace-hilo{margin:8px 0 0; padding-top:22px; border-top:1px solid rgba(143,85,59,.28); font-size:clamp(17px,1.25vw,19px)!important; font-style:italic; color:#5A3A2C; max-width:820px;}
.enlace-hilo a{color:#8A4B2C; font-style:normal; text-decoration:none; border-bottom:1px solid rgba(138,75,44,.4); white-space:nowrap;}
.enlace-hilo a:hover{border-bottom-color:#8A4B2C;}

/* IA y yo · temas · ADN · ángulos */
.lab-temas{margin-top:18px;}
.lab-temas .herr-linea, .adn-angulos{font-size:clamp(19px,1.6vw,24px);}
.adn .fuera-intro{margin-top:6px;}
.adn-angulos{margin-top:22px;}

/* Smart Flows */
.flows-titulo{margin-bottom:14px;}
.flows-intro{display:flex; flex-direction:column; gap:14px; max-width:820px;}
.lectura p.flows-lema.flows-lema.flows-lema.flows-lema.flows-lema{margin:6px 0 0; font-style:italic; font-size:clamp(21px,1.8vw,26px)!important; line-height:1.35!important; color:#8A4B2C;}
.flows-lista{margin-top:44px; border-top:1px solid rgba(143,85,59,.3);}
.flow{border-bottom:1px solid rgba(143,85,59,.3);}
.flow-cabecera{list-style:none; cursor:pointer; display:grid; grid-template-columns:64px minmax(0,1fr) auto 28px; align-items:center; gap:18px; padding:24px 6px; transition:background-color .25s ease;}
.flow-cabecera::-webkit-details-marker{display:none;}
.flow-cabecera:hover{background:rgba(252,250,246,.55);}
.flow-cabecera:focus-visible{outline:2px solid #8A4B2C; outline-offset:2px;}
.flow-num{font-size:clamp(26px,2.4vw,34px); font-weight:300; color:var(--cobre); line-height:1;}
.flow-textos{display:flex; flex-direction:column; gap:4px;}
.flow-titulo{font-size:clamp(22px,2vw,28px); color:#2A2724; line-height:1.15;}
.flow-pregunta{font-size:clamp(16px,1.15vw,18px); line-height:1.5; color:#5A524B;}
.flow-estado{font-size:11.5px; letter-spacing:.18em; text-transform:uppercase; color:#6E3A21; border:1px solid rgba(143,85,59,.45); border-radius:999px; padding:5px 12px; white-space:nowrap;}
.flow-abrir{position:relative; width:22px; height:22px;}
.flow-abrir::before, .flow-abrir::after{content:""; position:absolute; left:3px; right:3px; top:50%; height:1.3px; background:#8A4B2C; transition:transform .3s ease;}
.flow-abrir::after{transform:rotate(90deg);}
.flow[open] .flow-abrir::after{transform:rotate(0deg);}
.flow-cuerpo{padding:6px 6px 34px 88px; animation:flowAbrir .35s ease;}
@keyframes flowAbrir{from{opacity:0; transform:translateY(-6px);} to{opacity:1; transform:none;}}
@media (prefers-reduced-motion:reduce){ .flow-cuerpo{animation:none;} .flow-abrir::after{transition:none;} }

.flujo{list-style:none; margin:0; padding:22px clamp(16px,2.4vw,30px); display:flex; flex-wrap:wrap; align-items:stretch; gap:14px 0; background:#FCFAF6; border-radius:4px; box-shadow:0 18px 40px rgba(60,48,36,.08); counter-reset:paso;}
.lectura li.flujo-paso.flujo-paso.flujo-paso{position:relative; display:flex; align-items:center; margin:0 34px 0 0; padding:10px 14px; max-width:220px; font-family:'Newsreader',Georgia,serif; font-size:clamp(15.5px,1.1vw,17px)!important; line-height:1.35!important; color:#2A2724; border:1px solid rgba(143,85,59,.35); border-radius:3px; background:#fff;}
.flujo-paso:not(:last-child)::after{content:""; position:absolute; right:-29px; top:50%; width:22px; height:1px; background:var(--cobre);}
.flujo-paso:not(:last-child)::before{content:""; position:absolute; right:-30px; top:calc(50% - 3.5px); width:7px; height:7px; border-top:1px solid var(--cobre); border-right:1px solid var(--cobre); transform:rotate(45deg);}
.lectura li.flujo-paso--humano.flujo-paso--humano.flujo-paso--humano{background:linear-gradient(135deg,#C98A66,#A9653F); border-color:#8F553B; color:#FFF8F2; font-style:italic;}
.lectura li.flujo-paso--salida.flujo-paso--salida.flujo-paso--salida{border-style:dashed;}
.flow-notas{margin:22px 0 0; max-width:760px;}
.flow-notas dt{font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:#6E3A21; margin-bottom:6px;}
.flow-notas dd{margin:0; color:#3C3834;}
.lectura p.flows-leyenda.flows-leyenda.flows-leyenda.flows-leyenda.flows-leyenda{display:flex; align-items:flex-start; gap:12px; margin:26px 0 0; font-size:15px!important; line-height:1.6!important; color:#5A524B; max-width:820px;}
.flujo-muestra{flex:0 0 auto; width:26px; height:16px; margin-top:3px; border-radius:3px; background:linear-gradient(135deg,#C98A66,#A9653F);}

@media (max-width:780px){
  .flow-cabecera{grid-template-columns:40px minmax(0,1fr) 22px; gap:12px; padding:20px 2px;}
  .flow-estado{grid-column:2; grid-row:2; justify-self:start; font-size:10.5px; padding:4px 10px;}
  .flow-abrir{grid-column:3; grid-row:1;}
  .flow-cuerpo{padding:4px 0 28px;}
  .flujo{flex-direction:column; align-items:flex-start; gap:22px; padding:20px 18px;}
  .lectura li.flujo-paso.flujo-paso.flujo-paso{margin:0; max-width:none; width:100%;}
  .flujo-paso:not(:last-child)::after{right:auto; left:22px; top:auto; bottom:-19px; width:1px; height:16px;}
  .flujo-paso:not(:last-child)::before{right:auto; left:19px; top:auto; bottom:-20px; transform:rotate(135deg);}
}

/* ===== v264 · Brújula: Lo que voy descubriendo ===== */
.descubriendo-titulo{margin:0 0 22px; font-size:clamp(28px,2.8vw,38px); font-weight:300; line-height:1.15; color:#2A2724;}
.descubriendo-texto{max-width:820px; display:flex; flex-direction:column; gap:16px;}
.descubriendo-texto p{margin:0;}
.descubriendo-tira{list-style:none; margin:clamp(30px,3.5vw,44px) 0 0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid rgba(143,85,59,.3); border-bottom:1px solid rgba(143,85,59,.3);}
.lectura .descubriendo-tira li.descubriendo-tira li, .descubriendo-tira li{position:relative; display:flex; flex-direction:column; gap:4px; padding:18px 22px 18px 0;}
.descubriendo-tira li + li{padding-left:22px; border-left:1px solid rgba(143,85,59,.22);}
.descubriendo-tira b{font-weight:400; font-size:clamp(19px,1.5vw,22px); color:#2A2724;}
.descubriendo-tira span{font-size:12px!important; letter-spacing:.2em; text-transform:uppercase; color:#8A4B2C;}
.descubriendo-tira li:not(:last-child) b::after{content:" →"; color:var(--cobre); font-family:inherit;}
.lectura p.descubriendo-lema.descubriendo-lema.descubriendo-lema.descubriendo-lema.descubriendo-lema.descubriendo-lema, p.descubriendo-lema{margin:26px 0 0; font-style:italic; font-size:clamp(20px,1.7vw,24px)!important; line-height:1.4!important; color:#8A4B2C;}
@media (max-width:780px){
  .descubriendo-tira{grid-template-columns:1fr 1fr;}
  .descubriendo-tira li:nth-child(3){padding-left:0; border-left:0;}
  .descubriendo-tira li:nth-child(n+3){border-top:1px solid rgba(143,85,59,.22);}
  .descubriendo-tira li:nth-child(2) b::after{content:"";}
}

/* ===== v267 · Tipografía Fraunces «con guiño» en toda la web ===== */
@font-face{font-family:'Fraunces'; font-style:normal; font-weight:100 900; font-display:swap; src:url(../fonts/fraunces.woff2) format('woff2');}
@font-face{font-family:'Fraunces'; font-style:italic; font-weight:100 900; font-display:swap; src:url(../fonts/fraunces-italic.woff2) format('woff2');}
main, main *:not(svg):not(svg *){font-family:'Fraunces',Georgia,serif!important; font-optical-sizing:auto; font-variation-settings:'SOFT' 50,'WONK' 0;}
main :is(h1,h2,h3,.serif,.cronica-titulo,.subnav-titulo,.siguiente-titulo,.lab-lema,.arch-card-titulo,.frase-clave,.pal-titulo){font-variation-settings:'SOFT' 60,'WONK' 1!important;}
main :is(.sala-titulo,.caso-h1){font-weight:340!important; letter-spacing:-.02em;}
main :is(.sala-titulo,.caso-h1) em{font-style:italic; color:inherit;}
main :is(.pal-titulo) em{font-style:normal; color:inherit;}
main :is(.etiqueta,.enlace-flecha,.enlace-subrayado,.btn,.btn-linea,.barra-boton,.arch-angulo,.lab-experimento-n,.migas,.lab-formula,.taller-formula,.siguiente-eyebrow,.volver,.arch-fecha,.arch-idioma,.pal-temas,.pal-temas *,.pal-tema,.pal-tema-btn,.pal-idioma,.pal-azar,.sello-emlab,.capacidad-titulo,.capitulo-tiempo,.caso-etiqueta,.caso-eyebrow,.ciclo-fase-titulo,.cifra-etiqueta,.conecta-grupo,.conecta-nota,.contacto-accion,.contacto-etiqueta,.exp-estado,.eyebrow,.fila-cx--cabecera,.flow-estado,.fuera-titulo,.indice-texto,.indice-titulo,.lab-banner-pie,.leer-mas,.lema-autor,.lema-etiqueta,.puerta-subtitulo,.sala-eyebrow,.valor-rol,.subnav-num,.flow-notas dt), main :is(.etiqueta,.enlace-flecha,.enlace-subrayado,.btn,.btn-linea,.barra-boton,.arch-angulo,.lab-experimento-n,.migas,.lab-formula,.taller-formula,.siguiente-eyebrow,.volver,.arch-fecha,.arch-idioma,.pal-temas,.pal-temas *,.pal-tema,.pal-tema-btn,.pal-idioma,.pal-azar,.sello-emlab,.capacidad-titulo,.capitulo-tiempo,.caso-etiqueta,.caso-eyebrow,.ciclo-fase-titulo,.cifra-etiqueta,.conecta-grupo,.conecta-nota,.contacto-accion,.contacto-etiqueta,.exp-estado,.eyebrow,.fila-cx--cabecera,.flow-estado,.fuera-titulo,.indice-texto,.indice-titulo,.lab-banner-pie,.leer-mas,.lema-autor,.lema-etiqueta,.puerta-subtitulo,.sala-eyebrow,.valor-rol,.subnav-num,.flow-notas dt) *{font-family:'Hanken Grotesk',system-ui,sans-serif!important; font-variation-settings:normal!important;}

/* v266 · Sin «← Sección» encima de las subsecciones (ya está en el menú y en «Volver» al pie) */
.subnav-v .subnav-volver{display:none!important;}
main :is(.capitulos-lede,.conectando-texto,.descubriendo-titulo,.flow-titulo){font-weight:340!important;}

.capitulos-apertura .capitulos-sub + .capitulos-sub{margin-top:14px;}
.lectura p.flows-subtitulo.flows-subtitulo.flows-subtitulo.flows-subtitulo.flows-subtitulo{margin:-4px 0 22px; font-style:italic; font-size:clamp(19px,1.5vw,22px)!important; line-height:1.4!important; color:#5A3A2C; max-width:820px;}

/* v273 · Subsecciones en cobre · intros sin negrita */
.subnav-v a{color:#EBAA86;}
.subnav-v a:hover{color:#F6C8A8;}
.subnav-v a[aria-current="page"]{color:#FBF3E6;}
main .sala-intro, main .sala-intro *{font-weight:300!important;}

/* v274 · Aviso discreto de imágenes generadas con IA (AI Act art. 50) */
.aviso-ia{margin:0; font-family:'Hanken Grotesk',system-ui,sans-serif!important; font-size:12.5px!important; font-weight:500; letter-spacing:.04em; line-height:1.4!important; color:rgba(245,241,234,.92);}
.hero-foto .aviso-ia{position:absolute; right:clamp(14px,2vw,28px); bottom:14px; z-index:3; padding:5px 11px; border-radius:3px; background:rgba(42,30,24,.42); backdrop-filter:blur(3px); text-shadow:none;}
.aviso-ia--pie{padding:10px clamp(24px,8.33vw,120px) 14px; text-align:center; background:#E4D3BC; color:#5A3A2C; border-top:1px solid rgba(143,85,59,.18);}


.aviso-ia--movil{display:none;}
@media (max-width:780px){ .hero-foto .aviso-ia{display:none;} .aviso-ia--movil{display:block; margin-top:14px; color:rgba(245,241,234,.82);} }

/* v277 · Smart Flows: 4 pasos, entre bastidores, glosario */
.flow-cuerpo{display:flex; flex-direction:column;}
.lectura p.flow-etiqueta.flow-etiqueta.flow-etiqueta.flow-etiqueta.flow-etiqueta{margin:22px 0 8px; font-size:11.5px!important; letter-spacing:.2em; text-transform:uppercase; color:#8A4B2C; line-height:1.3!important;}
.flow-cuerpo > .flow-etiqueta:first-child{margin-top:6px!important;}
.flow-texto{margin:0; max-width:760px; color:#3C3834;}
.flow-dos{display:grid; grid-template-columns:1fr 1fr; gap:clamp(20px,3vw,48px); margin-top:4px;}
.flow-dos > div:only-child{grid-column:1/-1; max-width:720px;}
@media (max-width:780px){ .flow-dos{grid-template-columns:1fr; gap:0;} }
.bastidores, .glosario{margin-top:clamp(56px,7vw,96px); padding-top:clamp(32px,4vw,48px); border-top:1px solid rgba(143,85,59,.28);}
.bastidores .etiqueta, .glosario .etiqueta{margin-bottom:10px;}
.bastidores-flujo{margin-top:30px;}
.glosario-lista{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 clamp(20px,3vw,40px); margin-top:28px; border-top:1px solid rgba(143,85,59,.22);}
.glosa{border-bottom:1px solid rgba(143,85,59,.22);}
.glosa-termino{list-style:none; cursor:pointer; display:flex; justify-content:space-between; align-items:baseline; gap:12px; padding:14px 2px; font-size:clamp(19px,1.5vw,22px); color:#2A2724;}
.glosa-termino::-webkit-details-marker{display:none;}
.glosa-termino::after{content:"+"; font-family:'Hanken Grotesk',system-ui,sans-serif; font-size:16px; color:#8A4B2C; transition:transform .25s ease;}
.glosa[open] .glosa-termino::after{transform:rotate(45deg);}
.glosa-termino:hover{color:#8A4B2C;}
.glosa-termino:focus-visible{outline:2px solid #8A4B2C; outline-offset:2px;}
.lectura p.glosa-def.glosa-def.glosa-def.glosa-def{margin:0 0 16px; font-size:16px!important; line-height:1.6!important; color:#3C3834; animation:flowAbrir .3s ease;}
@media (max-width:1000px){ .glosario-lista{grid-template-columns:1fr 1fr;} }
@media (max-width:600px){ .glosario-lista{grid-template-columns:1fr;} }
.glosario-lista{display:block; columns:3; column-gap:clamp(20px,3vw,40px); border-top:0;}
.glosa{break-inside:avoid; border-top:1px solid rgba(143,85,59,.22); border-bottom:0;}
@media (max-width:1000px){ .glosario-lista{columns:2;} }
@media (max-width:600px){ .glosario-lista{columns:1;} }
.flows-etiqueta{margin:0 0 10px;}
.con-caligrafia > .caligrafia-seccion{position:absolute!important;}
@media (max-width:780px){ .capitulo{grid-template-columns:1fr!important;} .capitulos-apertura .capitulos-foto{margin-left:calc(50% - 50vw)!important; margin-right:calc(50% - 50vw)!important; max-width:100vw;} }

/* v283 · Esencia como Trayectoria: texto alineado bajo la foto, frases cobre a la izquierda */
@media (min-width:1001px){
  .esencia .lenguas-texto{padding-left:45%; max-width:none;}
  .esencia .lenguas-texto > p, .esencia .lenguas-mas > p{max-width:680px;}
  .lectura.esencia p.lenguas-pausa.lenguas-pausa.lenguas-pausa.lenguas-pausa.lenguas-pausa{float:left; clear:left; width:56%; margin:6px 0 24px -81.8%; padding:0 28px 0 0; border-left:0; border-right:1px solid #BB785B; color:#8A4B2C!important;}
  .esencia .leer-mas{clear:none;}
}

/* v284 · Anatomía de la IA: mapa, fichas y tarjeta */
.mapa-ia{margin-top:clamp(36px,4vw,56px); display:flex; flex-direction:column;}
.mapa-fila{display:grid; grid-template-columns:minmax(0,1fr) minmax(220px,280px); gap:0 clamp(24px,4vw,56px);}
.mapa-estacion{position:relative; padding:18px 0 30px 28px; border-left:1px solid rgba(143,85,59,.35);}
.mapa-estacion::before{content:""; position:absolute; left:-5px; top:24px; width:9px; height:9px; border-radius:50%; background:#E4DCCF; border:1px solid #BB785B;}
.mapa-fila--cab .mapa-criterio{padding-top:0; padding-bottom:6px;}
.mapa-fila--cab > div:first-child{border-left:1px solid rgba(143,85,59,.35);}
.mapa-fila:last-child .mapa-estacion{border-left-color:transparent;}
.lectura p.mapa-eti.mapa-eti.mapa-eti.mapa-eti{margin:0 0 12px; font-family:'Hanken Grotesk',system-ui,sans-serif!important; font-size:11.5px!important; letter-spacing:.2em; text-transform:uppercase; color:#8A4B2C; line-height:1.3!important;}
.mapa-piezas{display:flex; flex-wrap:wrap; gap:12px;}
.pieza{appearance:none; display:inline-flex; flex-direction:column; align-items:flex-start; gap:2px; padding:12px 18px; background:#FCFAF6; border:1px solid rgba(143,85,59,.35); border-radius:3px; color:#2A2724; cursor:pointer; text-align:left; box-shadow:0 8px 20px rgba(60,48,36,.06); transition:border-color .25s ease, transform .25s ease, box-shadow .25s ease;}
button.pieza:hover{border-color:#BB785B; transform:translateY(-2px); box-shadow:0 12px 26px rgba(60,48,36,.10);}
button.pieza:focus-visible{outline:2px solid #8A4B2C; outline-offset:3px;}
.pieza-nombre{font-size:clamp(18px,1.4vw,21px); line-height:1.2;}
.pieza-nota{font-size:13px; color:#6E5A4E; font-style:italic;}
.pieza--fija{cursor:default; background:transparent; border-style:dashed; box-shadow:none;}
.pieza--riesgo{border-color:rgba(143,85,59,.25); background:rgba(252,250,246,.6);}
.pieza-tag{font-family:'Hanken Grotesk',system-ui,sans-serif!important; font-size:10.5px; letter-spacing:.18em; text-transform:uppercase; color:#8A4B2C;}
.mapa-piezas .pieza--riesgo{margin-left:6px;}
.mapa-criterio{position:relative; padding:18px 0 30px 24px; border-left:2px solid #BB785B;}
.pieza--humano{background:linear-gradient(135deg,#C98A66,#A9653F); border-color:#8F553B; color:#FFF8F2; margin-bottom:10px;}
.pieza--humano .pieza-nombre{font-style:italic;}
button.pieza--humano:hover{border-color:#6E3A21;}
.lectura p.mapa-nota.mapa-nota.mapa-nota.mapa-nota{margin:0; font-size:15.5px!important; line-height:1.5!important; font-style:italic; color:#5A3A2C;}
.lectura p.mapa-pista.mapa-pista.mapa-pista{margin:18px 0 0; font-size:14px!important; color:#6E5A4E; font-style:italic;}
@media (max-width:780px){
  .mapa-fila{grid-template-columns:1fr;}
  .mapa-fila--cab{display:none;}
  .mapa-criterio{border-left:2px solid #BB785B; margin:-14px 0 18px 28px; padding:10px 0 10px 16px;}
  .mapa-criterio:empty{display:none;}
  .mapa-estacion{padding-bottom:22px;}
}
/* fichas */
dialog.ficha-ia{border:0; padding:0; background:transparent; max-width:min(800px,calc(100vw - 32px)); width:100%; max-height:calc(100vh - 48px); overflow:auto;}
dialog.ficha-ia::backdrop{background:rgba(42,39,36,.45); backdrop-filter:blur(2px);}
dialog.ficha-ia[open]{animation:flowAbrir .35s ease;}
.ficha-ia-inner{position:relative; display:grid; grid-template-columns:minmax(150px,190px) minmax(0,1fr); gap:clamp(24px,3vw,40px); padding:clamp(28px,3.5vw,42px); background:#FCFAF6; border-top:2px solid #BB785B; border-radius:3px; box-shadow:0 30px 70px rgba(30,20,14,.3);}
.ficha-cerrar{position:absolute; top:10px; right:14px; appearance:none; border:0; background:none; font-size:30px; line-height:1; color:#8A4B2C; cursor:pointer; padding:6px;}
.ficha-cerrar:focus-visible{outline:2px solid #8A4B2C;}
.ficha-ilus{margin:0; align-self:start; display:flex; flex-direction:column; gap:8px; padding:18px; background:#F3EADC; border:1px solid rgba(143,85,59,.2); border-radius:3px;}
.ficha-svg{width:100%; height:auto;}
.ficha-ilus figcaption{font-family:'Hanken Grotesk',system-ui,sans-serif!important; font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:#9A7B6A; text-align:center;}
.ficha-cuerpo .etiqueta{margin:0 0 6px;}
.ficha-termino{margin:0 0 10px; font-size:clamp(30px,3vw,40px); font-weight:340; line-height:1.1; color:#2A2724;}
.lectura p.ficha-def.ficha-def.ficha-def.ficha-def{margin:0 0 6px; font-size:clamp(18px,1.4vw,21px)!important; line-height:1.45!important; color:#2A2724;}
.lectura p.ficha-texto.ficha-texto.ficha-texto.ficha-texto{margin:0; font-size:16px!important; line-height:1.6!important; color:#3C3834;}
.lectura p.ficha-imagen.ficha-imagen.ficha-imagen.ficha-imagen{margin:0; font-style:italic; font-size:clamp(18px,1.4vw,21px)!important; line-height:1.4!important; color:#8A4B2C;}
.ficha-rel{display:flex; flex-wrap:wrap; gap:8px;}
.ficha-rel-btn{appearance:none; cursor:pointer; padding:6px 14px; border:1px solid rgba(143,85,59,.4); border-radius:999px; background:transparent; color:#5A3A2C; font-size:14px;}
.ficha-rel-btn:hover{border-color:#8A4B2C; color:#2A2724;}
.lectura p.ficha-exp.ficha-exp.ficha-exp{margin:22px 0 0; padding-top:16px; border-top:1px solid rgba(143,85,59,.22); font-size:15px!important;}
.ficha-exp a, .flow-concepto a{color:#8A4B2C; text-decoration:none; border-bottom:1px solid rgba(138,75,44,.4);}
.ficha-exp a:hover, .flow-concepto a:hover{border-bottom-color:#8A4B2C;}
.lectura p.flow-concepto.flow-concepto.flow-concepto{margin:20px 0 0; font-size:14.5px!important; font-style:italic;}
@media (max-width:600px){
  .ficha-ia-inner{grid-template-columns:1fr; padding:26px 20px;}
  .ficha-ilus{max-width:200px;}
}
/* tarjeta desde Smart Flows */
.anat-card{display:flex; flex-direction:column; gap:10px; margin-top:clamp(56px,7vw,96px); max-width:760px; text-decoration:none;}
.anat-card .cronica-num{font-family:'Hanken Grotesk',system-ui,sans-serif!important; font-size:12px; letter-spacing:.2em; text-transform:uppercase;}
main :is(.flow-etiqueta,.mapa-eti,.pieza-tag,.ficha-ilus figcaption){font-family:'Hanken Grotesk',system-ui,sans-serif!important; font-variation-settings:normal!important;}
.ficha-cuerpo .etiqueta{font-size:12px!important;}
dialog.ficha-ia:focus, dialog.ficha-ia:focus-visible{outline:none;}

/* v286 · ¿Un café?: primero el vídeo del café y, al terminar, se funde con la terraza vacía y el vapor */
.cx3-terraza .cx-cafe-video{position:absolute; inset:0; z-index:2; width:100%; height:100%; object-fit:cover; object-position:35% 50%; transition:opacity 1.6s ease;}
.cx3-terraza .cx-cafe-video.visto{opacity:0; pointer-events:none;}
.cx3-terraza .cx-vapor{z-index:1;}
@media (prefers-reduced-motion: reduce){ .cx3-terraza .cx-cafe-video{display:none;} }

.hero .eyebrow{text-wrap:balance;}

/* v289 · Brújula: el porqué, bajo la frase de «Lo que estoy conectando» */
.lectura p.conectando-porque.conectando-porque{max-width:760px; margin:-16px 0 36px!important; font-size:clamp(16px,1.15vw,18px)!important; line-height:1.65!important; font-weight:340!important; color:#4A3A31;}

/* v290 · Brújula interactiva: los puntos se descubren uno a uno; el detalle se lee en un panel ancho */
.ruta--interactiva .ciclo-paso{cursor:pointer; outline:none; transition:opacity .45s ease;}
.ruta--interactiva .ciclo-paso-texto em{display:none!important;}
.ruta--interactiva .ciclo-paso.is-futuro{opacity:.32;}
.ruta--interactiva .ciclo-paso.is-futuro::before{background:rgba(138,75,44,.18);}
.ruta--interactiva .ciclo-paso:hover .ruta-nodo{box-shadow:0 0 0 5px rgba(187,120,91,.14);}
.ruta--interactiva .ciclo-paso:focus-visible .ruta-nodo{box-shadow:0 0 0 3px #FCFAF6, 0 0 0 5px var(--cobre);}
.ruta--interactiva:not(.is-final) .ciclo-paso[data-paso="7"]::after, .ruta--interactiva:not(.is-final) .ciclo-paso[data-paso="1"]::after{opacity:0!important;}
.ruta-detalle{--f:#BB785B; display:flex; align-items:flex-end; justify-content:space-between; gap:24px 40px; flex-wrap:wrap; margin:26px 0 8px; padding:22px 26px; background:#FCFAF6; border-left:3px solid var(--f); border-radius:2px; box-shadow:0 14px 34px rgba(60,48,36,.08);}
.ruta-detalle.c3-f1{--f:#E3B497;} .ruta-detalle.c3-f2{--f:#BB785B;} .ruta-detalle.c3-f3{--f:#8A4B2C;}
.rd-cuerpo{flex:1 1 420px; min-width:0;}
.marco .ruta-detalle p{margin:0;}
.marco .ruta-detalle .rd-fase{font-family:'Hanken Grotesk',sans-serif!important; font-size:11.5px!important; letter-spacing:.2em; text-transform:uppercase; color:#8A4B2C; margin-bottom:6px;}
.marco .ruta-detalle .rd-titulo{font-size:clamp(22px,1.8vw,27px)!important; line-height:1.2!important; color:#2A2724; margin-bottom:6px;}
.marco .ruta-detalle .rd-texto{font-family:'Newsreader',serif!important; font-style:italic; font-size:clamp(17px,1.25vw,19px)!important; line-height:1.5!important; color:#5A524B;}
.rd-nav{display:flex; align-items:center; gap:14px; flex:0 0 auto;}
.rd-cuenta{font-family:'Hanken Grotesk',sans-serif!important; font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:#7A6A5E;}
.rd-btn{min-height:44px; padding:0 18px; border:1px solid rgba(138,75,44,.45); border-radius:3px; background:transparent; color:#8A4B2C; font:500 12px 'Hanken Grotesk',sans-serif; letter-spacing:.14em; text-transform:uppercase; cursor:pointer; transition:background .25s, color .25s;}
.rd-btn:hover:not(:disabled){background:#8A4B2C; color:#FBF3E6;}
.rd-btn:disabled{opacity:.3; cursor:default;}
.rd-prev{padding:0 14px; font-size:16px; letter-spacing:0;}
.rd-btn:focus-visible{outline:2px solid #BB785B; outline-offset:3px;}
@media (max-width:900px){
  .ruta--interactiva .ciclo-paso.is-activo .ciclo-paso-texto em{display:block!important;}
  .ruta-detalle{padding:14px 16px; margin-top:6px;}
  .ruta-detalle .rd-cuerpo{display:none;}
  .rd-nav{width:100%; justify-content:space-between;}
}
@media (prefers-reduced-motion: reduce){ .ruta--interactiva .ciclo-paso{transition:none;} }
main .ruta-detalle .rd-btn, main .ruta-detalle .rd-cuenta{font-family:'Hanken Grotesk',system-ui,sans-serif!important; font-variation-settings:normal;}
.lectura .marco .ruta-detalle p.rd-titulo.rd-titulo{font-size:clamp(22px,1.8vw,27px)!important; line-height:1.2!important; font-weight:400!important;}
.lectura .marco .ruta-detalle p.rd-texto.rd-texto{font-size:clamp(17px,1.25vw,19px)!important; font-weight:400!important;}
.rd-cuenta, .rd-btn{white-space:nowrap;}
@media (min-width:901px){ .ruta-detalle{margin-top:6px;} }
@media (max-width:900px){ .rd-btn{padding:0 14px;} .rd-nav{gap:10px;} }

/* v291 · ¿Un café?: la terraza y el vídeo se ven casi enteros en pantallas anchas (sin cortar cabeza ni sillones) */
@media (min-width:901px){
  .cx3-terraza{height:min(48vw, 84vh)!important; min-height:420px;
    -webkit-mask-image:linear-gradient(180deg,#000 0,#000 86%,transparent 100%)!important; mask-image:linear-gradient(180deg,#000 0,#000 86%,transparent 100%)!important;}
}
.cx3-terraza .cx-cafe-video{object-position:42% 35%;}

/* v293 · Idiomas de la portada: en horizontal y legibles en ordenador */
@media (min-width:781px){
  .idiomas--inicio{flex-direction:row!important; gap:0!important; top:30px!important; right:clamp(20px,2.4vw,44px)!important; padding:4px 10px!important; border-radius:3px; background:rgba(40,26,20,.42); backdrop-filter:blur(4px); text-shadow:none;}
  .idiomas--inicio .idiomas-sep{display:inline!important;}
  .idiomas--inicio a{font-size:13.5px!important; padding:6px 7px!important; opacity:.85;}
  .idiomas--inicio a[aria-current]{opacity:1; box-shadow:inset 0 -1.5px 0 #D28B6C;}
}

/* v294 · Hemeroteca: aviso cuando un tema aún no tiene posts */
.arch-vacio{margin:18px 0 0; font-family:'Newsreader',serif; font-style:italic; font-size:17px; color:#6A5A4E;}

/* v295 · Fuera de guion: cuatro notas al margen, en dos columnas, con número y filete cobre */
.curiosos-notas{list-style:none; margin:22px 0 0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px clamp(28px,4vw,60px); max-width:860px;}
.curiosos-notas li{display:flex; flex-direction:column; gap:8px; padding-top:12px; border-top:1px solid rgba(187,120,91,.55);}
.curiosos-notas .nota-num{font-family:'Hanken Grotesk',system-ui,sans-serif!important; font-size:12px; letter-spacing:.2em; color:#A36549;}
.lectura .curiosos-notas .nota-texto{font-size:clamp(17px,1.25vw,19px)!important; line-height:1.5!important; font-style:italic; font-weight:340!important; color:#3C3430;}
@media (max-width:640px){ .curiosos-notas{grid-template-columns:1fr; gap:18px;} }

/* v297 · Idiomas más grandes en ordenador (portada y cabecera de las salas) */
@media (min-width:781px){
  .idiomas--inicio a{font-size:16px!important; padding:7px 9px!important; letter-spacing:.14em; opacity:.9;}
  .idiomas--inicio{padding:5px 12px!important; top:28px!important;}
  .cabecera-inner > .idiomas{font-size:14px;}
  .cabecera-inner > .idiomas a{padding:7px 7px; opacity:.85;}
}

/* v298 · Portada: más aire entre la bienvenida y el nombre */
.hero-texto .eyebrow{margin-bottom:clamp(14px,1.6vw,26px)!important;}

/* v305 · Aviso IA en la portada: discreto pero legible */
@media (min-width:781px){
  .hero-foto .aviso-ia{font-size:14px!important; font-weight:400; letter-spacing:.03em; padding:7px 14px; bottom:18px; right:clamp(18px,2.2vw,36px); background:rgba(36,24,18,.62); color:#F5F1EA; border-radius:3px;}
}

/* v307 · «Volver a ver el vídeo»: más grande y legible */
.hero .ver-intro{font-size:14px!important; letter-spacing:.12em; opacity:.92; margin-top:22px; padding:6px 0; color:#F2E4D4;}
.hero .ver-intro em{font-style:italic;}
@media (min-width:1600px){ .hero .ver-intro{font-size:15px!important;} }

/* v309 · Brújula: «Lo que estoy explorando» abre la página, antes de «Lo que estoy conectando» */
.camino-claves--arriba{margin:0 0 clamp(44px,5vw,64px)!important; padding:0 0 clamp(32px,4vw,48px)!important; border-top:0!important; border-bottom:1px solid rgba(143,85,59,.22);}
.camino-claves--arriba .etiqueta-clara{color:#8A4B2C;}
.camino-claves--arriba .marco-roles dt{color:#8A4B2C;}
.camino-claves--arriba .marco-roles dd{color:#3C3834;}

/* v310 · Anatomía de la IA: mapa en horizontal (5 estaciones en columnas, criterio humano como banda debajo) */
@media (min-width:781px) and (max-width:1439px){
  .anatomia .mapa-ia{width:100%; max-width:980px;}
  .anatomia .mapa-fila{grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:36px;}
}
@media (min-width:1440px){
  .anatomia .mapa-ia{display:grid; grid-template-columns:auto repeat(5,minmax(0,1fr)); grid-template-rows:auto auto; grid-auto-flow:column; column-gap:0; margin-top:clamp(28px,3vw,44px);}
  .anatomia .mapa-fila{display:contents;}
  .anatomia .mapa-fila--cab > div:first-child{border:0;}
  .anatomia .mapa-estacion{border-left:0!important; border-top:1px solid rgba(143,85,59,.4); padding:30px 18px 26px 0;}
  .anatomia .mapa-estacion::before{left:0; top:-5px;}
  .anatomia .mapa-piezas{flex-direction:column; align-items:flex-start; gap:10px;}
  .anatomia .mapa-piezas .pieza--riesgo{margin-left:0;}
  .anatomia .mapa-criterio{border-left:0!important; border-top:2px solid #BB785B; padding:16px 18px 6px 0; margin:0;}
  .anatomia .mapa-fila--cab .mapa-criterio{padding:14px 28px 6px 0; border-top:2px solid #BB785B;}
  .anatomia .mapa-fila--cab .mapa-criterio .etiqueta{margin:0; white-space:nowrap;}
  .anatomia .mapa-criterio .pieza{margin-bottom:8px;}
  .anatomia .mapa-fila:last-child .mapa-estacion{border-top-color:rgba(143,85,59,.4);}
  .anatomia .lectura-inner, .anatomia{max-width:none;}
}

/* v311 · Fichas de Anatomía: un solo acento cobre, jerarquía más tranquila */
dialog.ficha-ia .flow-etiqueta{color:#7A6A5E!important; letter-spacing:.16em;}
.lectura dialog.ficha-ia p.ficha-imagen.ficha-imagen.ficha-imagen.ficha-imagen{color:#3C3430!important; font-size:clamp(17px,1.25vw,19px)!important; padding-left:14px; border-left:2px solid #E3B497;}
.lectura dialog.ficha-ia p.ficha-def.ficha-def.ficha-def.ficha-def{font-size:clamp(17px,1.3vw,19px)!important; color:#2A2724;}
dialog.ficha-ia .ficha-texto{color:#4A403A!important;}
dialog.ficha-ia .ficha-rel-btn{color:#5A3A2C; border-color:rgba(143,85,59,.3);}

/* v312 · Prompt Control: ejemplo ilustrativo antes / después */
.pc-ejemplo{margin:22px 0 6px;}
.lectura .flow p.pc-caso{margin:2px 0 14px!important; font-size:16px!important; font-style:italic; color:#4A403A;}
.pc-cols{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px;}
.pc-card{background:#FCFAF6; border-top:2px solid #D8C6B4; padding:18px 20px 20px; box-shadow:0 10px 26px rgba(60,48,36,.06);}
.pc-card--5{border-top-color:#BB785B;}
.lectura .flow .pc-card p{margin:0;}
.lectura .flow p.pc-v{font-family:'Hanken Grotesk',system-ui,sans-serif!important; font-size:12px!important; letter-spacing:.18em; text-transform:uppercase; color:#8A4B2C; margin-bottom:10px!important;}
.lectura .flow p.pc-sub{font-family:'Hanken Grotesk',system-ui,sans-serif!important; font-size:11px!important; letter-spacing:.14em; text-transform:uppercase; color:#7A6A5E; margin:12px 0 4px!important;}
.lectura .flow p.pc-prompt{font-size:15.5px!important; line-height:1.55!important; color:#2A2724;}
.lectura .flow p.pc-resp{font-size:15.5px!important; line-height:1.55!important; font-style:italic; color:#4A403A; padding-left:12px; border-left:2px solid #E3D3C2;}
.lectura .flow p.pc-nota{margin:12px 0 0!important; font-size:13.5px!important; color:#7A6A5E;}
@media (max-width:760px){ .pc-cols{grid-template-columns:1fr;} }
.lectura p.pc-v.pc-v.pc-v.pc-v{font-size:11.5px!important; line-height:1.3!important;}
.lectura p.pc-sub.pc-sub.pc-sub.pc-sub{font-size:10.5px!important; line-height:1.3!important;}
.lectura p.pc-prompt.pc-prompt.pc-prompt, .lectura p.pc-resp.pc-resp.pc-resp{font-size:15px!important; font-weight:340!important;}
.lectura p.pc-caso.pc-caso.pc-caso{font-size:15.5px!important; font-weight:340!important;}
.lectura p.pc-nota.pc-nota.pc-nota{font-size:13.5px!important; font-style:italic;}

.flow-estado--caso{background:#8A4B2C; color:#FBF3E6!important; border-color:#8A4B2C;}

/* v315 · Prompt Control: las 5 versiones en pestañas */
.pc-tabs{display:none; gap:8px; margin:4px 0 14px;}
.pc-js .pc-tabs{display:flex;}
.pc-tab{width:40px; height:40px; border-radius:50%; border:1px solid rgba(143,85,59,.45); background:#FCFAF6; color:#8A4B2C; font:500 15px 'Hanken Grotesk',sans-serif; cursor:pointer; transition:background .2s,color .2s;}
.pc-tab[aria-pressed="true"]{background:#8A4B2C; color:#FBF3E6; border-color:#8A4B2C;}
.pc-tab:focus-visible{outline:2px solid #BB785B; outline-offset:3px;}
.pc-paneles{display:grid; gap:14px;}
.pc-panel{background:#FCFAF6; border-top:2px solid #D8C6B4; padding:18px 22px 20px; box-shadow:0 10px 26px rgba(60,48,36,.06);}
.pc-panel--5{border-top-color:#BB785B;}
.pc-js .pc-panel{display:none;} .pc-js .pc-panel.is-on{display:block;}
.lectura .flow .pc-panel p{margin:0;}
.lectura p.pc-v.pc-v.pc-v.pc-v{font-family:'Hanken Grotesk',system-ui,sans-serif!important; letter-spacing:.18em; text-transform:uppercase; color:#8A4B2C; margin-bottom:10px!important;}
.lectura p.pc-sub.pc-sub.pc-sub.pc-sub{font-family:'Hanken Grotesk',system-ui,sans-serif!important; letter-spacing:.14em; text-transform:uppercase; color:#7A6A5E; margin:12px 0 4px!important;}
.lectura .flow p.pc-resp{font-style:italic; color:#4A403A; padding-left:12px; border-left:2px solid #E3D3C2;}

/* v316 · Ilustraciones de etimologías horizontales: se respeta su proporción */
.pal-img img{aspect-ratio:auto!important; object-fit:contain;}

/* Contacto: la acción de LinkedIn queda bajo el enlace, dentro de la tarjeta. */
@media (min-width:901px){
  .cx3 .cafe-datos .cafe-dato--linkedin{
    display:grid!important;
    grid-template-columns:110px minmax(0,1fr)!important;
    grid-template-areas:"logo val" "logo acc"!important;
    column-gap:14px!important;
    row-gap:3px!important;
    align-items:center!important;
    min-width:0;
  }
  .cx3 .cafe-dato--linkedin .cx-li-logo{grid-area:logo; grid-row:1 / 3;}
  .cx3 .cafe-dato--linkedin .contacto-valor{
    grid-area:val;
    min-width:0;
    white-space:normal!important;
    overflow-wrap:anywhere;
    font-size:clamp(14px,1vw,18px)!important;
  }
  .cx3 .cafe-dato--linkedin .cafe-acciones{
    grid-area:acc;
    justify-self:start!important;
    min-width:0;
  }
  .cx3 .cafe-dato--linkedin .contacto-accion{white-space:normal;}
}

@media (min-width:901px){ .cx3 .cafe-dato--linkedin .cx-li-logo img{width:100%!important; max-width:100%!important; height:auto;} }


/* Legibilidad general: texto y acciones un poco mayores en los cuatro idiomas. */
@media (min-width:781px){
  .lectura p:not(.lenguas-pausa):not(.frase-clave):not(.grupo-intro):not(.conectando-texto),
  .lectura li, .lectura dd, .etapa-cuerpo p, .etapa-cuerpo ul, .camino-cols p, .caso p, .cx3 .cx-parrafo{
    font-size:clamp(19px,1.35vw,21px)!important;
  }
  .sala-intro{font-size:clamp(20px,1.45vw,22px)!important;}
  .hero-parrafo{font-size:19px;}
}
@media (max-width:780px){
  .lectura p:not(.lenguas-pausa):not(.frase-clave), .lectura li, .lectura dd, .etapa-cuerpo p{
    font-size:18px!important;
  }
  .sala-intro{font-size:19px!important;}
  .hero-parrafo{font-size:18px;}
}
.btn,.btn-linea{font-size:14px;}
.enlace-flecha,.enlace-subrayado,.volver,.contacto-accion{font-size:13.5px;}
.pal-azar{font-size:15px;}
@media (max-width:780px){
  .hero-cta .btn,.hero-cta .btn-linea{font-size:12.5px;}
}


/* Invitación a la encuesta al final de ¿Un café? */
.cafe-encuesta{background:#F5F1EA; color:#3C3834; padding:clamp(58px,7vw,104px) 24px;}
.cafe-encuesta-inner{max-width:760px; margin:0 auto; text-align:center;}
.cafe-encuesta h2{margin:0 0 20px; color:#3C2C25; font-family:'Newsreader',Georgia,serif; font-size:clamp(34px,3.7vw,50px); font-weight:350; line-height:1.12;}
.cafe-encuesta-texto{margin:0 auto 14px; max-width:680px; font-size:clamp(19px,1.6vw,22px); line-height:1.55;}
.cafe-encuesta-tiempo{margin:0 0 30px; font-size:18px; font-weight:600; line-height:1.5;}
.cafe-encuesta-enlace{display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:11px 24px; border:1px solid #8A4B2C; border-radius:3px; color:#6E3A21; font-size:14px; font-weight:600; letter-spacing:.1em; text-decoration:none; text-transform:uppercase; transition:background .2s,color .2s;}
.cafe-encuesta-enlace:hover,.cafe-encuesta-enlace:focus-visible{background:#8A4B2C; color:#fff;}
.cafe-encuesta-enlace:focus-visible{outline:2px solid #8A4B2C; outline-offset:3px;}
.cafe-encuesta-gracias{margin:28px 0 0; color:#6B5E54; font-size:13px; line-height:1.5;}
@media (max-width:780px){.cafe-encuesta{padding:58px 22px 64px;}.cafe-encuesta-tiempo{font-size:17px;}.cafe-encuesta-enlace{max-width:100%; white-space:normal;}}


/* Encuesta: botón de cobre y nota de privacidad. */
.cafe-encuesta .cafe-encuesta-enlace{border:0; color:#2A1810; font-size:14px; margin:0; text-align:center;}
.cafe-encuesta .cafe-encuesta-enlace:hover{filter:brightness(1.06); color:#fff;}
.cafe-encuesta-privacidad{max-width:600px; margin:20px auto 0; color:#6B5E54; font-family:'Newsreader',Georgia,serif; font-size:15px; font-style:italic; line-height:1.5;}
.cafe-encuesta-gracias{margin-top:24px;}


/* Introducción a Fuera de guion. */
.lectura .curiosos-intro{max-width:780px; margin:0 0 28px!important; color:#3C3834; font-size:clamp(19px,1.45vw,21px)!important; line-height:1.6!important;}
.curiosos .curiosos-notas{margin-top:0;}
@media (max-width:780px){.lectura .curiosos-intro{font-size:18px!important; margin-bottom:24px!important;}}


/* Mis crónicas: destacadas dentro de Hemeroteca */
.lectura--cronicas .lectura-inner{gap:0;}
.lectura--cronicas .cronicas{margin-bottom:0;}
.hemeroteca-destacadas{display:flex; flex-direction:column; gap:22px; margin:clamp(32px,5vw,64px) 0;}


/* Mis crónicas: dos destinos y artículos visuales */
.reflexiones-lista{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(28px,3vw,48px);}
.reflexion-card{display:flex; flex-direction:column; min-height:0; overflow:hidden; text-decoration:none; color:inherit; background:transparent; border-top:2px solid #B8744E; border-radius:0; box-shadow:none;}
.reflexion-card-img{margin:0; overflow:hidden; aspect-ratio:16/9; background:transparent;}
.reflexion-card-img img{display:block; width:100%; height:100%; object-fit:cover; object-position:50% 25%;}
.reflexion-card-contenido{display:flex; flex-direction:column; align-items:flex-start; gap:10px; padding:18px 0 4px;}
.reflexion-card-titulo{font-size:clamp(21px,2.05vw,30px); line-height:1.1; color:#37251E;}
.reflexion-card-texto{font-size:clamp(14px,1.05vw,17px); line-height:1.45; max-width:38ch;}
.reflexion-card .enlace-flecha{margin-top:4px;}
.taller-practica{display:flex; flex-direction:column; gap:28px;}
.taller-practica .cronicas{margin-bottom:0;}
@media (max-width:700px){.reflexiones-lista{grid-template-columns:1fr; gap:32px;}.reflexion-card-img{aspect-ratio:16/9;}.reflexion-card-contenido{padding-top:14px;}}


/* Lectura de los artículos de Reflexiones */
.reflexion-etiqueta{display:block; margin:0 0 20px; color:#E5A47C;}
.lectura--articulo .lectura-inner{gap:0;}
.reflexion-articulo{max-width:850px; margin:0 auto;}
.reflexion-portada{margin:0 0 clamp(42px,5vw,72px);}
.reflexion-portada img{display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover;}
.reflexion-articulo p{font-size:clamp(18px,1.55vw,22px); line-height:1.7; margin:0 0 1.45em;}
.reflexion-articulo p:last-child{margin-bottom:0;}
.criterium-firma{display:block; margin:clamp(24px,3vw,36px) 0 0; color:#A9643F; font-family:'Hanken Grotesk',system-ui,sans-serif; font-size:clamp(9px,.65vw,11px); font-weight:400; letter-spacing:.06em; line-height:1.3; opacity:.7;}

/* La portada aportada por Eugénie ocupa toda la imagen de la ficha */
.reflexion-card--principito .reflexion-card-img{display:block; background:transparent;}
.reflexion-card--principito .reflexion-card-img img{height:100%; object-fit:cover;}
.reflexion-articulo .reflexion-portada img{aspect-ratio:auto; object-fit:contain;}

/* Legibilidad del encabezado y de la portada. El nombre conserva su tamaño. */
@media (min-width:1001px){
  .cabecera-inner{height:96px; gap:18px;}
  .cabecera-firma{flex:0 0 auto;}
  .cabecera-menu{gap:clamp(20px,2.2vw,34px);}
  .cabecera-menu a{font-size:15px!important; line-height:1.35; letter-spacing:.12em; padding:10px 0 7px;}
  .cabecera-cv{min-height:54px; padding-inline:28px; font-size:15px; letter-spacing:.13em;}
  .cabecera-inner > .idiomas{font-size:15px; margin-left:16px; padding-left:16px;}
  .cabecera-inner > .idiomas a{padding:9px 7px;}
  .cabecera.fija .cabecera-inner{height:68px;}
  .cabecera.fija .cabecera-firma img{height:46px;}
  .cabecera.fija .cabecera-cv{min-height:48px; padding-block:0;}
}
@media (min-width:1001px) and (max-width:1239px){
  .cabecera-menu,.cabecera-cv{display:none;}
  .cabecera-inner > .btn-menu{display:inline-flex; align-items:center; min-height:50px; padding-inline:20px; font-size:15px;}
  .cabecera-inner > .idiomas{margin-left:auto;}
}
@media (min-width:781px) and (max-width:1000px){
  .cabecera-inner{height:88px;}
  .cabecera-inner > .idiomas{font-size:15px;}
  .cabecera-inner > .idiomas a{padding:9px 8px;}
  .cabecera-inner > .btn-menu{min-height:50px; padding-inline:20px; font-size:15px;}
}
@media (min-width:781px){
  .hero-texto .eyebrow{font-size:15px;}
  .hero-frase{font-size:clamp(32px,3vw,42px); line-height:1.22;}
  .hero-parrafo{font-size:clamp(20px,1.5vw,23px); line-height:1.58;}
  .hero-cta .btn{min-height:56px; padding:0 30px; font-size:16px;}
  .hero .ver-intro{font-size:16px!important;}
  .puertas-lista .puerta-titulo{font-size:clamp(24px,2vw,29px);}
}
@media (min-width:1600px){
  .hero-texto .eyebrow{font-size:clamp(16px,.9vw,20px);}
  .hero-frase{font-size:clamp(42px,2.5vw,56px);}
  .hero-parrafo{font-size:clamp(22px,1.25vw,28px);}
  .hero-cta .btn{font-size:18px; min-height:62px;}
}
@media (max-width:780px){
  .cabecera-inner > .btn-menu{min-height:48px; padding-inline:17px; font-size:14px;}
  .hero-texto .eyebrow{font-size:14px; line-height:1.45;}
  .hero-frase{font-size:27px; line-height:1.25;}
  .hero-parrafo{font-size:20px; line-height:1.58;}
  .hero-cta .btn{min-height:52px; padding-inline:22px; font-size:15px;}
  .hero .ver-intro{font-size:15px!important;}
  .puertas-lista .puerta-titulo{font-size:24px!important;}
}

/* Aprendizaje activo: retrato amplio, sin marco y fundido con el fondo */
.gota-grid .foto-gota::before{display:none;}
@media (min-width:1001px){
  .lateral-grid.gota-grid{grid-template-columns:minmax(0,56%) minmax(0,44%)!important; gap:0!important; align-items:start;}
  .gota-grid .lateral-texto{position:relative; z-index:1; max-width:none; padding-right:clamp(24px,3vw,48px)!important;}
  .gota-grid .foto-gota{position:relative; top:auto; margin:-24px calc(-1 * clamp(24px,8.33vw,120px)) 0 -48px; min-height:clamp(700px,66vw,940px);}
  .gota-grid .foto-gota img{position:absolute; inset:0; width:100%; height:100%; aspect-ratio:auto; object-fit:cover; object-position:50% 12%; border-radius:0; opacity:.58; filter:saturate(.76) contrast(.91) brightness(1.06);
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 27%,#000 83%,transparent 100%),linear-gradient(180deg,transparent 0,#000 13%,#000 72%,transparent 100%);
    -webkit-mask-composite:source-in; mask-image:linear-gradient(90deg,transparent 0,#000 27%,#000 83%,transparent 100%),linear-gradient(180deg,transparent 0,#000 13%,#000 72%,transparent 100%); mask-composite:intersect;}
}
@media (max-width:1000px){
  .gota-grid .foto-gota{position:relative; top:auto; width:100%; max-width:560px; margin:24px auto 0;}
  .gota-grid .foto-gota img{width:100%; height:auto; aspect-ratio:4/5; object-position:50% 12%; border-radius:0; opacity:.58; filter:saturate(.76) contrast(.91) brightness(1.06);
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 15%,#000 85%,transparent 100%),linear-gradient(180deg,transparent 0,#000 12%,#000 72%,transparent 100%);
    -webkit-mask-composite:source-in; mask-image:linear-gradient(90deg,transparent 0,#000 15%,#000 85%,transparent 100%),linear-gradient(180deg,transparent 0,#000 12%,#000 72%,transparent 100%); mask-composite:intersect;}
}

/* Prueba editorial acotada a Mi mirada */
@media (min-width:781px){
  .mirada-editorial .cabecera-inner,.mirada-editorial .sala-hero-inner,.mirada-editorial .lectura-inner{width:min(1200px,calc(100% - 72px));max-width:1200px;margin-inline:auto;}
  .mirada-editorial .cabecera-firma img{height:42px;}
  .mirada-editorial .cabecera-cv{background:none;box-shadow:none;border:0;color:#F5E6D6;padding-inline:2px;min-height:0;}
  .mirada-editorial .cabecera-cv:hover,.mirada-editorial .cabecera-menu a:hover{text-decoration:underline;text-decoration-color:#D28B6C;text-underline-offset:9px;}
  .mirada-editorial .sala-hero-inner{padding-top:clamp(90px,9vw,140px);}
  .mirada-editorial .lectura-inner{padding-top:clamp(72px,7vw,110px);}
}

/* Criterium: secuencia editorial asimétrica */
@media (min-width:781px){
  .lectura--reflexiones .reflexiones-lista{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:clamp(56px,7vw,112px);align-items:start;}
  .lectura--reflexiones .reflexion-card{position:relative;border:0;overflow:visible;}
  .lectura--reflexiones .reflexion-card:first-child{padding:13px;background:linear-gradient(135deg,#D28B6C,#A36549 45%,#D28B6C);box-shadow:0 18px 36px rgba(61,42,32,.16);}
  .lectura--reflexiones .reflexion-card:first-child .reflexion-card-img{aspect-ratio:4/5;}
  .lectura--reflexiones .reflexion-card:first-child .reflexion-card-contenido{padding:24px 22px 18px;background:#F5F1EA;}
  .lectura--reflexiones .reflexion-card:nth-child(2){margin-top:clamp(130px,17vw,290px);padding-top:18px;border-top:1px solid #B8744E;}
  .lectura--reflexiones .reflexion-card:nth-child(2) .reflexion-card-img{display:none;}
}
.reflexion-mobile{display:block;position:relative;width:min(78%,250px);margin:0 auto 20px;padding:9px 7px 14px;border:5px solid #A36549;border-radius:30px;background:#37251E;box-shadow:8px 13px 24px rgba(62,40,28,.2);transform:rotate(3deg);}
.reflexion-mobile::before{content:'';display:block;width:29%;height:5px;margin:0 auto 8px;border-radius:5px;background:#D28B6C;}
.reflexion-mobile-screen{display:block;background:#F5F1EA;min-height:230px;overflow:hidden;border-radius:15px;color:#37251E;}
.reflexion-mobile-screen img{display:block;width:100%;height:190px;object-fit:cover;}
.reflexion-mobile-title{display:block;padding:13px 13px 5px;font-family:'Newsreader',Georgia,serif;font-size:18px;line-height:1.15;}
.reflexion-mobile-text{display:block;padding:0 13px 16px;font-size:11px;line-height:1.35;}
@media (max-width:780px){.lectura--reflexiones .reflexiones-lista{grid-template-columns:1fr;}.reflexion-mobile{width:min(58%,220px);margin:10px auto 20px;}}
.reflexion-mobile-brand{display:block;padding:10px 13px 0;color:#A36549;font:10px 'Hanken Grotesk',sans-serif;letter-spacing:.14em;text-transform:uppercase;}

/* LinkedIn Log: diez publicaciones en un carrusel de cobre cepillado */
.arch-carousel{position:relative;padding:clamp(28px,4vw,58px) clamp(35px,5vw,76px) 20px;background:#A36549 url('../img/cobre-boton.jpg') center/cover;box-shadow:0 15px 28px rgba(55,37,30,.22);}
.arch-carousel .arch-destacados{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.8vw,25px);align-items:center;margin:0;}
.arch-carousel-card{display:flex;flex-direction:column;min-width:0;background:#F5F1EA;color:#37251E;text-decoration:none;box-shadow:0 8px 18px rgba(55,37,30,.25);transition:transform .25s,box-shadow .25s;}
.arch-carousel-card:hover{transform:translateY(-5px);box-shadow:0 16px 25px rgba(55,37,30,.3);}
.arch-carousel-card--active{transform:translateY(-8px);box-shadow:0 14px 25px rgba(55,37,30,.32);}
.arch-carousel-visual{display:block;aspect-ratio:4/5;overflow:hidden;background:#E8DACA;}
.arch-carousel-visual img{width:100%;height:100%;object-fit:cover;display:block;}
.arch-carousel-visual--type{display:flex;flex-direction:column;justify-content:space-between;padding:12% 10%;background:linear-gradient(155deg,#F5F1EA,#E8DACA);}
.arch-carousel-brand,.arch-carousel-angle,.arch-carousel-more{font:10px 'Hanken Grotesk',sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#8A4B2C;}
.arch-carousel-cover-title{font:italic clamp(20px,2.2vw,34px)/1.12 'Newsreader',Georgia,serif;}
.arch-carousel-cover-rule{width:35%;height:1px;background:#A36549;}
.arch-carousel-body{display:flex;flex-direction:column;gap:8px;min-height:145px;padding:16px 17px 20px;}
.arch-carousel-title{font:clamp(17px,1.4vw,21px)/1.17 'Newsreader',Georgia,serif;}
.arch-carousel-more{margin-top:auto;}
.arch-carousel-arrow{position:absolute;top:45%;z-index:2;width:35px;height:52px;border:1px solid rgba(255,255,255,.4);background:#8A4B2C;color:#F5F1EA;font-size:32px;cursor:pointer;}
.arch-carousel-prev{left:0;}.arch-carousel-next{right:0;}
.arch-carousel-arrow:hover,.arch-carousel-arrow:focus-visible{background:#6E3A21;}
.arch-carousel-progress{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:24px;color:#F5F1EA;font:11px 'Hanken Grotesk',sans-serif;letter-spacing:.12em;}
.arch-carousel-dots{display:flex;gap:7px;}
.arch-carousel-dot{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:rgba(245,241,234,.46);cursor:pointer;}
.arch-carousel-dot[aria-current='true']{background:#F5F1EA;transform:scale(1.2);}
@media (max-width:780px){.arch-carousel{padding:26px 44px 18px;}.arch-carousel .arch-destacados{grid-template-columns:1fr;max-width:380px;margin:auto;}.arch-carousel-card--side{display:none;}.arch-carousel-card--active{transform:none;}.arch-carousel-body{min-height:110px;}.arch-carousel-arrow{width:33px;height:46px;}.arch-carousel-visual{aspect-ratio:4/5;}}

/* ¿Un café?: invitación a la encuesta en un móvil */
.cafe-encuesta .cafe-encuesta-layout{max-width:1100px;display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,285px);gap:clamp(40px,7vw,110px);align-items:center;text-align:left;}
.cafe-encuesta-copy h2,.cafe-encuesta-copy .cafe-encuesta-texto{margin-left:0;text-align:left;}
.cafe-encuesta-phone{display:block;padding:10px 8px 16px;border:6px solid #A36549;border-radius:34px;background:#37251E;box-shadow:13px 18px 28px rgba(55,37,30,.19);text-decoration:none;transform:rotate(2deg);}
.cafe-encuesta-phone::before{content:'';display:block;width:30%;height:5px;margin:0 auto 8px;border-radius:10px;background:#D28B6C;}
.cafe-encuesta-phone-screen{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:390px;overflow:hidden;border-radius:19px;background:#E8DACA;}
.cafe-encuesta-phone-screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%;}
.cafe-encuesta-phone-screen::after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(37,25,20,.8));}
.cafe-encuesta-phone-label,.cafe-encuesta-phone-button{z-index:1;position:relative;margin:0 15px 14px;color:#fff;}
.cafe-encuesta-phone-label{font:italic 24px 'Newsreader',Georgia,serif;}
.cafe-encuesta-phone-button{display:block;padding:12px 10px;text-align:center;background:#A36549;font:11px 'Hanken Grotesk',sans-serif;letter-spacing:.08em;text-transform:uppercase;}
.cafe-encuesta-phone:hover .cafe-encuesta-phone-button{background:#8A4B2C;}
@media (max-width:780px){.cafe-encuesta .cafe-encuesta-layout{grid-template-columns:1fr;text-align:center;gap:35px;}.cafe-encuesta-copy h2,.cafe-encuesta-copy .cafe-encuesta-texto{text-align:center;}.cafe-encuesta-phone{width:min(275px,80%);margin:auto;}}

/* Mi taller: formación visible en breve y documentación desplegable */
.taller-focos{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0 16px;}
.taller-focos span{padding:8px 12px;border:1px solid rgba(143,85,59,.33);border-radius:30px;color:#8A4B2C;font:11px 'Hanken Grotesk',sans-serif;letter-spacing:.07em;}
.taller-detalles{margin-top:28px;border-top:1px solid rgba(143,85,59,.32);border-bottom:1px solid rgba(143,85,59,.24);}
.taller-detalles summary{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:55px;list-style:none;cursor:pointer;color:#8A4B2C;font:12px 'Hanken Grotesk',sans-serif;letter-spacing:.13em;text-transform:uppercase;}
.taller-detalles summary::-webkit-details-marker{display:none;}
.taller-detalles summary span{font-size:17px;transition:transform .2s;}
.taller-detalles[open] summary span{transform:rotate(180deg);}
.taller-detalles:focus-within{outline:1px solid #A36549;outline-offset:3px;}
.taller-detalles > :not(summary){margin-bottom:22px;}
.taller-detalles--archivo{margin-top:14px;}
.taller-detalles--archivo section{padding:24px 0 0;}
.taller-brujula-lede{max-width:660px;margin:0 0 28px;color:#3A2A22;font-size:clamp(18px,1.7vw,22px);line-height:1.45;}
.taller-flows-lede{max-width:620px;margin:0 0 22px;color:#3A2A22;font-size:clamp(19px,1.8vw,23px);line-height:1.45;}
.taller-detalles--flows{margin:0 0 25px;}
.taller-detalles--flows .flows-intro{padding-top:16px;}
.taller-en-exploracion{grid-column:1/-1;margin:30px 0 0;padding:24px 0;border-top:1px solid rgba(143,85,59,.3);}
.taller-en-exploracion ul{display:flex;flex-wrap:wrap;gap:9px;list-style:none;padding:0;margin:16px 0 0;}
.taller-en-exploracion li{padding:9px 13px;border:1px solid rgba(143,85,59,.3);border-radius:24px;color:#5E4435;font:12px 'Hanken Grotesk',sans-serif;}

/* Criterium: tercera pieza y artículo trasladado desde Brújula */
.lectura--reflexiones .reflexion-card--compra{grid-column:1/-1;width:min(68%,690px);margin:30px 0 20px auto;padding:30px 32px;border:1px solid rgba(163,101,73,.55);background:linear-gradient(145deg,#F5F1EA,#E8DACA);box-shadow:9px 14px 24px rgba(61,42,32,.11);}
.reflexion-card--compra .reflexion-card-contenido{padding:0;}
.reflexion-card-kicker{color:#A36549;font:11px 'Hanken Grotesk',sans-serif;letter-spacing:.14em;text-transform:uppercase;}
.reflexion-card-route{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;padding-top:17px;border-top:1px solid rgba(143,85,59,.26);font:italic 16px 'Newsreader',Georgia,serif;color:#8A4B2C;}
.reflexion-card-route i{font-style:normal;}
.reflexion-articulo--compra .descubriendo{margin:0 0 60px;padding:0;border:0;}
.reflexion-articulo--compra .descubriendo-texto{max-width:100%;}
.reflexion-articulo--compra .descubriendo-tira{margin-top:42px;}
.reflexion-notas{margin:70px 0 40px;padding-top:42px;border-top:1px solid rgba(143,85,59,.35);}
.reflexion-notas h2{font-size:clamp(27px,2.5vw,37px);font-weight:350;}
.reflexion-notas .camino-grid{gap:34px;}
.reflexion-notas .camino-texto p{font-size:clamp(17px,1.4vw,20px);}
@media (max-width:780px){.lectura--reflexiones .reflexion-card--compra{width:100%;margin:8px 0 0;padding:25px 22px;}.taller-focos{margin-top:22px;}.taller-en-exploracion ul{display:block;}.taller-en-exploracion li{display:inline-block;margin:0 5px 7px 0;}}

/* Taller: la portada presenta el foco actual de un vistazo */
.taller-atelier .lateral-texto{gap:0;padding-top:55px;padding-bottom:60px;}
.taller-atelier .lateral-texto .bloque{margin:0;}
.taller-atelier .formacion-principal{padding:21px 25px;gap:18px;min-height:115px;}
.taller-atelier .formacion-principal + .formacion-principal{margin-top:15px;}
.taller-atelier .formacion-principal-titulo{font-size:clamp(20px,2vw,25px);line-height:1.15;}
.taller-atelier .formacion-principal-fecha{font-size:clamp(14px,1.15vw,17px);white-space:normal;text-align:right;min-width:105px;line-height:1.3;}
.taller-atelier .formacion-vitalicio{display:block;font-size:11px;}
.taller-atelier .taller-focos{margin-top:24px;margin-bottom:11px;}
.taller-atelier .herr-nota{max-width:53ch;margin:0 0 12px;}
.taller-atelier .taller-detalles--archivo{margin-top:12px;}
@media (min-width:1001px){
  .taller-atelier .lateral-grid.gota-grid{grid-template-columns:minmax(0,56%) minmax(0,44%)!important;min-height:650px;}
  .taller-atelier .gota-grid .foto-gota{height:650px;min-height:650px;margin:0 calc(-1 * clamp(24px,8.33vw,120px)) 0 -25px;}
  .taller-atelier .gota-grid .foto-gota img{object-position:50% 7%;}
}
@media (max-width:1000px){.taller-atelier .lateral-grid.gota-grid{display:block;}.taller-atelier .gota-grid .foto-gota{max-width:460px;margin:0 auto 15px;}.taller-atelier .lateral-texto{padding-bottom:20px;}}
@media (max-width:580px){.taller-atelier .formacion-principal{padding:18px 20px;}.taller-atelier .formacion-principal-fecha{text-align:left;min-width:0;}.taller-atelier .taller-focos span{font-size:10px;}}

/* Criterium y ADN del lenguaje: composición editorial de la referencia validada */
.criterium-nav-shell{min-height:0;padding:10px 0 16px;}
.criterium-nav-shell .contenedor{display:flex;justify-content:flex-end;}
.criterium-nav-shell .subnav-v{width:min(500px,100%);margin:0!important;}
.criterium-editorial{background:#E8DACA;}
.criterium-inner{max-width:1320px;padding-top:34px;padding-bottom:60px;}
.criterium-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin:0 0 30px;padding:0 18px;}
.criterium-heading>div,.adn-preview-heading>div{position:relative;padding-left:45px;}
.criterium-num{position:absolute;left:0;top:7px;color:#A36549;font:20px 'Newsreader',Georgia,serif;}
.criterium-heading h1,.adn-preview h2{margin:0;color:#37251E;font:clamp(42px,4.1vw,66px)/.98 'Newsreader',Georgia,serif;}
.criterium-sub{margin:4px 0 0;color:#6E3A21;font:italic clamp(18px,1.6vw,24px)/1.2 'Newsreader',Georgia,serif;}
.criterium-intro{max-width:340px;margin:0;padding-left:22px;border-left:1px solid #B8744E;color:#5E4435;font:16px/1.35 'Newsreader',Georgia,serif;}
.criterium-feature{display:grid;grid-template-columns:minmax(0,61%) minmax(0,39%);min-height:380px;color:#37251E;text-decoration:none;border:1px solid #B8744E;background:#F5F1EA;box-shadow:0 13px 27px rgba(61,42,32,.12);}
.criterium-feature figure{margin:0;padding:10px;background:linear-gradient(135deg,#D28B6C,#A36549 48%,#D28B6C);}
.criterium-feature figure img{display:block;width:100%;height:100%;min-height:358px;object-fit:cover;}
.criterium-feature-copy{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(30px,4vw,58px);position:relative;}
.criterium-kicker,.criterium-mini small,.adn-words-head{color:#A36549;font:11px 'Hanken Grotesk',sans-serif;letter-spacing:.15em;text-transform:uppercase;}
.criterium-feature h3{font:clamp(31px,3.3vw,49px)/1.02 'Newsreader',Georgia,serif;margin:27px 0 18px;}
.criterium-feature-copy p{font:clamp(15px,1.2vw,19px)/1.4 'Newsreader',Georgia,serif;margin:0 0 24px;max-width:33ch;}
.criterium-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 22px;color:#37251E;background:#D28B6C url('../img/cobre-boton.jpg') center/cover;border:1px solid #A36549;box-shadow:0 4px 9px rgba(55,37,30,.15);font:10px 'Hanken Grotesk',sans-serif;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;}
.criterium-feature-copy small{position:absolute;bottom:18px;right:22px;color:#A36549;font:12px 'Newsreader',Georgia,serif;}
.criterium-secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:20px;}
.criterium-mini{display:grid;grid-template-columns:42% 1fr;gap:17px;min-height:190px;color:#37251E;text-decoration:none;border-right:1px solid rgba(163,101,73,.3);}
.criterium-mini img{width:100%;height:100%;min-height:190px;object-fit:cover;}
.criterium-mini span{display:flex;flex-direction:column;align-items:flex-start;padding:9px 14px 12px 0;}
.criterium-mini b{margin-top:17px;font-size:clamp(22px,2vw,31px);font-weight:400;line-height:1.03;}
.criterium-mini em{margin:9px 0 13px;font:normal 15px/1.3 'Newsreader',Georgia,serif;}
.criterium-mini strong{margin-top:auto;color:#A36549;font:10px 'Hanken Grotesk',sans-serif;letter-spacing:.11em;text-transform:uppercase;}
.criterium-feature:hover,.criterium-mini:hover,.adn-word:hover{filter:brightness(.98);}
.adn-preview{margin-top:48px;padding-top:34px;border-top:2px solid #A36549;}
.adn-preview-heading{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:0 18px;}
.adn-preview-heading>div>p:not(.criterium-sub){max-width:52ch;margin:22px 0 15px;font:16px/1.42 'Newsreader',Georgia,serif;color:#5E4435;}
.adn-preview-photo img{display:block;width:100%;height:260px;object-fit:cover;}
.adn-words-head{display:flex;justify-content:space-between;gap:15px;margin:28px 0 10px;}
.adn-words-head a{color:#8A4B2C;text-decoration:none;}
.adn-words{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.adn-word{display:grid;grid-template-columns:40% 1fr;gap:14px;min-height:115px;color:#37251E;text-decoration:none;border-top:1px solid rgba(163,101,73,.45);padding-top:10px;}
.adn-word img{width:100%;height:110px;object-fit:cover;}
.adn-word span{display:flex;flex-direction:column;gap:13px;}
.adn-word b{font:normal 25px 'Newsreader',Georgia,serif;}
.adn-word small{color:#A36549;font:10px 'Hanken Grotesk',sans-serif;letter-spacing:.08em;text-transform:uppercase;}
@media(max-width:900px){.criterium-feature{grid-template-columns:1fr;}.criterium-feature figure img{height:310px;min-height:0;}.criterium-secondary{grid-template-columns:1fr 1fr;}.criterium-mini{grid-template-columns:1fr;}.criterium-mini img{height:180px;min-height:0;}.criterium-mini span{padding:4px 0 12px;}}
@media(max-width:640px){.criterium-nav-shell .contenedor{justify-content:center;}.criterium-heading,.adn-preview-heading{display:block;padding-inline:0;}.criterium-intro{margin:22px 0 0 45px;}.criterium-feature-copy{padding:28px 24px 40px;}.criterium-feature h3{margin:18px 0 12px;}.criterium-secondary{grid-template-columns:1fr;}.criterium-mini{grid-template-columns:40% 1fr;min-height:130px;}.criterium-mini img{height:150px;}.criterium-mini b{font-size:23px;margin-top:8px;}.criterium-mini em{font-size:13px;}.adn-preview-photo{display:block;margin:22px 0 0;}.adn-preview-photo img{height:170px;}.adn-words{grid-template-columns:1fr;}.adn-word{grid-template-columns:33% 1fr;}.adn-word img{height:90px;}}

/* Retratos de Mirada y Recorrido: misma transparencia suave que Aprendizaje activo */
.lectura--capitulos .capitulos-foto::before{display:none!important;}
.lectura--capitulos .capitulos-foto img{border-radius:0!important;opacity:.58!important;filter:saturate(.76) contrast(.91) brightness(1.06)!important;}
@media(min-width:901px){.lectura--capitulos .capitulos-foto img{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 27%,#000 83%,transparent 100%),linear-gradient(180deg,transparent 0,#000 13%,#000 72%,transparent 100%)!important;-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 27%,#000 83%,transparent 100%),linear-gradient(180deg,transparent 0,#000 13%,#000 72%,transparent 100%)!important;mask-composite:intersect;}}
@media(max-width:900px){.lectura--capitulos .capitulos-foto img{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 15%,#000 85%,transparent 100%),linear-gradient(180deg,transparent 0,#000 12%,#000 72%,transparent 100%)!important;-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 15%,#000 85%,transparent 100%),linear-gradient(180deg,transparent 0,#000 12%,#000 72%,transparent 100%)!important;mask-composite:intersect;}}

/* Carrusel: tarjetas iguales, imagen sin la banda inferior y títulos completos */
.arch-carousel .arch-destacados{align-items:stretch;}
.arch-carousel-card,.arch-carousel-card--active{height:520px;transform:none;}
.arch-carousel-card:hover{transform:translateY(-4px);}
.arch-carousel-visual{height:310px;flex:0 0 310px;aspect-ratio:auto;}
.arch-carousel-visual--image img{width:100%;height:100%;object-fit:cover;object-position:center top;transform:scale(1.17);transform-origin:center top;}
.arch-carousel-body{flex:1;min-height:0;height:auto;padding:16px 17px 18px;}
.arch-carousel-title{font-size:clamp(16px,1.35vw,20px);line-height:1.16;}
@media(max-width:780px){.arch-carousel-card,.arch-carousel-card--active{height:520px;}.arch-carousel-visual{height:315px;flex-basis:315px;aspect-ratio:auto;}}

/* Aprendizaje activo: formación abierta sin caja y AnatomIA como mapa personal */
.taller-atelier .taller-detalles:focus-within{outline:none;}
.taller-atelier .taller-detalles summary:focus-visible{outline:1px solid #A36549;outline-offset:3px;}
.taller-atelier .taller-detalles > .formacion-columnas{padding:24px 14px 16px 18px;margin:0 0 18px;border:0;box-shadow:none;background:transparent;}
.taller-atelier .taller-detalles > .formacion-columnas .formacion-lista{row-gap:14px;}
.anat-feature{display:flex;flex-direction:column;align-items:flex-start;gap:10px;position:relative;margin:30px 0 22px;padding:12px 18px 12px 24px;border-left:2px solid #B8744E;color:#37251E;text-decoration:none;background:transparent;}
.anat-feature::after{content:'';position:absolute;left:-2px;top:0;width:2px;height:36px;background:#D28B6C;}
.anat-feature-label{color:#A36549;font:10px 'Hanken Grotesk',sans-serif;letter-spacing:.16em;text-transform:uppercase;}
.anat-feature-title{font-size:clamp(26px,2.5vw,37px);line-height:1.05;}
.anat-feature-desc{max-width:46ch;font:clamp(15px,1.16vw,17px)/1.38 'Newsreader',Georgia,serif;}
.anat-feature-diagram{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:6px;color:#8A4B2C;font:11px 'Hanken Grotesk',sans-serif;letter-spacing:.03em;}
.anat-feature-diagram i{font-style:normal;}
.anat-feature-diagram b{font-weight:400;color:#D28B6C;}
.anat-feature-cta{margin-top:8px;color:#8A4B2C;font:10px 'Hanken Grotesk',sans-serif;letter-spacing:.15em;text-transform:uppercase;}
.anat-feature:hover .anat-feature-cta{text-decoration:underline;text-underline-offset:5px;}
.herr-editorial{margin:28px 0 10px;padding:20px 0 12px;}
.herr-editorial .etiqueta{margin-bottom:16px;}
.herr-familias{display:flex;flex-wrap:wrap;gap:7px 0;list-style:none;padding:0;margin:0 0 18px;color:#6E3A21;font-size:20px;line-height:1.3;}
.herr-familias li:not(:last-child)::after{content:'·';display:inline-block;margin:0 10px;color:#B8744E;}
.herr-editorial .herr-nota{margin:0 0 16px;}
.herr-ejemplos{border:0;background:transparent;}
.herr-ejemplos summary{display:inline-flex;align-items:center;gap:12px;list-style:none;cursor:pointer;color:#8A4B2C;font:10px 'Hanken Grotesk',sans-serif;letter-spacing:.13em;text-transform:uppercase;padding:8px 0;}
.herr-ejemplos summary::-webkit-details-marker{display:none;}
.herr-ejemplos summary:focus-visible{outline:1px solid #A36549;outline-offset:5px;}
.herr-ejemplos[open] summary span{transform:rotate(90deg);}
.herr-ejemplos ul{display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none;margin:14px 0 0;padding:0 0 0 14px;border-left:1px solid rgba(163,101,73,.3);font:15px/1.5 'Newsreader',Georgia,serif;color:#5E4435;}
.anatomia-journey{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin:42px 0 30px;border-top:1px solid #A36549;}
.anatomia-stage{position:relative;padding:22px 14px 18px;border-right:1px solid rgba(163,101,73,.25);}
.anatomia-stage:first-child{padding-left:0;}.anatomia-stage:last-child{border-right:0;padding-right:0;}
.anatomia-stage::before{content:'';position:absolute;left:-4px;top:-5px;width:7px;height:7px;background:#E8DACA;border:1px solid #A36549;border-radius:50%;}
.anatomia-stage h3,.anatomia-human h3{font:13px/1.5 'Hanken Grotesk',sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#8A4B2C;margin:0 0 13px;min-height:40px;}
.anatomia-stage .anatomia-stage-intro{font:italic 16px/1.28 'Newsreader',Georgia,serif!important;color:#6E5A4E!important;min-height:92px;margin:0 0 20px!important;}
.anatomia-pieces{display:flex;flex-direction:column;gap:12px;}
.anatomia-piece{display:flex;align-items:flex-start;gap:10px;width:100%;padding:14px 11px;background:#FCFAF6;color:#37251E;border:1px solid rgba(163,101,73,.16);border-radius:3px;text-align:left;cursor:pointer;box-shadow:0 6px 14px rgba(61,42,32,.07);}
.anatomia-piece svg{width:29px;height:34px;flex:0 0 29px;color:#A36549;}
.anatomia-piece span{min-width:0;display:flex;flex-direction:column;gap:5px;}
.anatomia-piece b{font:normal 21px/1.1 'Newsreader',Georgia,serif;}
.anatomia-piece small{font:14px/1.25 'Newsreader',Georgia,serif;color:#5E4435;}
.anatomia-piece--skill{background:#A36549 url('../img/cobre-boton.jpg') center/cover;color:#FCFAF6;margin-top:24px;padding-block:24px;}
.anatomia-piece--skill svg,.anatomia-piece--skill small{color:#FCFAF6;}
.anatomia-piece:hover{border-color:#A36549;transform:translateY(-2px);}
.anatomia-piece:focus-visible,.anatomia-human-piece:focus-visible{outline:2px solid #A36549;outline-offset:3px;}
.anatomia-human{display:grid;grid-template-columns:21% 1fr;gap:25px;border-top:2px solid #A36549;padding-top:22px;margin:10px 0 28px;}
.anatomia-human h3{min-height:0;}.anatomia-human>div>p{font:italic 18px/1.35 'Newsreader',Georgia,serif!important;color:#6E5A4E!important;}
.anatomia-human-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start;padding-top:8px;}
.anatomia-human-piece{display:flex;align-items:center;gap:17px;position:relative;padding:16px;background:#FCFAF6;color:#37251E;border:1px solid rgba(163,101,73,.13);text-align:left;font:17px/1.3 'Newsreader',Georgia,serif;}
button.anatomia-human-piece{cursor:pointer;}
.anatomia-human-piece svg{width:39px;height:39px;color:#A36549;flex:0 0 39px;}
.anatomia-human-piece::before{content:'↑';position:absolute;top:-27px;left:50%;color:#A36549;font:23px 'Newsreader',Georgia,serif;}
.anatomia-dialog .ficha-ia-inner{grid-template-columns:110px minmax(0,1fr);padding:34px;gap:27px;}
.anatomia-dialog .ficha-ilus{border:0;background:transparent;color:#A36549;padding:6px;}
.anatomia-dialog .ficha-ilus svg{width:100%;height:auto;}
.anatomia-dialog-copy{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:23px;}
.anatomia-dialog .ficha-exp{margin-top:24px;}
@media(max-width:1140px){.anatomia-journey{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:24px;}.anatomia-stage:nth-child(3){border-right:0;}.anatomia-stage:nth-child(n+4){border-top:1px solid #A36549;}.anatomia-stage .anatomia-stage-intro{min-height:65px;}.anatomia-piece small{font-size:15px;}.anatomia-human{grid-template-columns:1fr;}.anatomia-human-items{padding-top:16px;}}
@media(max-width:700px){.anatomia-journey{grid-template-columns:repeat(2,minmax(0,1fr));}.anatomia-stage:nth-child(3){border-right:1px solid rgba(163,101,73,.25);}.anatomia-stage:nth-child(even){border-right:0;}.anatomia-stage:nth-child(n+3){border-top:1px solid #A36549;}.anatomia-stage:first-child{padding-left:14px;}.anatomia-human-items{grid-template-columns:1fr;gap:25px;}.anatomia-dialog .ficha-ia-inner{grid-template-columns:1fr;padding:28px 24px;}.anatomia-dialog .ficha-ilus{width:65px;}.anatomia-dialog-copy{grid-template-columns:1fr;gap:18px;}}
@media(max-width:450px){.anatomia-journey{grid-template-columns:1fr;gap:18px;}.anatomia-stage{padding:18px 0!important;border-right:0!important;border-top:1px solid #A36549;}.anatomia-stage h3{min-height:0;}.anatomia-stage .anatomia-stage-intro{min-height:0;margin-bottom:15px!important;}.anatomia-piece--skill{margin-top:0;}.anatomia-piece{padding:16px;}}
.criterium-nav-shell{padding-top:115px;padding-bottom:18px;}
.criterium-nav-shell .subnav-v{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px 18px;width:auto;border:0;padding:0;}
.criterium-nav-shell .subnav-v a{padding:8px 12px;border:0;}
.criterium-nav-shell .subnav-volver{display:none!important;}
.criterium-editorial .criterium-intro{font-size:16px!important;line-height:1.35!important;}
.criterium-heading h2{margin:0;color:#37251E;font:clamp(42px,4.1vw,66px)/.98 'Newsreader',Georgia,serif;}
.adn-editorial-head{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,70px);align-items:center;margin-bottom:25px;}
.adn-editorial-head figure{margin:0;}
.adn-editorial-head img{display:block;width:100%;height:270px;object-fit:cover;}
.adn-editorial-head .fuera-intro{font-size:18px!important;line-height:1.4!important;}
@media(max-width:780px){.adn-editorial-head{grid-template-columns:1fr;gap:20px;}.adn-editorial-head img{height:190px;}}
.criterium-editorial .criterium-sub{font-size:22px!important;line-height:1.2!important;}
.criterium-feature{min-height:330px;}
.criterium-feature figure img{min-height:310px;}
.criterium-feature-copy{padding:30px 32px 38px;}
.criterium-feature h3{font-size:clamp(30px,3vw,41px);margin:20px 0 16px;}
.criterium-editorial .criterium-feature-copy p{font-size:17px!important;line-height:1.35!important;}
.criterium-mini img{height:190px;min-height:0;}
.criterium-editorial .adn-preview-heading>div>p:not(.criterium-sub){font-size:16px!important;line-height:1.4!important;}
.anatomia-stage .anatomia-stage-intro{line-height:1.28!important;}
.anat-feature-label{font:normal clamp(31px,3vw,43px)/1 'Newsreader',Georgia,serif;letter-spacing:0;text-transform:none;}
.anat-feature-title{font-size:clamp(20px,1.8vw,25px);font-style:italic;}
.arch-carousel-visual{width:100%;height:auto;flex:0 0 auto;aspect-ratio:360/390;}
.arch-carousel-visual--image img{width:100%;height:auto;object-fit:initial;transform:none;}
@media(max-width:780px){.arch-carousel-card,.arch-carousel-card--active{height:480px;}.arch-carousel-visual{height:auto;flex-basis:auto;aspect-ratio:360/390;}}
.anatomia-stage h3{min-height:60px;}
.anatomia-human>div>p{line-height:1.35!important;}
@media(min-width:1600px){.anatomia-stage:not(:last-child)::after{content:'→';position:absolute;right:-12px;top:300px;z-index:2;color:#A36549;font:26px 'Newsreader',Georgia,serif;}}
@media(min-width:1141px) and (max-width:1599px){.anatomia-journey{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:24px;}.anatomia-stage:nth-child(3){border-right:0;}.anatomia-stage:nth-child(n+4){border-top:1px solid #A36549;}.anatomia-stage h3{min-height:40px;}.anatomia-stage .anatomia-stage-intro{min-height:65px;}.anatomia-human{grid-template-columns:1fr;}.anatomia-human-items{padding-top:16px;}}
@media(max-width:640px){.criterium-nav-shell{padding-top:90px;}.criterium-nav-shell .subnav-v{gap:4px;}.criterium-nav-shell .subnav-v a{font-size:14px;padding-inline:6px;}.criterium-nav-shell .subnav-num{display:none;}.criterium-editorial .criterium-sub{font-size:18px!important;}.criterium-feature-copy{padding:25px 24px 40px;}.criterium-mini img{height:150px;}}
@media(max-width:580px){.anat-feature{padding-left:17px;}.taller-atelier .taller-detalles > .formacion-columnas{padding-left:8px;padding-right:8px;}}

/* Aprendizaje activo: tres franjas y una pieza editorial independiente. */
.aprendizaje-limpio .aprendizaje-inner{max-width:1100px;padding-top:58px;padding-bottom:64px;}
.aprendizaje-limpio .aprendizaje-cabecera{margin-bottom:34px;}
.aprendizaje-limpio .aprendizaje-cabecera h2{margin:0 0 15px;font-size:13px;letter-spacing:.18em;}
.aprendizaje-limpio p.aprendizaje-intro{margin:0;font-size:clamp(23px,2.2vw,30px)!important;line-height:1.3!important;color:#5E4435;font-style:italic;}
.aprendizaje-franjas{border-top:1px solid rgba(163,101,73,.5);}
.aprendizaje-acordeon{border:0;border-bottom:1px solid rgba(163,101,73,.35);background:transparent;}
.aprendizaje-acordeon summary{display:grid;grid-template-columns:48px minmax(0,1fr) 24px;gap:20px;align-items:center;min-height:86px;padding:18px 0;list-style:none;cursor:pointer;}
.aprendizaje-acordeon summary::-webkit-details-marker{display:none;}
.aprendizaje-acordeon summary h3{margin:0;color:#5E4435;font:14px/1.4 'Hanken Grotesk',sans-serif;letter-spacing:.12em;text-transform:uppercase;}
.aprendizaje-num{color:#A36549;font-size:26px;line-height:1;}
.aprendizaje-signo{position:relative;width:18px;height:18px;justify-self:end;}
.aprendizaje-signo::before,.aprendizaje-signo::after{content:'';position:absolute;top:8px;left:2px;width:14px;height:1px;background:#A36549;}
.aprendizaje-signo::after{transform:rotate(90deg);transition:transform .22s,opacity .22s;}
.aprendizaje-acordeon[open] .aprendizaje-signo::after{transform:rotate(0);opacity:0;}
.aprendizaje-acordeon summary:hover h3{color:#8A4B2C;}
.aprendizaje-acordeon summary:focus-visible{outline:1px solid #A36549;outline-offset:5px;}
.aprendizaje-panel{padding:6px 0 34px 68px;}
.aprendizaje-list{list-style:none;padding:0;margin:0;}
.aprendizaje-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:25px;align-items:start;padding:20px 0;border-top:1px solid rgba(163,101,73,.15);}
.aprendizaje-row:first-child{border-top:0;padding-top:8px;}
.aprendizaje-row h4{margin:0 0 8px;font:normal clamp(21px,1.7vw,25px)/1.2 'Newsreader',Georgia,serif;color:#37251E;}
.aprendizaje-limpio p.aprendizaje-institucion{margin:0;font-size:16px!important;line-height:1.35!important;color:#6E5A4E;}
.aprendizaje-limpio p.aprendizaje-row-note{margin:6px 0 0;font-size:14px!important;line-height:1.35!important;color:#8A7768;font-style:italic;}
.aprendizaje-fecha{padding-top:2px;color:#A36549;font:16px/1.3 'Newsreader',Georgia,serif;white-space:nowrap;}
.aprendizaje-grupo + .aprendizaje-grupo{margin-top:32px;}
.aprendizaje-grupo-titulo{margin:12px 0 20px;color:#8A4B2C;font:11px/1.4 'Hanken Grotesk',sans-serif;letter-spacing:.14em;text-transform:uppercase;}
.aprendizaje-familias{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:6px 0 20px;color:#6E3A21;font-size:23px;line-height:1.5;}
.aprendizaje-familias li:not(:last-child)::after{content:'·';margin:0 13px;color:#B8744E;}
.aprendizaje-limpio p.aprendizaje-criterio{max-width:60ch;margin:0 0 25px;font-size:20px!important;line-height:1.45!important;font-style:italic;color:#5E4435;}
.aprendizaje-limpio p.aprendizaje-ejemplos-label{margin:0 0 13px;color:#A36549;font:10px/1.4 'Hanken Grotesk',sans-serif!important;letter-spacing:.14em;text-transform:uppercase;}
.aprendizaje-ejemplos{display:flex;flex-wrap:wrap;gap:8px 24px;list-style:none;margin:0;padding:0;color:#6E5A4E;font:17px/1.5 'Newsreader',Georgia,serif;}
.aprendizaje-anatomia{display:flex;flex-direction:column;align-items:center;max-width:700px;margin:42px auto 0;padding:18px 20px 0;color:#37251E;text-align:center;text-decoration:none;}
.aprendizaje-anatomia::before{content:'';width:52px;height:2px;margin-bottom:18px;background:#A36549 url('../img/cobre-boton.jpg') center/cover;}
.aprendizaje-anatomia h3{margin:0 0 10px;color:#A36549;font:normal clamp(32px,3vw,43px)/1 'Newsreader',Georgia,serif;}
.aprendizaje-limpio p.aprendizaje-anatomia-sub{margin:0 0 13px;font-size:24px!important;line-height:1.25!important;font-style:italic;color:#5E4435;}
.aprendizaje-limpio p.aprendizaje-anatomia-texto{max-width:53ch;margin:0;font-size:17px!important;line-height:1.4!important;color:#6E5A4E;}
.aprendizaje-anatomia>span{margin-top:18px;color:#8A4B2C;font:10px 'Hanken Grotesk',sans-serif;letter-spacing:.15em;text-transform:uppercase;}
.aprendizaje-anatomia:hover>span{text-decoration:underline;text-underline-offset:5px;}
.aprendizaje-anatomia:focus-visible{outline:1px solid #A36549;outline-offset:8px;}
@media(max-width:780px){.aprendizaje-limpio .aprendizaje-inner{padding-top:42px;padding-bottom:48px;}.aprendizaje-acordeon summary{min-height:80px;grid-template-columns:35px minmax(0,1fr) 18px;gap:14px;}.aprendizaje-acordeon summary h3{font-size:12px;letter-spacing:.09em;}.aprendizaje-panel{padding-left:49px;}.aprendizaje-row{gap:18px;}.aprendizaje-fecha{font-size:14px;}.aprendizaje-familias{font-size:21px;}.aprendizaje-anatomia{margin-top:32px;}}
@media(max-width:480px){.aprendizaje-panel{padding:6px 0 25px 0;}.aprendizaje-row{grid-template-columns:1fr;gap:10px;padding:19px 0;}.aprendizaje-row h4{font-size:22px;}.aprendizaje-fecha{padding-top:0;}.aprendizaje-anatomia{padding-inline:0;}.aprendizaje-limpio p.aprendizaje-anatomia-sub{font-size:21px!important;}.aprendizaje-limpio p.aprendizaje-anatomia-texto{font-size:16px!important;}}
@media(prefers-reduced-motion:reduce){.aprendizaje-signo::after{transition:none;}}

/* Criterium: ejes comunes, títulos deliberados y una colección secundaria coherente. */
.criterium-editorial .criterium-heading{display:block;padding:0;margin-bottom:32px;}
.criterium-editorial .criterium-heading>div,.criterium-editorial .adn-preview-heading>div{padding-left:50px;}
.criterium-editorial .criterium-heading :is(h1,h2),.criterium-editorial .adn-preview-heading h2{font:normal clamp(42px,3.8vw,60px)/.98 'Newsreader',Georgia,serif;margin:0;}
.criterium-editorial .criterium-num{left:0;top:7px;}
.criterium-editorial .criterium-sub{margin:8px 0 0!important;line-height:1.2!important;}
.criterium-editorial p.criterium-intro{max-width:72ch;margin:15px 0 0!important;padding:0 0 0 50px;border:0;font-size:16px!important;line-height:1.35!important;}
.criterium-editorial .criterium-feature{grid-template-columns:minmax(0,57%) minmax(0,43%);min-height:350px;box-shadow:0 8px 20px rgba(61,42,32,.09);}
.criterium-editorial .criterium-feature figure{display:flex;align-items:center;justify-content:center;padding:0;background:#F5F1EA;border:6px solid #A36549;border-image:linear-gradient(135deg,#D28B6C,#A36549,#D28B6C) 1;}
.criterium-editorial .criterium-feature figure img{width:100%;height:auto;min-height:0;object-fit:contain;background:#F5F1EA;}
.criterium-editorial .criterium-feature-copy{padding:30px 28px 40px;}
.criterium-editorial .criterium-feature h3{font-size:clamp(30px,2.7vw,40px);line-height:1.03;margin:20px 0 17px;}
.criterium-editorial .criterium-secondary{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch;margin-top:24px;}
.criterium-editorial .criterium-secondary{grid-template-columns:repeat(4,minmax(0,1fr));}
.criterium-editorial .criterium-mini{display:flex;flex-direction:column;gap:0;min-height:0;border-right:1px solid rgba(163,101,73,.25);padding-right:16px;}
.criterium-editorial .criterium-mini:last-child{border-right:0;padding-right:0;}
.criterium-editorial .criterium-mini{position:relative;padding-right:0;border-right:0;}
.criterium-editorial .criterium-mini:not(:last-child)::after{content:'';position:absolute;right:-12px;top:0;bottom:0;width:1px;background:rgba(163,101,73,.25);}
.criterium-editorial .criterium-mini img{display:block;width:100%;height:190px;min-height:0;object-fit:cover;}
.criterium-editorial .criterium-mini>span{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:18px 0 0;}
.criterium-editorial .criterium-mini small{min-height:14px;line-height:1.35;}
.criterium-editorial .criterium-mini b{width:100%;min-height:78px;margin:13px 0 0;font:normal clamp(22px,1.8vw,26px)/1.1 'Newsreader',Georgia,serif;}
.criterium-editorial .criterium-mini em{min-height:70px;margin:10px 0 20px;font:normal 16px/1.35 'Newsreader',Georgia,serif;}
.criterium-editorial .criterium-mini strong{margin-top:auto;line-height:1.4;}
.criterium-editorial .adn-preview{margin-top:44px;padding-top:32px;border-top-width:1px;}
.criterium-editorial .adn-preview-heading{padding:0;gap:44px;}
.editorial-title-line{display:block;white-space:nowrap;}
.criterium-idioma-portada{margin:0 0 42px;}
.criterium-idioma-portada img{display:block;width:100%;height:auto;}
.criterium-idioma-portada figcaption{margin-top:12px;color:#8A7768;font:11px/1.4 'Hanken Grotesk',sans-serif;letter-spacing:.04em;}
.criterium-source-ref{font:11px 'Hanken Grotesk',sans-serif;}
.criterium-source-ref a{color:#A36549;text-decoration:none;}
.criterium-fuentes{margin:44px 0 30px;padding-top:25px;border-top:1px solid rgba(163,101,73,.3);}
.criterium-fuentes h2{margin:0 0 18px;}
.criterium-fuentes ol{padding-left:20px;margin:0;color:#6E5A4E;font:15px/1.45 'Newsreader',Georgia,serif;}
.criterium-fuentes li{margin-bottom:12px;scroll-margin-top:100px;}
.criterium-fuentes a{color:#6E5A4E;text-decoration:underline;text-decoration-color:rgba(163,101,73,.35);text-underline-offset:3px;}
.criterium-fuentes a:hover{color:#8A4B2C;}
.aprendizaje-editorial{scroll-margin-top:100px;}
.criterium-editorial .criterium-secondary[data-count="5"]{grid-template-columns:repeat(6,minmax(0,1fr));}
.criterium-secondary[data-count="5"]>.criterium-mini{grid-column:span 2;}
.criterium-secondary[data-count="5"]>.criterium-mini:nth-child(4){grid-column:2/span 2;}
.criterium-secondary[data-count="5"]>.criterium-mini:nth-child(5){grid-column:4/span 2;}
.criterium-secondary[data-count="5"]>.criterium-mini:nth-child(3)::after{display:none;}
.criterium-editorial .criterium-secondary[data-count="5"] .criterium-mini em{min-height:100px;}
.criterium-gif-cover{object-position:center top;}
.criterium-futuro-visual{display:block;}
@media(max-width:1100px){.criterium-editorial .criterium-secondary[data-count="5"]{grid-template-columns:repeat(4,minmax(0,1fr));}.criterium-secondary[data-count="5"]>.criterium-mini:nth-child(4){grid-column:span 2;}.criterium-secondary[data-count="5"]>.criterium-mini:nth-child(5){grid-column:2/span 2;}.criterium-secondary[data-count="5"]>.criterium-mini:nth-child(3)::after{display:block;}}
@media(max-width:640px){.criterium-editorial .criterium-secondary[data-count="5"]{grid-template-columns:minmax(0,1fr);}.criterium-secondary[data-count="5"]>.criterium-mini,.criterium-secondary[data-count="5"]>.criterium-mini:nth-child(4),.criterium-secondary[data-count="5"]>.criterium-mini:nth-child(5){grid-column:1;}.criterium-editorial .criterium-secondary[data-count="5"] .criterium-mini em{min-height:0;}.criterium-secondary[data-count="5"]>.criterium-mini::after{display:none!important;}}
@media(max-width:1100px){.criterium-editorial .criterium-secondary{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}.criterium-editorial .criterium-mini:nth-child(even)::after{display:none;}}
@media(max-width:1000px){.criterium-editorial .criterium-mini img{height:165px;}.criterium-editorial .criterium-mini b{font-size:22px;min-height:76px;}.criterium-editorial .criterium-mini em{min-height:100px;}.criterium-editorial .criterium-secondary{gap:18px;}.criterium-editorial .criterium-mini::after{right:-9px;}.criterium-editorial .adn-preview-heading{grid-template-columns:1fr;}}
@media(max-width:900px){.criterium-editorial .criterium-feature{grid-template-columns:1fr;}.criterium-editorial .criterium-feature figure img{height:auto;}.criterium-editorial .criterium-feature-copy{padding:28px 30px 40px;}}
@media(max-width:640px){.criterium-editorial .criterium-heading>div,.criterium-editorial .adn-preview-heading>div{padding-left:35px;}.criterium-editorial .criterium-heading :is(h1,h2),.criterium-editorial .adn-preview-heading h2{font-size:35px;}.criterium-editorial p.criterium-intro{padding-left:35px;}.criterium-editorial .criterium-secondary{grid-template-columns:1fr;gap:30px;}.criterium-editorial .criterium-mini{border-right:0;padding-right:0;}.criterium-editorial .criterium-mini::after{display:none;}.criterium-editorial .criterium-mini img{height:200px;}.criterium-editorial .criterium-mini b{min-height:0;font-size:25px;}.criterium-editorial .criterium-mini em{min-height:0;margin-bottom:18px;}.criterium-editorial .adn-preview-heading{gap:24px;}.criterium-idioma-portada{margin-bottom:30px;}}

/* Taller: notas extensas y contexto ampliable */
.taller-detalles--bastidores{margin:35px 0 55px;}
.taller-detalles--bastidores .bastidores{padding-top:16px;}
.reflexion-notas{margin-top:45px;padding-top:0;}
.reflexion-notas summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 0;list-style:none;cursor:pointer;color:#8A4B2C;font:12px 'Hanken Grotesk',sans-serif;letter-spacing:.13em;text-transform:uppercase;}
.reflexion-notas summary::-webkit-details-marker{display:none;}
.reflexion-notas summary span{font-size:18px;}
.reflexion-notas[open] summary span{transform:rotate(180deg);}
.reflexion-notas:focus-within{outline:1px solid #A36549;outline-offset:3px;}

/* Secondary reading layer in the work compass. */
.brujula-nota-personal{max-width:650px;margin:-12px 0 32px;font-size:16px;line-height:1.6;font-style:italic;color:#6D5B4F;}
.brujula-inspiraciones{max-width:760px;margin:0 0 46px;padding:0;background:none;border:0;box-shadow:none;}
.brujula-inspiraciones h3{margin:0 0 10px;font-size:10px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:#8A4B2C;}
.brujula-referencias{margin:0 0 12px;font-size:15px;line-height:1.8;color:#6D5B4F;}
.brujula-inspiraciones details{padding:0;border:0;background:none;box-shadow:none;}
.brujula-inspiraciones summary{display:inline-block;padding:6px 0;cursor:pointer;list-style:none;font-size:10px;letter-spacing:.1em;color:#8A4B2C;border:0;background:none;}
.brujula-inspiraciones summary::-webkit-details-marker{display:none;}
.brujula-inspiraciones summary:hover{text-decoration:underline;text-underline-offset:5px;}
.brujula-inspiraciones summary:focus-visible{outline:1px solid #8A4B2C;outline-offset:5px;}
.brujula-inspiraciones dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 34px;margin:22px 0 0;padding:24px 0 0;border-top:1px solid rgba(138,75,44,.22);}
.brujula-inspiraciones dt{font-size:11px;line-height:1.6;letter-spacing:.05em;text-transform:uppercase;color:#8A4B2C;}
.brujula-inspiraciones dd{margin:5px 0 0;font-family:var(--serif,Georgia,serif);font-size:15px;line-height:1.6;color:#6D5B4F;}
@media(max-width:600px){.brujula-inspiraciones dl{grid-template-columns:1fr;gap:18px;}.brujula-inspiraciones{margin-bottom:32px;}}

.brujula-reperes{margin:46px 0 38px;padding-top:30px;border-top:1px solid rgba(138,75,44,.22);}
.brujula-reperes>p{font-size:17px;line-height:1.6;color:#6D5B4F;}
.brujula-reperes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:28px;}
.brujula-repere-num{font-size:11px;letter-spacing:.1em;color:#8A4B2C;}
.brujula-reperes-grid h3{font-size:21px;font-weight:400;line-height:1.3;margin:12px 0;}
.brujula-reperes-grid p{font-size:15px;line-height:1.65;margin:0;}
.principito-sin-titulo{display:block;position:relative;overflow:hidden;width:100%;aspect-ratio:1.35;background:#F4EEE4;}
.principito-sin-titulo img,.criterium-editorial .criterium-feature .principito-sin-titulo img{display:block;width:205%!important;max-width:none!important;height:100%!important;min-height:0!important;object-fit:fill!important;transform:translateX(-51%);}
.principito-eyebrow{position:absolute;z-index:1;left:22px;top:20px;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#8A4B2C;}
.criterium-editorial .criterium-mini img{object-fit:cover;object-position:center;background:transparent;}
.cafe-encuesta-phone-screen img{object-fit:contain;background:#E8DECE;object-position:center;}
@media(max-width:700px){.brujula-reperes-grid{grid-template-columns:1fr;gap:26px;}}

.tradeoff-radar{max-width:1200px;margin:60px auto;padding:40px clamp(20px,4vw,48px);border-top:1px solid rgba(138,75,44,.3);background:#F4EEE4;}
.tradeoff-radar h2{font-size:clamp(28px,3vw,42px);font-weight:400;margin:0 0 14px;}.radar-sub{font-size:21px;line-height:1.5;max-width:700px;}
.radar-disclaimer{font-size:13px;line-height:1.5;color:#6D5B4F;}.radar-pause{padding:6px 0;border:0;background:none;color:#8A4B2C;text-decoration:underline;text-underline-offset:4px;cursor:pointer;font:inherit;font-size:12px;}
.radar-charts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin:34px 0 42px;}.radar-chart h3{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:400;margin:0 0 25px;}.radar-chart h3 span{color:#8A4B2C;margin-right:9px;}
.radar-row{display:grid;grid-template-columns:76px 1fr;align-items:center;gap:12px;margin:18px 0;font-size:11px;}.radar-track{height:8px;background:rgba(138,75,44,.09);}.radar-bar{display:block;height:100%;background:linear-gradient(90deg,#A36549,#D28B6C);transition:width 2.3s ease-in-out;}.radar-direction{font-size:10px;color:#6D5B4F;text-align:right;}
.radar-message{font-size:23px;font-weight:400;}.radar-copy{max-width:740px;font-size:16px;line-height:1.7;}.radar-reflection{font-size:20px;line-height:1.5;max-width:740px;}.radar-benchmark{display:inline-block;margin-top:12px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#8A4B2C;text-underline-offset:5px;}
@media(max-width:900px){.radar-charts{grid-template-columns:repeat(2,minmax(0,1fr));}}@media(max-width:600px){.radar-charts{grid-template-columns:1fr;gap:28px;}.tradeoff-radar{margin:40px auto;}}@media(prefers-reduced-motion:reduce){.radar-bar{transition:none;}}
.principito-sin-titulo{max-width:360px;aspect-ratio:.7107;margin:0 auto;}.principito-sin-titulo img,.criterium-editorial .criterium-feature .principito-sin-titulo img{width:250%!important;height:auto!important;transform:translateX(-60%);}.criterium-feature figure:has(.principito-sin-titulo){background:#F4EEE4;display:flex;align-items:center;}

#pal-chips{display:none;}.pal-intro-extra{border:0;background:none;padding:0;margin:10px 0 24px;box-shadow:none;}.pal-intro-extra summary{cursor:pointer;color:#8A4B2C;font-size:13px;list-style:none;text-underline-offset:4px;}.pal-intro-extra summary:hover{text-decoration:underline;}.pal-intro-extra summary::-webkit-details-marker{display:none;}.pal-intro-extra .fuera-intro{margin-top:16px;}#pal-temas{margin-bottom:20px;}.pal-azar:disabled{opacity:.6;cursor:wait;}@media(max-width:600px){.adn-editorial-head{gap:18px;}.adn-editorial-head img{max-height:150px;object-fit:cover;}.adn-titulo{font-size:30px;}.pal-temas{gap:0 14px;}.pal-tema-btn{min-height:44px;}.pal-buscar{gap:10px;}.pal-campo{min-width:0;flex:1;}.pal-azar{min-height:44px;}.pal-intro-extra{margin-bottom:18px;}}

/* Esencia: el dibujo sustituye al retrato, sin marco ni recorte. */
.esencia .capitulos-foto.capitulos-foto--dibujo{position:relative!important;inset:auto!important;width:100%!important;max-width:430px!important;height:auto!important;min-height:0!important;margin:24px auto!important;overflow:visible!important;aspect-ratio:auto!important;border:0!important;box-shadow:none!important;background:none!important;mix-blend-mode:multiply;}.esencia .capitulos-foto--dibujo::before,.esencia .capitulos-foto--dibujo::after{display:none!important;}.esencia .capitulos-foto--dibujo img{position:static!important;inset:auto!important;display:block;width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;opacity:1!important;filter:none!important;border:0!important;border-radius:0!important;-webkit-mask-image:none!important;mask-image:none!important;}@media(max-width:780px){.esencia .capitulos-foto.capitulos-foto--dibujo{max-width:280px!important;margin:12px auto 20px!important;}}

.esencia .capitulos-apertura{grid-template-columns:1fr!important;margin-top:0!important;}.esencia .capitulos-apertura .capitulos-entrada{max-width:900px;padding-bottom:0;}.esencia .lenguas-texto{padding-left:0!important;padding-right:0!important;}.esencia-creatividad{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,4vw,64px);align-items:center;margin:36px 0 40px;max-width:1000px;}.esencia-creatividad-texto p{max-width:620px;font-size:17px;line-height:1.7;margin:0 0 20px;}.esencia-creatividad .capitulos-foto--dibujo{max-width:360px!important;}@media(max-width:780px){.esencia-creatividad{grid-template-columns:1fr;gap:20px;margin:24px 0 30px;}.esencia-creatividad .capitulos-foto--dibujo{max-width:260px!important;}.esencia-creatividad-texto p{font-size:16px;}}

.brujula-contexto-horizontal{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,60px);align-items:start;margin:22px 0 34px;}.conectando .taller-brujula-lede{max-width:1000px!important;line-height:1.55;margin-bottom:0;}.brujula-contexto-horizontal .brujula-nota-personal{max-width:none;margin:0;font-size:16px;line-height:1.6;}.brujula-contexto-horizontal .brujula-inspiraciones{max-width:none;margin:0;}.brujula-contexto-horizontal .brujula-inspiraciones dl{grid-template-columns:1fr;}@media(max-width:780px){.brujula-contexto-horizontal{grid-template-columns:1fr;gap:22px;margin:22px 0 30px;}.conectando .taller-brujula-lede{font-size:18px;}}
.esencia .capitulos-foto.capitulos-foto--dibujo{background:#E4DCCF!important;mix-blend-mode:normal;isolation:isolate;}.esencia .capitulos-foto--dibujo img{mix-blend-mode:multiply!important;}

/* Presentación propia de ADN del lenguaje, separada de Criterium. */
.adn-editorial-head.adn-seccion-presentacion{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:0;align-items:stretch;width:100%;margin:0 0 36px;border:1px solid rgba(163,101,73,.5);background:#F4EEE4;box-shadow:0 8px 20px rgba(60,48,36,.05);}.adn-seccion-presentacion figure{margin:0;min-width:0;}.adn-seccion-presentacion img{display:block;width:100%;height:100%;min-height:300px;max-height:none!important;object-fit:cover;}.adn-presentacion-copy{padding:clamp(24px,3vw,40px);align-self:center;}.adn-seccion-presentacion .adn-titulo{font-size:clamp(28px,3vw,40px);line-height:1.15;margin:0 0 18px;}.adn-seccion-presentacion .fuera-intro{font-size:17px!important;line-height:1.6!important;margin:0;}.adn+.lab-bloque{margin-top:20px;}#t-palabras{font-size:clamp(25px,2.6vw,34px);}@media(max-width:700px){.adn-editorial-head.adn-seccion-presentacion{grid-template-columns:1fr;margin-bottom:24px;}.adn-seccion-presentacion img{height:200px;min-height:0;max-height:none!important;object-fit:cover;}.adn-presentacion-copy{padding:24px;}.adn-seccion-presentacion .adn-titulo{font-size:29px;}.adn-seccion-presentacion .fuera-intro{font-size:16px!important;}}

.pal-ejemplos{margin:26px 0 30px;}.pal-ejemplos .etiqueta{font-size:10px;margin-bottom:12px;}.pal-ejemplos .adn-words{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}.pal-ejemplos .adn-word{display:grid;grid-template-columns:90px minmax(0,1fr);gap:14px;align-items:center;padding-top:12px;border-top:1px solid rgba(163,101,73,.35);}.pal-ejemplos .adn-word img{width:90px;height:80px;object-fit:contain;}.pal-ejemplos .adn-word b{font-size:23px;font-weight:400;line-height:1.2;}.pal-ejemplos .adn-word small{font-size:9px;line-height:1.5;display:block;margin-top:8px;}@media(max-width:700px){.pal-ejemplos .adn-words{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;}.pal-ejemplos .adn-word{flex:0 0 85%;scroll-snap-align:start;min-width:0;}.pal-ejemplos{margin:20px 0 22px;}}
.bloque.adn{margin-bottom:24px!important;padding-bottom:0!important;}.bloque.adn+.lab-bloque{margin-top:0!important;padding-top:0!important;}.pal-ejemplos>.etiqueta{font-size:10px!important;}

/* Frases cobrizas en su propia columna, sin márgenes negativos. */
.esencia-frase-fila{display:grid;grid-template-columns:minmax(0,.36fr) minmax(0,.64fr);gap:clamp(28px,4vw,58px);align-items:start;margin:26px 0 34px;}.lectura.esencia .lenguas-texto p.lenguas-pausa.lenguas-pausa.lenguas-pausa.lenguas-pausa.lenguas-pausa{float:none!important;clear:none!important;position:static!important;width:auto!important;max-width:none!important;margin:0!important;padding:0 22px 0 0!important;border-left:0!important;border-right:1px solid rgba(163,101,73,.4)!important;color:#8A4B2C!important;font-size:clamp(21px,1.9vw,27px)!important;line-height:1.45!important;}.esencia-frase-fila>div>p{margin-top:0!important;}.esencia-creatividad{grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:1100px;gap:42px;}.esencia .esencia-creatividad .capitulos-foto.capitulos-foto--dibujo{max-width:520px!important;margin:0 auto!important;}.esencia .esencia-creatividad .capitulos-foto--dibujo img{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 90%,transparent 100%),linear-gradient(180deg,transparent 0,#000 5%,#000 90%,transparent 100%)!important;-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 90%,transparent 100%),linear-gradient(180deg,transparent 0,#000 5%,#000 90%,transparent 100%)!important;mask-composite:intersect;}@media(max-width:780px){.esencia-frase-fila{grid-template-columns:1fr;gap:16px;margin:24px 0;}.lectura.esencia .lenguas-texto p.lenguas-pausa.lenguas-pausa.lenguas-pausa.lenguas-pausa.lenguas-pausa{padding:0!important;border-right:0!important;font-size:22px!important;}.esencia-creatividad{grid-template-columns:1fr;gap:24px;}.esencia .esencia-creatividad .capitulos-foto.capitulos-foto--dibujo{max-width:360px!important;}}

.banda.banda-idiomas-cobre{background:#BB785B!important;background-image:none!important;color:#2A1E18;}.banda-idiomas-cobre .etiqueta,.banda-idiomas-cobre .idioma-nombre,.banda-idiomas-cobre .idioma dd{color:#2A1E18!important;}.banda-idiomas-cobre .idioma-nombre{background:none!important;-webkit-text-fill-color:#2A1E18!important;}.banda-idiomas-cobre .idioma{border-top-color:rgba(42,30,24,.3);}.banda-idiomas-cobre::before,.banda-idiomas-cobre::after{background-image:none!important;}

.testimonio-traduccion{font-size:12px;line-height:1.6;color:#6D5B4F;margin:10px 0 0;}.testimonio-meta a{text-underline-offset:4px;}.huella-voz-inesperada{margin-top:42px;padding-top:30px;border-top:1px solid rgba(163,101,73,.35);}.huella-voz-inesperada h2{font-size:10px;}.huella-ia-intro{font-size:17px;font-style:italic;color:#8A4B2C;}.huella-voz-inesperada .testimonio-cita{font-size:clamp(20px,2vw,25px);}.huella-ia-origen{display:block;margin-top:8px;font-size:11px;color:#6D5B4F;}
.testimonio--claro .testimonio-cita p{font-size:clamp(18px,1.6vw,23px)!important;line-height:1.55!important;}

.esencia .capitulos-apertura{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:clamp(28px,4vw,60px);align-items:start;}.esencia .capitulos-apertura .capitulos-entrada{padding:12px 0 0!important;max-width:none;}.esencia .capitulos-apertura .capitulos-foto.capitulos-foto--dibujo{max-width:520px!important;margin:0 auto!important;}.esencia .capitulos-apertura .capitulos-foto--dibujo img{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 90%,transparent 100%),linear-gradient(180deg,transparent 0,#000 5%,#000 90%,transparent 100%)!important;-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 90%,transparent 100%),linear-gradient(180deg,transparent 0,#000 5%,#000 90%,transparent 100%)!important;mask-composite:intersect;}.esencia-creatividad{display:block;max-width:780px;}.esencia-creatividad-texto p{max-width:720px;}@media(max-width:780px){.esencia .capitulos-apertura{grid-template-columns:1fr!important;gap:24px;}.esencia .capitulos-apertura .capitulos-foto.capitulos-foto--dibujo{max-width:360px!important;}.esencia .capitulos-apertura .capitulos-entrada{padding-top:0!important;}}

/* Esencia: relato en seis composiciones editoriales. */
.esencia-reticula{width:min(80vw,1280px);margin:0 auto;}.esencia-relato{padding:64px 0 70px;}.esencia-narrativa-bloque{margin:0 0 54px;}.esencia-narrativa-bloque p{font:18px/1.7 'Newsreader',Georgia,serif;color:#3A2A22;margin:0 0 20px;}.esencia-narrativa-bloque .etiqueta{font:11px/1.5 'Hanken Grotesk',sans-serif;letter-spacing:.15em;color:#8A4B2C;text-transform:uppercase;margin-bottom:20px;}.esencia-raices{display:grid;grid-template-columns:minmax(0,.44fr) minmax(0,.56fr);gap:clamp(30px,4vw,64px);align-items:center;}.esencia-raices h2{font:400 clamp(27px,2.5vw,37px)/1.2 'Newsreader',Georgia,serif;margin:0 0 24px;}.esencia-ilustracion{margin:0;background:#E4DCCF;isolation:isolate;}.esencia-ilustracion img{display:block;width:100%;max-width:520px;height:auto;margin:auto;mix-blend-mode:multiply;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 90%,transparent 100%),linear-gradient(180deg,transparent 0,#000 5%,#000 90%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 90%,transparent 100%),linear-gradient(180deg,transparent 0,#000 5%,#000 90%,transparent 100%);mask-composite:intersect;}.esencia-infancia{display:grid;grid-template-columns:minmax(0,.35fr) minmax(0,.65fr);gap:clamp(30px,5vw,80px);}.esencia-pausa{padding-right:28px;border-right:1px solid rgba(163,101,73,.35);}.esencia-pausa p{font-size:clamp(23px,2.1vw,30px);font-style:italic;color:#8A4B2C;line-height:1.45;margin:0 0 28px;}.esencia-lenguas-fragmentos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:28px 0;}.esencia-lenguas-fragmentos>div{border-top:1px solid rgba(163,101,73,.35);padding-top:18px;}.esencia-lenguas-fragmentos h3{font-size:27px;font-weight:400;color:#8A4B2C;margin:0 0 12px;}.esencia-lenguas-fragmentos p{font-size:17px;line-height:1.6;margin:0;}.esencia-lenguas-cierre{max-width:1000px;}.esencia-viajes{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,.35fr);gap:clamp(30px,5vw,80px);}.esencia-viajes .esencia-pausa{border-right:0;border-left:1px solid rgba(163,101,73,.35);padding:0 0 0 30px;align-self:center;}.esencia-viajes-detalle summary{font:12px 'Hanken Grotesk',sans-serif;color:#8A4B2C;cursor:pointer;padding:10px 0;list-style:none;}.esencia-viajes-detalle summary::-webkit-details-marker{display:none;}.esencia-viajes-detalle p{font-size:16px;margin:16px 0 0;}.esencia-escritura-columnas,.esencia-hoy-columnas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px;}.esencia-escritura>p{max-width:1000px;}.esencia-hoy{border-top:1px solid rgba(163,101,73,.35);padding-top:32px;margin-bottom:0;}.esencia-narrativa-bloque p.esencia-cierre{font-size:23px;line-height:1.5;max-width:1000px;margin:16px 0 0;}
@media(max-width:1024px){.esencia-reticula{width:88vw;}.esencia-lenguas-fragmentos{grid-template-columns:repeat(2,minmax(0,1fr));}.esencia-narrativa-bloque p{font-size:18px;}.esencia-raices{gap:30px;}}
@media(max-width:700px){.esencia-reticula{width:auto;margin:0 24px;}.esencia-relato{padding:30px 0 44px;}.esencia-raices,.esencia-infancia,.esencia-viajes,.esencia-escritura-columnas,.esencia-hoy-columnas{grid-template-columns:1fr;gap:22px;}.esencia-ilustracion img{max-width:340px;}.esencia-narrativa-bloque{margin-bottom:38px;}.esencia-narrativa-bloque p{font-size:18px;line-height:1.65;}.esencia-pausa{border:0;padding:0;}.esencia-pausa p{font-size:24px;margin-bottom:16px;}.esencia-viajes .esencia-pausa{border:0;padding:0;}.esencia-lenguas-fragmentos{grid-template-columns:1fr 1fr;gap:24px 18px;}.esencia-lenguas-fragmentos h3{font-size:25px;}.esencia-lenguas-fragmentos p{font-size:16px;line-height:1.6;}.esencia-narrativa-bloque p.esencia-cierre{font-size:22px;}.esencia-hoy{margin-bottom:0;}}
.esencia-reticula{width:min(80vw,1440px);}.esencia-relato .esencia-narrativa-bloque p:not(.etiqueta){font-size:18px!important;line-height:1.7!important;}.esencia-relato .esencia-narrativa-bloque .esencia-pausa p{font-size:clamp(23px,2.1vw,30px)!important;line-height:1.45!important;}.esencia-relato .esencia-lenguas-fragmentos p{font-size:17px!important;line-height:1.6!important;}.esencia-relato .esencia-viajes-detalle p{font-size:16px!important;}.esencia-relato .esencia-narrativa-bloque p.esencia-cierre{font-size:23px!important;line-height:1.5!important;}@media(max-width:1024px){.esencia-reticula{width:88vw;}}@media(max-width:700px){.esencia-reticula{width:auto;margin:0 24px;}.esencia-relato .esencia-narrativa-bloque .esencia-pausa p{font-size:24px!important;}.esencia-relato .esencia-lenguas-fragmentos p{font-size:16px!important;}}

.pal-ejemplos .pal-ilustraciones-nota{font-size:14px!important;line-height:1.5!important;font-style:italic;color:#8A4B2C;margin:14px 0 0;}

.aprendizaje-acordeon summary{grid-template-columns:minmax(0,1fr) 24px;}.aprendizaje-panel{padding-left:0;}@media(max-width:780px){.aprendizaje-acordeon summary{grid-template-columns:minmax(0,1fr) 18px;}.aprendizaje-panel{padding-left:0;}}

.anatomia-human-piece span{display:flex;flex-direction:column;gap:5px;}.anatomia-human-piece b{font-weight:400;font-size:19px;}.anatomia-human-piece small{font-size:14px;}.mapa-pista{margin:18px 0 24px;font-style:italic;}.ficha-ejemplos{margin:20px 0;padding-top:16px;border-top:1px solid rgba(163,101,73,.25);}.ficha-fuente{font-size:11px;color:#8A4B2C;text-underline-offset:4px;}

.model-choice-caption{font-size:13px!important;line-height:1.6!important;color:#6D5B4F;margin:12px 0;}.model-choice-snapshot{margin:18px 0;overflow-x:auto;max-width:100%;}.model-choice-snapshot img{display:block;width:100%;min-width:780px;height:auto;}.model-choice-source a{font-size:12px;color:#8A4B2C;text-underline-offset:4px;}.model-choice-question{margin:24px 0;padding-top:20px;border-top:1px solid rgba(163,101,73,.3);}.model-choice-question h4{font-size:21px;font-weight:400;line-height:1.4;margin:0 0 14px;}.model-choice-options{display:flex;flex-wrap:wrap;gap:10px;}.model-choice-options button{font:14px/1.4 'Hanken Grotesk',sans-serif;max-width:100%;padding:12px 16px;background:transparent;border:1px solid rgba(163,101,73,.4);color:#3A2A22;cursor:pointer;}.model-choice-options button[aria-pressed="true"]{background:#A36549;color:#FCFAF6;border-color:#A36549;}.model-choice-feedback{font-size:16px!important;line-height:1.6!important;margin:14px 0 0;}.model-choice-options button:focus-visible{outline:2px solid #8A4B2C;outline-offset:3px;}@media(max-width:600px){.model-choice-options{flex-direction:column;align-items:stretch;}.model-choice-options button{text-align:left;}}

.cx-li-logo img{display:block;object-fit:contain;}.cifras.cifras-cobre{background:#BB785B!important;background-image:none!important;color:#2A1E18;}.cifras-cobre .cifra-numero,.cifras-cobre .cifra-etiqueta,.cifras-cobre .cifra-texto{color:#2A1E18!important;}.cifras-cobre .cifra-numero{background:none!important;-webkit-text-fill-color:#2A1E18!important;}.cifras-cobre .cifra{border-color:rgba(42,30,24,.3);}.reto.reto--puente.reto--cobre{background:#BB785B!important;color:#2A1E18;box-shadow:none;border-color:rgba(42,30,24,.2);}.reto--cobre .reto-titulo,.reto--cobre p{color:#2A1E18!important;}.aprendizaje-anatomia::before{display:none;}.aprendizaje-anatomia h3{display:inline-block;border-top:2px solid #A36549;padding-top:14px;}
.brujula-base-mapa{margin:30px 0 20px;text-align:center;}.brujula-base-placa{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:8px;padding:20px 36px;color:#FCFAF6;background:linear-gradient(rgba(55,30,20,.55),rgba(55,30,20,.55)),url('../img/cobre-boton.jpg') center/cover;border-radius:3px;}.brujula-base-placa span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;}.brujula-base-placa strong{font-size:32px;font-weight:400;}.brujula-base-placa::after{content:"";position:absolute;width:1px;height:32px;background:#A36549;left:50%;bottom:-32px;}.brujula-base-ambitos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;position:relative;margin-top:50px;}.brujula-base-ambitos::before{content:"";position:absolute;top:-19px;left:16.66%;right:16.66%;border-top:1px solid #A36549;}.brujula-base-ambitos>div{position:relative;border:1px solid rgba(163,101,73,.35);padding:20px 16px;background:#F4EEE4;}.brujula-base-ambitos>div::before{content:"";position:absolute;left:50%;top:-20px;height:19px;width:1px;background:#A36549;}.brujula-base-ambitos span{font-size:24px;line-height:1.3;color:#3A2A22;}.brujula-base-etiqueta{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#8A4B2C;margin:20px 0 12px;}.brujula-base-nota{max-width:850px;margin:0 auto;font-size:17px;line-height:1.6;color:#6D5B4F;}.brujula-svg .bm-aro,.brujula-svg .bm-aro2{stroke:url(#bm-cepillado);stroke-width:3;opacity:1;}.brujula-svg .bm-norte,.brujula-svg .bm-sur,.brujula-svg .bm-eje{fill:url(#bm-cepillado);}.brujula-svg .bm-escala line{stroke:#A36549;opacity:.8;}.brujula-svg{filter:drop-shadow(0 2px 2px rgba(138,75,44,.12));}
@media(max-width:700px){.brujula-base-ambitos{gap:14px;grid-template-columns:1fr;margin-top:32px;}.brujula-base-ambitos::before{display:none;}.brujula-base-ambitos>div::before{height:15px;top:-15px;}.brujula-base-placa::after{height:18px;bottom:-18px;}.brujula-base-ambitos span{font-size:23px;}}
.smart-behind-notes{margin:20px 0 0;}.smart-behind-notes summary{font-size:12px;color:#8A4B2C;cursor:pointer;list-style:none;}.smart-behind-notes summary::-webkit-details-marker{display:none;}.smart-behind-notes p{max-width:1000px;font-size:17px!important;line-height:1.65!important;}

.taller-flows-editorial .lectura-inner{max-width:min(88vw,1440px);}.smart-behind{margin-bottom:46px;}.smart-behind-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:46px;align-items:end;}.smart-behind-head h2{font:400 clamp(28px,3.1vw,42px)/1.15 'Newsreader',Georgia,serif;margin:14px 0 0;}.smart-behind-head>p{font-size:18px!important;line-height:1.65!important;margin:0;}.smart-ecosistema{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px;padding:0;margin:30px 0 18px;list-style:none;}.smart-ecosistema li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 14px;border:1px solid rgba(163,101,73,.35);background:#F4EEE4;}.smart-ecosistema li:not(:last-child)::after{content:"→";position:absolute;right:-23px;top:45%;color:#A36549;font-size:22px;}.smart-ecosistema svg{width:30px;height:30px;color:#A36549;margin-bottom:17px;}.smart-ecosistema h3{font-size:21px;font-weight:400;line-height:1.3;margin:0 0 10px;}.smart-ecosistema p{font-size:13px!important;line-height:1.5!important;margin:0;}.smart-ecosistema-nota{font-size:13px!important;color:#6D5B4F;}.smart-principio{padding-top:26px;border-top:1px solid rgba(163,101,73,.4);margin:0 0 22px;}.smart-principio h2{font-size:clamp(30px,3.5vw,47px);line-height:1.2;margin:0 0 18px;}.smart-principio>p{max-width:1000px;font-size:18px!important;line-height:1.65!important;}.smart-experimentos-titulo{margin:28px 0 16px;}.taller-flows-editorial .flow-cabecera{min-height:96px;}.taller-flows-editorial .flow-titulo{font-size:25px;line-height:1.25;}.taller-flows-editorial .flow-pregunta{font-size:16px;line-height:1.5;}.taller-flows-editorial .flow-estado,.taller-flows-editorial .flow-estado--probado{background:none;color:#8A4B2C;border:0;box-shadow:none;font-size:10px;}.smart-exploracion{margin:36px 0 42px;padding-top:22px;border-top:1px solid rgba(163,101,73,.3);}.smart-exploracion ul{display:flex;flex-wrap:wrap;gap:14px 30px;padding:0;margin:16px 0;list-style:none;}.smart-exploracion li{font-size:17px;line-height:1.5;color:#6D5B4F;}.smart-caso-extra{margin-top:32px;}.smart-caso-extra>h3{margin-bottom:20px;}@media(max-width:1000px){.smart-ecosistema{grid-template-columns:repeat(3,minmax(0,1fr));}.smart-ecosistema li::after{display:none;}.smart-behind-head{grid-template-columns:1fr;gap:20px;}}@media(max-width:650px){.taller-flows-editorial .lectura-inner{max-width:none;}.smart-ecosistema{grid-template-columns:1fr;gap:24px;}.smart-ecosistema li:not(:last-child)::after{display:block;content:"↓";right:50%;top:auto;bottom:-24px;transform:translateX(50%);}.smart-ecosistema li{padding:20px;}.smart-ecosistema svg{margin-bottom:10px;}.smart-exploracion ul{display:block;}.smart-exploracion li{margin:12px 0;}.smart-behind-head h2{font-size:30px;}.taller-flows-editorial .flow-titulo{font-size:23px;}.taller-flows-editorial .flow-pregunta{font-size:15px;}.smart-principio h2{font-size:32px;}}

.smart-colab{margin-bottom:48px;padding:28px clamp(20px,3vw,40px);background:#F4EEE4;border-left:2px solid #A36549;}.smart-colab h2{font:400 clamp(28px,3vw,40px)/1.2 'Newsreader',Georgia,serif;margin:0 0 22px;}.smart-colab p{font-size:18px!important;line-height:1.65!important;max-width:1100px;}.smart-colab .etiqueta{font-size:11px!important;}.smart-colab-detalle{margin:20px 0;}.smart-colab-detalle summary{font-size:13px;color:#8A4B2C;cursor:pointer;list-style:none;}.smart-colab-detalle summary::-webkit-details-marker{display:none;}.smart-colab-detalle ol{padding-left:24px;margin:24px 0;}.smart-colab-detalle li{font-size:17px;line-height:1.65;margin-bottom:10px;}.smart-colab-metodo{display:grid;grid-template-columns:1fr 1fr;gap:30px;}.smart-colab .smart-colab-next{font-size:16px!important;color:#6D5B4F;}.smart-colab-next b{font-weight:400;color:#8A4B2C;}@media(max-width:700px){.smart-colab-metodo{grid-template-columns:1fr;gap:12px;}.smart-colab{padding:24px 20px;}.smart-colab h2{font-size:29px;}}

.esencia-editorial .cabecera-inner,.esencia-editorial .sala-inner{width:min(80vw,1440px);max-width:1440px;margin-inline:auto;}.taller-flows-editorial .sala-inner{max-width:min(88vw,1440px);}@media(max-width:1024px){.esencia-editorial .cabecera-inner,.esencia-editorial .sala-inner{width:88vw;}}@media(max-width:700px){.esencia-editorial .cabecera-inner,.esencia-editorial .sala-inner{width:calc(100% - 48px);}}

.smart-ecosistema li,.brujula-base-ambitos>div{transition:border-color .2s ease,background-color .2s ease,transform .2s ease;}.smart-ecosistema li:hover,.brujula-base-ambitos>div:hover{border-color:#A36549;background:#FCFAF6;transform:translateY(-2px);}.taller-flows-editorial .flow[open]>.flow-cuerpo{animation:smart-apertura .18s ease-out;}@keyframes smart-apertura{from{opacity:.6;transform:translateY(4px);}to{opacity:1;transform:translateY(0);}}@media(prefers-reduced-motion:reduce){.smart-ecosistema li,.brujula-base-ambitos>div{transition:none;}.smart-ecosistema li:hover,.brujula-base-ambitos>div:hover{transform:none;}.taller-flows-editorial .flow[open]>.flow-cuerpo{animation:none;}}
.criterium-editorial .criterium-mini img[src$="criterium-compra.jpg"]{object-position:center 20%;}
/* Articulos Criterium aprobados: 6 de octubre de 2026. */
.criterium-editorial .criterium-secondary[data-count="7"]{grid-template-columns:repeat(3,minmax(0,1fr));}
.criterium-editorial .criterium-secondary[data-count="7"]>.criterium-mini:nth-child(3n)::after{display:none;}
.criterium-editorial .criterium-secondary[data-count="7"]>.criterium-mini:last-child{grid-column:2;}
.criterium-motion-control{display:block;margin:12px 0 4px;padding:8px 14px;font:inherit;font-size:13px;color:#784B34;background:transparent;border:1px solid #A36549;cursor:pointer;}
.criterium-motion-control:focus-visible{outline:2px solid #A36549;outline-offset:3px;}
@media(max-width:1100px){.criterium-editorial .criterium-secondary[data-count="7"]{grid-template-columns:repeat(2,minmax(0,1fr));}.criterium-editorial .criterium-secondary[data-count="7"]>.criterium-mini:last-child{grid-column:auto;}.criterium-editorial .criterium-secondary[data-count="7"]>.criterium-mini:nth-child(3n)::after{display:block;}.criterium-editorial .criterium-secondary[data-count="7"]>.criterium-mini:nth-child(2n)::after{display:none;}}
@media(max-width:640px){.criterium-editorial .criterium-secondary[data-count="7"]{grid-template-columns:minmax(0,1fr);}.criterium-editorial .criterium-secondary[data-count="7"]>.criterium-mini::after{display:none!important;}}
.taller-flows-editorial .flow-estado--caso{color:#8A4B2C!important;background:transparent;border-color:#8A4B2C;}
/* Musica de Fuera de guion: una sola cancion, carga tras pulsar. */
.offscript-music{margin-top:7px;max-width:400px;width:100%;}
.music-toggle{display:inline-flex;align-items:center;gap:12px;min-height:46px;padding:0;background:none;border:0;color:#79472F;font:11px 'Hanken Grotesk',sans-serif;letter-spacing:.13em;cursor:pointer;}
.music-metal{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;border-radius:50%;border:1px solid #A36549;background:#BB785B url('../img/cobre-boton.jpg') center/cover;box-shadow:inset 0 1px 2px rgba(255,241,215,.6),0 2px 4px rgba(69,39,22,.12);color:#44281C;transition:filter .2s ease;}
.music-metal svg{width:19px;height:19px;fill:currentColor;}
.music-pause{display:none;}.is-playing .music-play{display:none;}.is-playing .music-pause{display:block;}
.music-toggle:hover .music-metal{filter:brightness(1.1);}.music-toggle:focus-visible{outline:2px solid #A36549;outline-offset:5px;}
.music-progress{height:2px;margin:9px 0 12px;background:rgba(163,101,73,.2);}.music-progress span{display:block;width:0;height:100%;background:#A36549;}
.music-video iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;min-height:200px;border:1px solid rgba(163,101,73,.3);}
.lectura .music-caption{font:12px/1.5 'Hanken Grotesk',sans-serif!important;margin:9px 0 0!important;color:#705C4E;}
.lectura .music-status{font-size:13px!important;line-height:1.5!important;margin:8px 0!important;}.music-status:empty{display:none;}.music-fallback{font-size:12px;color:#8A4B2C;}
.offscript-music [hidden]{display:none!important;}
@media(prefers-reduced-motion:reduce){.music-metal{transition:none;}}
/* El ADN: eliminar el gap global entre la presentacion y el explorador. */
.adn-compacto .lectura-inner{gap:0;padding-top:48px;padding-bottom:48px;}
.adn-compacto .bloque.adn{margin-bottom:0!important;gap:0;}
.adn-compacto .adn-seccion-presentacion{margin-bottom:28px;}
.adn-compacto .lab-bloque{gap:12px;}
.adn-compacto .lab-bloque>.pal-titulo,.adn-compacto .lab-bloque>.fuera-intro{margin:0;}
.adn-compacto .pal-intro-extra{margin:4px 0 8px;}
.adn-compacto .pal-ejemplos{margin:10px 0 18px;}
@media(max-width:700px){.adn-compacto .lectura-inner{padding-top:28px;padding-bottom:32px;}.adn-compacto .adn-seccion-presentacion{margin-bottom:22px;}}
/* Articulo destacado sin tarjeta ni franjas laterales. Recorte CSS de la ilustracion original. */
.criterium-editorial .criterium-feature{grid-template-columns:minmax(0,.46fr) minmax(0,.54fr);gap:clamp(26px,4vw,52px);border:0;background:transparent;box-shadow:none;min-height:0;align-items:center;}
.criterium-editorial .criterium-feature figure:has(.principito-sin-titulo){display:block;background:transparent;margin:0;padding:0;border:0;height:360px;overflow:hidden;}
.criterium-editorial .criterium-feature .principito-sin-titulo{max-width:none;display:block;width:100%;height:100%;margin:0;aspect-ratio:auto;background:transparent;}
.criterium-editorial .criterium-feature .principito-sin-titulo img{position:absolute;left:0;top:50%;width:240%!important;height:auto!important;min-height:0!important;transform:translate(-58%,-55%)!important;object-fit:fill!important;}
.criterium-feature .principito-eyebrow{display:none;}
.criterium-editorial .criterium-feature-copy{padding:12px 0;background:transparent;border:0;}
.criterium-editorial .criterium-feature-copy>small{display:none;}
.criterium-editorial .criterium-feature .criterium-button{background:none;border:0;border-bottom:1px solid #A36549;box-shadow:none;min-height:30px;padding:0 0 3px;color:#8A4B2C;}
@media(max-width:700px){.criterium-editorial .criterium-feature{grid-template-columns:1fr;gap:20px;}.criterium-editorial .criterium-feature figure:has(.principito-sin-titulo){height:300px;}.criterium-editorial .criterium-feature-copy{padding:0 0 18px;}}
/* Brillo cobre y etapas de la brujula claramente pulsables. */
.brujula-base-placa{background:#BB785B url('../img/cobre-boton.jpg') center/cover;color:#44281C;border:1px solid #A36549;box-shadow:inset 0 1px 2px rgba(255,239,208,.5);}
.ruta--interactiva .ciclo-paso,.ruta--interactiva .ciclo-paso.is-futuro{opacity:1;transition:none;}
.ruta--interactiva .ciclo-fase-titulo,.ruta--interactiva .ciclo-paso-texto b{color:#8A4B2C!important;}
.ruta--interactiva .ciclo-paso-texto b{border-bottom:1px dotted rgba(163,101,73,.6);padding-bottom:2px;}
.ruta--interactiva .ciclo-paso:hover .ciclo-paso-texto b,.ruta--interactiva .ciclo-paso.is-activo .ciclo-paso-texto b{border-bottom-style:solid;}
.lectura .ruta-ayuda{font-size:13px!important;line-height:1.5!important;color:#8A4B2C;margin:0 0 8px!important;font-style:italic;}
/* Fuera de guion: cobre liso, sin textura de fondo. */
.lectura .curiosos{background:#F4EEE4 url('../img/cuero-marfil.jpg') center/512px 512px!important;color:#2A1E18;border-color:#A36549;box-shadow:none;}
.lectura .curiosos .curiosos-intro,.lectura .curiosos .nota-texto,.lectura .curiosos .nota-num,.lectura .curiosos .etiqueta,.lectura .curiosos .music-toggle,.lectura .curiosos .music-caption,.lectura .curiosos .music-status,.lectura .curiosos .music-fallback{color:#2A1E18!important;}
.lectura .curiosos .curiosos-notas li{border-top-color:rgba(42,30,24,.35);}
.lectura .curiosos .music-progress{background:rgba(42,30,24,.2);}.lectura .curiosos .music-progress span{background:#2A1E18;}
.lectura .ruta.ruta--interactiva .ciclo-paso .ciclo-paso-texto b.serif{color:#8A4B2C!important;border-bottom:1px dotted rgba(163,101,73,.6);padding-bottom:2px;}.lectura .ruta.ruta--interactiva .ciclo-paso:hover .ciclo-paso-texto b.serif,.lectura .ruta.ruta--interactiva .ciclo-paso.is-activo .ciclo-paso-texto b.serif{border-bottom-style:solid;}
.lectura .marco .ruta-detalle{background:#BB785B!important;background-image:none!important;border-color:#A36549;color:#2A1E18;box-shadow:none;}
.lectura .marco .ruta-detalle .rd-fase,.lectura .marco .ruta-detalle .rd-titulo,.lectura .marco .ruta-detalle .rd-texto,.lectura .marco .ruta-detalle .rd-cuenta{color:#2A1E18!important;}
.lectura .marco .ruta-detalle .rd-btn{color:#2A1E18;background:transparent;border-color:rgba(42,30,24,.55);}
.lectura .marco .ruta-detalle .rd-btn:hover{background:rgba(255,244,224,.18);}

.lectura .curiosos .nota-num,.lectura .curiosos .etiqueta{color:#8A4B2C!important;}
.lectura .music-consent{margin-top:10px;border-top:1px solid rgba(163,101,73,.35);padding-top:10px;}
.lectura .music-consent p{font:13px/1.55 'Hanken Grotesk',sans-serif!important;margin:0 0 12px!important;color:#44342B;}
.music-consent a{color:#79472F;text-underline-offset:3px;}
.music-consent-actions{display:flex;flex-wrap:wrap;gap:10px;}
.music-consent-actions button{min-height:44px;padding:8px 12px;font:12px 'Hanken Grotesk',sans-serif;color:#2A1E18;background:transparent;border:1px solid #A36549;cursor:pointer;}
.music-consent-actions button:hover{background:rgba(187,120,91,.18);}
.music-revoke{display:block;margin:6px 0 0;padding:7px 0;font:12px 'Hanken Grotesk',sans-serif;color:#79472F;background:none;border:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer;}
.music-consent-actions button:focus-visible,.music-revoke:focus-visible{outline:2px solid #A36549;outline-offset:3px;}

.music-privacy-info{margin:0 0 10px;border:0;background:none;padding:0;}.music-privacy-info summary{font:12px/1.5 Hanken Grotesk,sans-serif;color:#79472F;cursor:pointer;text-underline-offset:3px;}.music-privacy-info[open] p{margin:8px 0 0!important;}
/* Franja de idiomas mas fina, conservando la letra. */
.banda-idiomas-cobre .pasos-inner{padding-top:24px;padding-bottom:28px;gap:14px;}
.banda-idiomas-cobre .idioma{padding-top:10px;}
@media(max-width:780px){.banda-idiomas-cobre .pasos-inner{padding-top:22px;padding-bottom:24px;gap:12px;}.banda-idiomas-cobre .idioma{padding-top:8px;padding-bottom:8px;}}
.brujula-base-ambitos>div,.brujula-base-ambitos>div:hover{background:#F4EEE4 url(../img/cuero-marfil.jpg) center/512px 512px;}
/* Introduccion de Smart Flows sin espacios acumulados. */
.taller-flows-editorial .bloque.flows{gap:20px;}
.taller-flows-editorial .smart-principio{margin-bottom:0;padding-top:20px;}
.taller-flows-editorial .smart-principio h2{margin-bottom:12px;}
.taller-flows-editorial .smart-principio>p{line-height:1.5!important;}
.taller-flows-editorial .smart-experimentos-titulo{margin:4px 0 0;}
.taller-flows-editorial .flows-lista{margin-top:0;}
/* Inicio: columna de lectura proporcionada a la foto y al alto disponible. */
@media (min-width:781px){
  body.pagina-inicio .hero{min-height:calc(100svh - 110px);--texto-izq:calc(6vw + 27px);--col-texto:clamp(340px,36vw,640px);}
  body.pagina-inicio .hero-inner{max-width:none;min-height:inherit;display:flex;align-items:center;}
  body.pagina-inicio .hero-contenido{width:48%;max-width:none;padding:112px 0 36px 6vw;gap:24px;}
  body.pagina-inicio .hero-texto{width:100%;max-width:640px;gap:14px;}
  body.pagina-inicio .hero-texto .eyebrow{font-size:clamp(14px,1vw,18px);line-height:1.45;letter-spacing:.18em;margin-bottom:6px!important;}
  body.pagina-inicio .hero-nombre-fila{margin:0;line-height:1;}
  body.pagina-inicio .hero-nombre{font-size:clamp(62px,min(6vw,9vh),120px);line-height:1;}
  body.pagina-inicio .hero-frase{font-size:clamp(28px,2.1vw,42px);line-height:1.2;margin-top:12px;}
  body.pagina-inicio .hero-parrafo{font-size:clamp(20px,1.2vw,24px);line-height:1.5;max-width:560px;}
  body.pagina-inicio .hero-cta{margin-top:4px;}
  body.pagina-inicio .hero-cta .btn{font-size:16px;min-height:48px;padding:0 24px;}
  body.pagina-inicio .hero .ver-intro{font-size:16px!important;line-height:1.4;letter-spacing:.08em;margin-top:0;min-height:44px;display:flex;align-items:center;gap:6px;padding:4px 0;opacity:1;}
  body.pagina-inicio .puertas-lista{max-width:1440px;padding:24px 40px;gap:24px!important;}
  body.pagina-inicio .puertas-lista .puerta-titulo{font-size:clamp(20px,1.5vw,26px);}
}
@media (max-width:780px){
  body.pagina-inicio .hero-contenido{padding-inline:24px;}
  body.pagina-inicio .hero-texto{max-width:100%;gap:14px;}
  body.pagina-inicio .hero-texto .eyebrow{margin-bottom:4px!important;letter-spacing:.14em;}
  body.pagina-inicio .hero-nombre-fila{margin:0;}
  body.pagina-inicio .hero-parrafo{font-size:19px;line-height:1.5;}
  body.pagina-inicio .hero .ver-intro{font-size:16px!important;min-height:44px;display:flex;align-items:center;margin-top:4px;opacity:1;}
}

/* Aviso de YouTube: nota compacta bajo el control musical. */
#contenido .curiosos .music-consent p{font-family:"Hanken Grotesk",sans-serif!important;font-size:12px!important;line-height:1.45!important;margin:0 0 8px!important;letter-spacing:0!important;}
.lectura .curiosos .music-privacy-info summary{font-size:12px!important;line-height:1.4!important;}
.lectura .curiosos .music-consent-actions button{font-family:"Hanken Grotesk",sans-serif!important;font-size:12px!important;line-height:1.4!important;padding:8px 10px;min-height:44px;}

/* Main menu: one line below the complete label, including wrapped labels. */
@layer mobile-review-important {
html:root body .cabecera .cabecera-inner nav.cabecera-menu a,
html:root body .cabecera .cabecera-inner nav.cabecera-menu a:hover,
html:root body .cabecera .cabecera-inner nav.cabecera-menu a:focus-visible {
 text-decoration:none!important;
 border-bottom:1px solid transparent!important;
 box-shadow:none!important;
 cursor:pointer;
 transition:color .15s ease,border-color .15s ease;
}
html:root body .cabecera .cabecera-inner nav.cabecera-menu a::before,
html:root body .cabecera .cabecera-inner nav.cabecera-menu a::after {content:none!important;display:none!important;}
html:root body .cabecera .cabecera-inner nav.cabecera-menu a[aria-current="page"],
html:root body .cabecera .cabecera-inner nav.cabecera-menu a:hover,
html:root body .cabecera .cabecera-inner nav.cabecera-menu a:focus-visible {border-bottom-color:#D7A07E!important;color:#FFF6EA!important;}
html:root body .cabecera .cabecera-inner nav.cabecera-menu a:focus-visible {outline:2px solid #D7A07E;outline-offset:5px;}
@media(prefers-reduced-motion:reduce){html:root body .cabecera .cabecera-inner nav.cabecera-menu a{transition:none;}}
}