/* /css/f26-index.css · solo portada (v160) */

/* #lineas: el vídeo FGA 360 sube a la cabecera, a la derecha del titular */
.f26-cab--video{max-width:none;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--f26-e5) var(--f26-hueco);align-items:center}
.f26-cab__txt{display:grid;gap:var(--f26-e3);justify-items:start;min-width:0}
#video{scroll-margin-top:96px}
@media (max-width:980px){.f26-cab--video{grid-template-columns:minmax(0,1fr)}}

/* Enlace a la fuente del 6 % dentro del texto */
.f26-linea__txt .f26-p a,#libro .f26-cab .f26-p a{color:var(--f26-enlace);text-underline-offset:3px}

/* Quién firma: retrato a 300 px como máximo (el original mide 600 px: 2× nítido) */
#quien-firma .f26-firma{grid-template-columns:minmax(0,300px) minmax(0,1fr)}
#quien-firma .f26-firma__foto{max-width:300px}
@media (max-width:760px){
  #quien-firma .f26-firma{grid-template-columns:minmax(0,1fr)}
  #quien-firma .f26-firma__foto{max-width:260px}
}

/* #libro: la tapa y dos enlaces */
.f26-libro__dentro .f26-acc{flex-direction:column;align-items:flex-start}

/* ===== v160b · Móvil compacto (objetivo < 8.000 px a 390 px). En escritorio no cambia nada. =====
   details.f26-mov: plegable solo en móvil. En ≥761 px se abre (js/f26-mov.js) y el summary no se ve. */
details.f26-mov > summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 0;cursor:pointer;list-style:none;font-weight:600;font-size:var(--f26-cuerpo);line-height:1.35;color:var(--f26-navy);border-top:var(--f26-f1) solid var(--f26-filete);border-bottom:var(--f26-f1) solid var(--f26-filete)}
details.f26-mov > summary::-webkit-details-marker{display:none}
details.f26-mov > summary::after{content:"+";flex:none;width:1em;text-align:center;font-size:1.375rem;font-weight:400;line-height:1;color:var(--f26-enlace)}
details.f26-mov[open] > summary::after{content:"\2212"}
details.f26-mov[open] > summary{margin-bottom:var(--f26-e4)}
details.f26-mov > summary:focus-visible{outline:2px solid var(--f26-enlace);outline-offset:2px}
.f26-cta details.f26-mov > summary,.f26-sec--tinta details.f26-mov > summary{color:var(--f26-claro);border-color:var(--f26-filete-osc)}
.f26-cta details.f26-mov > summary::after,.f26-sec--tinta details.f26-mov > summary::after{color:var(--f26-oro)}
@media (min-width:761px){
  details.f26-mov > summary{display:none}
}
/* Sin JS, en navegadores que lo admiten, el contenido se pinta igual en escritorio */
@media (min-width:761px){details.f26-mov::details-content{content-visibility:visible;block-size:auto}}

@media (max-width:760px){
  /* la barra fija inferior no tapa el final de la página */
  body{padding-bottom:64px}
  /* menos aire vertical entre secciones */
  .f26-sec{padding-block:40px}
  /* cifras apiladas de una en una → rejilla de dos columnas */
  .f26-cifras,.f26-cifras--4{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}
  .f26-cifra,.f26-cifras--4 .f26-cifra:nth-child(n){border-left:0;border-top:var(--f26-f1) solid var(--f26-filete);padding:16px 0}
  .f26-cifra:nth-child(-n+2),.f26-cifras--4 .f26-cifra:nth-child(-n+2){border-top:0}
  .f26-cifras:not(.f26-cifras--4) .f26-cifra:nth-child(3):last-child{grid-column:1/-1}
  .f26-cifra .f26-num{font-size:clamp(1.75rem,8vw,2.25rem);line-height:1.05}
  .f26-cifra dt{font-size:.9375rem}
  .f26-cifra__nota{font-size:.8125rem}
}
@media (max-width:760px){
  .f26-libro__tapa{display:block;max-width:170px}    /* v165: la portada del libro se ve también en móvil */
  .f26-libro__g .f26-test{order:0}                   /* v165: primero el libro y el botón, después la prueba */
  #quien-firma .f26-firma__foto{max-width:150px}
}
/* el gráfico del caso, envuelto en details.f26-mov, conserva su sitio en la rejilla de f26-graficos.css */
.f26-cab--fig > details.f26-mov{grid-column:2;grid-row:1/span 3;align-self:end;min-width:0}
@media (max-width:980px){.f26-cab--fig > details.f26-mov{grid-column:1;grid-row:auto;margin-top:var(--f26-e4)}.f26-cab--fig > details.f26-mov > .f26-fig{margin-top:0}}
details.f26-mov{justify-self:stretch;min-width:0}
@media (max-width:760px){
  .f26-sec > .f26-wrap > * + *{margin-top:20px}
  .f26-hero__g{padding-block:40px 32px}
}
@media (max-width:760px){.f26-cab{margin-bottom:var(--f26-e4)}}
@media (max-width:760px){.f26-sec{padding-block:32px}.f26-linea__txt{gap:10px}}
@media (max-width:760px){.f26-cta{padding-block:36px}}

/* v160c · gráfico propio del método en la cabecera y diagrama de Advisory */
.f26-hero__g--metodo{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--f26-e6)}
.f26-metodo{margin:0;justify-self:end;width:100%;max-width:470px;display:grid;gap:10px}
.f26-metodo__svg{width:100%;height:auto;display:block;overflow:visible}
.f26-metodo figcaption{font-size:.8125rem;line-height:1.4;color:var(--f26-claro-3)}
.f26-metodo .m-grid line{stroke:#9FB0C2;stroke-opacity:.10;stroke-width:1}
.f26-metodo .m-eje{stroke:#9FB0C2;stroke-opacity:.28;stroke-width:1;stroke-dasharray:2 6}
.f26-metodo .m-c{fill:none;stroke:#D9E0EA;stroke-width:1.25}
.f26-metodo .m-c1{stroke-opacity:.95}.f26-metodo .m-c2{stroke-opacity:.6}.f26-metodo .m-c3{stroke-opacity:.38}
.f26-metodo .m-ticks line{stroke:#D9E0EA;stroke-opacity:.35;stroke-width:1}
.f26-metodo .m-nucleo{fill:#C09A5B}
.f26-metodo text{fill:#D9E0EA;font-family:var(--f26-sans);font-size:13px}
.f26-metodo .m-k{font-weight:600;font-size:11px;letter-spacing:.12em;fill:#F1F3F6}
.f26-metodo .m-centro{font-family:var(--f26-serif);font-weight:600;font-size:17px;fill:#F1F3F6}
.f26-metodo .m-hitos circle{fill:#0A1A2F;stroke:#D9E0EA;stroke-width:1.25}
.f26-metodo .m-hitos text{font-size:12px;fill:#B3BFCE}
.f26-metodo .m-hoy{fill:#F1F3F6}
@media (prefers-reduced-motion:no-preference){
  .mo .f26-metodo .m-ticks{transform-origin:260px 260px;animation:f26giro 240s linear infinite}
  .mo .f26-metodo .m-c{stroke-dasharray:1500;stroke-dashoffset:1500;animation:f26traza 1.6s cubic-bezier(.2,.7,.2,1) forwards}
  .mo .f26-metodo .m-c2{animation-delay:.25s}.mo .f26-metodo .m-c3{animation-delay:.5s}
}
@keyframes f26giro{to{transform:rotate(360deg)}}
@keyframes f26traza{to{stroke-dashoffset:0}}
@media (max-width:980px){.f26-hero__g--metodo{grid-template-columns:minmax(0,1fr)}.f26-metodo{display:none}}
.f26-media--venn{background:var(--f26-navy);aspect-ratio:3/2;display:grid;place-items:center;padding:16px}
.f26-media--venn svg{width:100%;height:auto;max-height:100%}
.f26-media--venn .v-grid line{stroke:#9FB0C2;stroke-opacity:.12;stroke-width:1}
.f26-media--venn .v-c{fill:#D9E0EA;fill-opacity:.06;stroke:#D9E0EA;stroke-opacity:.8;stroke-width:1.25}
.f26-media--venn .v-l{fill:#F1F3F6;font-family:var(--f26-sans);font-size:15px;font-weight:600}
.f26-media--venn .v-n{fill:#C09A5B}
.f26-media--venn .v-q{fill:#F1F3F6;font-family:var(--f26-serif);font-weight:600;font-size:17px}
@media (min-width:981px){.f26-hero__foto::after{background:linear-gradient(90deg,rgba(10,26,47,.86) 0%,rgba(10,26,47,.82) 50%,rgba(10,26,47,.78) 100%)}}
.f26-metodo{background:radial-gradient(circle at 50% 48%,rgba(10,26,47,.85) 0,rgba(10,26,47,.6) 52%,rgba(10,26,47,0) 72%)}
/* v160e · el globo vuelve, en el centro del método */
.f26-metodo__dib{position:relative}
.f26-metodo__globo{position:absolute;left:18.6%;top:18.6%;width:62.8%;height:62.8%;display:block;pointer-events:none}
.f26-metodo .m-lab text{font-size:12.5px}
.f26-metodo .m-c1{stroke-opacity:.55}.f26-metodo .m-c2{stroke-opacity:.4}.f26-metodo .m-c3{stroke-opacity:.3}

/* ==========================================================================
   dis2 · PORTADA COMO PUERTA DE LA RED (tres divisiones). Aditivo: todo lo de
   arriba que ya no se usa (vídeo de fondo, rejilla de líneas) queda inerte.
   Serif 600 en titulares y cifras, Inter en cuerpo, sin monoespaciada.
   Oro: solo filetes de 1 px y el botón «Hablar veinte minutos».
   ========================================================================== */
.f26{--pt-aire:clamp(72px,10vw,144px)}
.pt-cab{display:grid;gap:var(--f26-e5);justify-items:start;max-width:46em}
.pt-puertas .f26-h2,.pt-caso .f26-h2,.pt-video .f26-h2,.pt-firma .f26-h2,.f26-libro .f26-h2{font-size:clamp(2rem,1.45rem + 2.4vw,3.5rem);line-height:1.08;letter-spacing:-.015em;max-width:17em}
.f26-etiqueta{display:flex;align-items:center;gap:12px}
.f26-etiqueta::before{content:"";flex:none;width:32px;height:1px;background:var(--f26-oro)}

/* --- Cabecera: azul noche plano, un titular grande, una línea, un botón --- */
.pt-hero{background:var(--f26-tinta);border-bottom:1px solid var(--f26-filete-osc)}
.pt-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(rgba(159,176,194,.20) 1px,transparent 1.4px);background-size:30px 30px;-webkit-mask-image:linear-gradient(90deg,transparent 35%,#000 100%);mask-image:linear-gradient(90deg,transparent 35%,#000 100%)}
.pt-hero__g{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--f26-hueco);align-items:center;min-height:min(680px,80vh);padding-block:clamp(72px,11vw,152px) clamp(40px,6vw,72px)}
.pt-hero__txt{display:grid;gap:var(--f26-e5);justify-items:start;min-width:0}
.pt-hero .f26-h1{font-size:clamp(2.75rem,1.6rem + 4.6vw,5.25rem);line-height:1.02;letter-spacing:-.02em;max-width:11em}
.pt-hero .f26-entrada{font-size:clamp(1.1875rem,1.05rem + .6vw,1.5rem);line-height:1.45;max-width:26em;color:var(--f26-claro-2)}
.pt-hero .f26-acc{margin-top:var(--f26-e4);gap:var(--f26-e4) var(--f26-e6)}
.pt-hero .f26-micro{color:var(--f26-claro-3)}
.pt-hero .f26-metodo{max-width:440px;opacity:.92}
.pt-nuevo{display:flex;flex-wrap:wrap;align-items:center;gap:4px 28px;margin:0;padding:12px 0 20px;border-top:1px solid var(--f26-filete-osc);font-size:.9375rem;line-height:1.4;color:var(--f26-claro-2)}
.pt-nuevo .f26-enlace{padding-block:10px;font-size:.9375rem}

/* --- Las tres puertas --- */
.pt-puertas{background:var(--f26-blanco);padding-block:var(--pt-aire)}
.pt-puertas__g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(48px,6vw,88px)}
.pt-puerta{position:relative;display:grid;gap:var(--f26-e4);align-content:start;min-width:0;padding:clamp(28px,3vw,44px) clamp(20px,2.6vw,40px) clamp(28px,3vw,44px);border-top:1px solid var(--f26-oro);border-left:1px solid var(--f26-filete)}
.pt-puerta:first-child{border-left:0;padding-left:0}
.pt-puerta:hover{background:var(--f26-papel)}
.pt-puerta:focus-within{outline:2px solid var(--f26-enlace);outline-offset:-2px}
.pt-puerta__t{margin:0;font-family:var(--f26-serif);font-weight:600;font-size:clamp(2.25rem,1.7rem + 2.2vw,3.75rem);line-height:1;letter-spacing:-.02em;color:var(--f26-navy)}
.pt-puerta__q{margin:0;font-family:var(--f26-serif);font-weight:600;font-size:1.25rem;line-height:1.3;color:var(--f26-navy)}
.pt-puerta .f26-etiqueta{color:var(--f26-apagado)}
.pt-puerta__minis{list-style:none;margin:var(--f26-e2) 0 0;padding:var(--f26-e4) 0 0;border-top:1px solid var(--f26-filete);display:grid;gap:var(--f26-e4)}
.pt-puerta__minis li{display:grid;gap:2px;font-size:.875rem;line-height:1.4;color:var(--f26-apagado)}
.pt-puerta__minis .f26-num{font-family:var(--f26-serif);font-weight:600;font-size:clamp(1.875rem,1.5rem + 1.2vw,2.5rem);letter-spacing:-.015em;color:var(--f26-navy)}
.pt-puerta__ir{justify-self:start;margin-top:var(--f26-e2);padding-block:12px}
.pt-puerta__ir::after{content:"";position:absolute;inset:0}
.pt-puertas .f26-lema{margin-top:clamp(40px,5vw,72px) !important;border-top:0;padding-top:0;max-width:40em}

/* --- Libro blanco --- */
.f26-libro{background:var(--f26-papel);padding-block:var(--pt-aire);border-top:1px solid var(--f26-filete)}
.f26-libro__seis{white-space:normal}
.f26-libro__tapa{box-shadow:none;border:1px solid var(--f26-filete)}
.f26-libro .f26-etiqueta{color:var(--f26-apagado)}

/* --- Caso real --- */
.pt-caso{background:var(--f26-blanco);padding-block:var(--pt-aire) clamp(56px,7vw,96px)}
.pt-caso .f26-cab--fig{margin-bottom:0}
.pt-caso .f26-fig{border-top:1px solid var(--f26-oro)}
.pt-banda{padding-block:clamp(56px,7vw,104px)}
.pt-banda .f26-cifras{border-top:1px solid var(--f26-oro);border-bottom:0}
.pt-banda .f26-cifra{padding:clamp(28px,3vw,48px) clamp(16px,2.4vw,40px) clamp(24px,3vw,40px);gap:var(--f26-e3)}
.pt-banda .f26-cifra:first-child{padding-left:0}
.pt-banda .f26-num{font-family:var(--f26-serif);font-weight:600;font-size:clamp(3.5rem,2rem + 6.2vw,7.5rem);line-height:.95;letter-spacing:-.025em;color:var(--f26-claro)}
.pt-banda .f26-cifra dt{font-size:1.0625rem}
.pt-banda__pie{display:flex;flex-wrap:wrap;gap:8px 32px;align-items:baseline;margin-top:var(--f26-e6) !important;padding-top:var(--f26-e4);border-top:1px solid var(--f26-filete-osc)}

/* --- Vídeo --- */
.pt-video{background:var(--f26-papel);padding-block:var(--pt-aire)}
.pt-video__g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--f26-hueco);align-items:center}
.pt-video__txt{display:grid;gap:var(--f26-e5);justify-items:start;min-width:0}

/* --- Quién firma --- */
.pt-firma{background:var(--f26-blanco);padding-block:var(--pt-aire)}
#quien-firma .f26-firma{grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:clamp(40px,7vw,112px);align-items:start}
#quien-firma .f26-firma__foto{max-width:360px;aspect-ratio:3/4;outline:1px solid var(--f26-oro);outline-offset:12px;margin-left:12px}
#quien-firma .f26-firma__foto img{filter:none}
.pt-cita{margin:0;padding:var(--f26-e2) 0 var(--f26-e2) var(--f26-e5);border-left:1px solid var(--f26-oro);max-width:30em}
.pt-cita p{margin:0;font-family:var(--f26-serif);font-weight:600;font-size:clamp(1.375rem,1.15rem + 1vw,2rem);line-height:1.3;color:var(--f26-navy)}
.pt-firma .f26-ficha-datos{border-top:1px solid var(--f26-navy)}
.pt-firma .f26-ficha-datos dt{font-family:var(--f26-serif);font-weight:600;font-size:1.0625rem;color:var(--f26-navy)}

/* --- Llamada final y preguntas --- */
.f26-cta{padding-block:clamp(64px,9vw,128px);border-top:1px solid var(--f26-oro)}
.f26-cta .f26-h2{font-size:clamp(2rem,1.45rem + 2.4vw,3.5rem);line-height:1.08;max-width:15em}
.pt-faq{background:var(--f26-papel);padding-block:var(--pt-aire);border-top:1px solid var(--f26-filete)}
.pt-faq .f26-h2{font-size:clamp(1.75rem,1.4rem + 1.6vw,2.5rem)}
.pt-faq .f26-faq{border-top:1px solid var(--f26-navy)}

@media (max-width:980px){
  .pt-hero__g{grid-template-columns:minmax(0,1fr)}
  .pt-hero .f26-metodo{display:none}
  .pt-puertas__g{grid-template-columns:minmax(0,1fr)}
  .pt-puerta,.pt-puerta:first-child{border-left:0;padding-left:0;padding-right:0}
  .pt-video__g{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  .f26{--pt-aire:56px}
  .f26-sec.pt-puertas,.f26-sec.pt-caso,.f26-sec.pt-video,.f26-sec.pt-firma,.f26-sec.pt-faq{padding-block:var(--pt-aire)}
  .pt-caso{padding-bottom:32px}
  .pt-banda{padding-block:40px}
  .pt-hero__g{min-height:0;padding-block:56px 32px}
  .pt-hero .f26-acc .f26-btn{width:100%}
  .pt-nuevo{gap:0 20px;padding-bottom:12px}
  .pt-banda .f26-cifras{grid-template-columns:minmax(0,1fr)}
  .pt-banda .f26-cifra,.pt-banda .f26-cifras .f26-cifra:nth-child(n){border-top:1px solid var(--f26-filete-osc);padding:20px 0}
  .pt-banda .f26-cifra:first-child{border-top:0}
  .pt-banda .f26-cifras:not(.f26-cifras--4) .f26-cifra:nth-child(3):last-child{grid-column:auto}
  .pt-banda .f26-cifra .f26-num{font-size:clamp(3rem,16vw,4rem);line-height:1}
  #quien-firma .f26-firma{grid-template-columns:minmax(0,1fr)}
  #quien-firma .f26-firma__foto{max-width:200px;margin-left:10px;outline-offset:8px}
}
@media (max-width:760px){
  .pt-puerta{gap:10px;padding-block:24px}
  .pt-puerta__t{font-size:2.25rem}
  .pt-puerta__q{font-size:1.125rem}
  .pt-puerta__minis{display:none}
  .pt-cab{gap:var(--f26-e3)}
  .pt-puertas__g{margin-top:32px}
  .pt-puertas .f26-lema{margin-top:24px !important;font-size:1rem}
  .pt-banda .f26-cifra{padding:16px 0;gap:6px}
  .pt-banda .f26-cifra .f26-num{font-size:3rem}
  .pt-video__g{gap:24px}
  .pt-video__txt .f26-h2{font-size:1.75rem}
  .pt-cita p{font-size:1.25rem}
}

/* ===== ronda 2 · más moderna y comercial, con autoridad ===== */
.f26 .f26-btn{border-radius:8px}
.pt-hero{background:radial-gradient(900px 480px at 82% 20%,rgba(79,128,170,.16),transparent 70%),var(--f26-tinta)}
.pt-prueba{display:grid;gap:12px;margin-top:var(--f26-e3);max-width:34em}
.pt-prueba__n{display:flex;align-items:center;gap:20px;margin:0;padding:16px 20px;border:1px solid var(--f26-filete-osc);border-left:2px solid var(--f26-oro);border-radius:0 12px 12px 0;background:rgba(255,255,255,.035);font-size:.9375rem;line-height:1.45;color:var(--f26-claro-2)}
.pt-prueba__n .f26-num{font-family:var(--f26-serif);font-weight:600;font-size:clamp(2.5rem,2rem + 2vw,3.75rem);line-height:1;color:var(--f26-claro);flex:none}
.pt-puerta{border:1px solid var(--f26-filete);border-top:2px solid var(--f26-oro);border-radius:12px;margin:0 8px;padding-inline:clamp(20px,2.4vw,32px) !important;background:var(--f26-blanco);box-shadow:0 1px 2px rgba(10,26,47,.06)}
.pt-puerta:first-child,.pt-puerta:nth-child(n){border-left:1px solid var(--f26-filete);padding-left:clamp(20px,2.4vw,32px) !important}
.pt-puertas__g{margin-inline:-8px}
.pt-puerta:hover{background:var(--f26-blanco);border-color:var(--f26-acero);box-shadow:0 6px 16px -8px rgba(10,26,47,.25);transform:translateY(-2px);transition:transform .15s ease,box-shadow .15s ease}
.pt-puerta__q{font-size:1.1875rem}
.pt-puerta__ir{font-weight:700}
.f26-test{border-radius:12px}
.f26-libro__tapa{border-radius:6px;overflow:hidden}
@media (max-width:980px){.pt-puerta,.pt-puerta:first-child,.pt-puerta:nth-child(n){margin:0 0 16px;padding-inline:20px !important;border-left:1px solid var(--f26-filete)}.pt-puertas__g{margin-inline:0}}
@media (max-width:760px){.pt-prueba__n{flex-direction:column;align-items:flex-start;gap:6px}.pt-hero .f26-h1{font-size:clamp(2.25rem,9vw,2.75rem)}}
@media (prefers-reduced-motion:reduce){.pt-puerta:hover{transform:none}}