/* adiut.ai con Adiut 2.0 (v2, 2026-10-28): estilos del sitio.
   Los componentes (btn, chip, badge, card, tbl, flow, step, num, cite, v, dot, bubble, risk, src, kv, tab)
   vienen del sistema de diseño Adiut 2.0 v2: ds/adiut2/components/bundle.css. Aquí solo va la composición
   de la página, con los mismos valores de tokens.json: tinta #16233B, azul de acción #1D4ED8, verde solo para
   lo verificado; titulares en Newsreader (tamaño óptico), todo lo demás en IBM Plex Mono. */

@font-face{font-family:"Newsreader";src:url("../fonts/Newsreader-latin-opsz-wght.woff2") format("woff2-variations"),url("../fonts/Newsreader-latin-opsz-wght.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("../fonts/IBMPlexMono-latin-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("../fonts/IBMPlexMono-latin-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("../fonts/IBMPlexMono-latin-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}

/* tokens del sistema (tokens.json), fijados en .web para que ningún tema del sitio anfitrión (variables :root de Next/shadcn como --accent o --line) los pise */
.web{--bg:#f5f7fb;--ink:#16233b;--accent:#1d4ed8;--accent-hover:#16233b;--focus:#1d4ed8;--ink-2:#3d4c66;--icon:18px;--space-2:8px;--control:36px;--radius-control:8px;--hairline:1px;--control-line:#e6eaf1;--surface:#fff;--control-sm:30px;--control-xs:26px;--radius-pill:999px;--next-tint:#f0f3f9;--verified-tint:#e8f5ee;--verified-ink:#166b3d;--warn-tint:#fbf1dc;--warn-ink:#7a5410;--crit-tint:#fbe7e4;--crit-ink:#b4433a;--neutral-tint:#eef1f6;--neutral-ink:#3d4c66;--own-tint:#e8edf7;--own-ink:#16233b;--radius-cite:4px;--cite-bg:#e8f5ee;--verified:#1b8a4b;--dot:9px;--dot-neutro:#7a8699;--dot-ok:#1b8a4b;--dot-medio:#b7791f;--dot-alto:#b4433a;--line:#e6eaf1;--radius-card:12px;--next-line:#e6eaf1;--next-bg:#f5f7fb;--pending-bg:#fffdf7;--line-2:#eef1f6;--accent-tint:#e8edf7;--user-bubble:#e8edf7;--shadow-panel:-8px 0 24px rgba(22,35,59,.08);--sidebar:232px;--header:56px;--panel:372px;--panel-flujos:420px;--shadow-card:0 1px 2px rgba(22,35,59,.04)}
.web{--font-mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;--font-sans:var(--font-mono);--font-serif:"Newsreader",Georgia,serif;background:#f5f7fb;color:#16233b;font:400 14px/23px var(--font-mono);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;overflow-x:clip}
.web *{box-sizing:border-box}
.web .wrap{max-width:1264px;margin:0 auto;padding:0 32px}
.web .band{padding:120px 0;border-top:1px solid #e6eaf1}
.web .band.white{background:#fff}

/* texto */
.web .kicker{margin:0;font:500 12px/16px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#3d4c66}
.web .display{margin:0;font:300 88px/84px var(--font-serif);font-optical-sizing:auto;letter-spacing:-.04em;color:#16233b;text-wrap:balance}
.web .h2w{margin:0;font:300 48px/54px var(--font-serif);font-optical-sizing:auto;letter-spacing:-.03em;color:#16233b;text-wrap:balance}
.web .lead{margin:0;font-size:15px;line-height:26px;color:#3d4c66;max-width:52ch}
.web .txt{margin:0;font-size:14px;line-height:24px;color:#3d4c66;max-width:52ch}
.web .t3{margin:0;font:400 22px/28px var(--font-serif);font-optical-sizing:auto;letter-spacing:-.015em;color:#16233b}
.web .fine{margin:0;font-size:12.5px;line-height:20px;color:#3d4c66}
.web .head{display:flex;flex-direction:column;gap:20px;max-width:760px;margin:0 0 64px}
.web .head.center{margin-left:auto;margin-right:auto;text-align:center;align-items:center}
.web .btn.lg{height:48px;padding:0 22px;font-size:14px}

/* texto justificado (decisión del owner, 2026-11-06): párrafos de lectura; la última línea va a la izquierda y las palabras largas se parten (hyphens, con lang="es") */
.web .lead,.web .txt,.web .faq details p,.web .flow p,.web .checks li span,.web .legal p,.web .legal li{text-align:justify;text-align-last:left;-webkit-hyphens:auto;hyphens:auto}
.web .hero-copy .lead,.web .head.center .lead{text-align:center;text-align-last:center}
.web .hero-copy .lead{-webkit-hyphens:manual;hyphens:manual}

/* rejillas */
.web .g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.web .g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.web .split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;align-items:center}
.web .split.rev{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.web .stack{display:flex;flex-direction:column;gap:20px}
.web .tile{display:flex;flex-direction:column;gap:14px;padding:28px}
.web .ic{width:40px;height:40px;flex-shrink:0;border-radius:8px;border:1px solid #e6eaf1;background:#f5f7fb;display:flex;align-items:center;justify-content:center;color:#16233b}
.web .ic svg{width:20px;height:20px}
.web .checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.web .checks li{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:23px;color:#16233b}
.web .checks svg{width:20px;height:20px;flex-shrink:0;margin-top:2px;color:#166b3d}

/* barra superior */
.web .topbar{position:sticky;top:0;z-index:10;background:rgba(245,247,251,.94);backdrop-filter:blur(8px);border-bottom:1px solid #e6eaf1}
.web .topbar .wrap{height:72px;display:flex;align-items:center;gap:40px}
.web .brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}
.web .navlinks{display:flex;align-items:center;gap:28px;flex-grow:1}
.web .navlinks a{color:#16233b;text-decoration:none;font-size:12.5px;line-height:20px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}
.web .navlinks a:hover{color:#1d4ed8}
.web .navcta{display:flex;align-items:center;gap:10px;margin-left:auto}
.web .btn.menu{display:none}

/* portada */
.web .hero{padding:112px 0 120px}
.web .hero-copy{display:flex;flex-direction:column;align-items:center;text-align:center;gap:28px;max-width:960px;margin:0 auto}
.web .pill{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:6px 14px;border:1px solid #e6eaf1;border-radius:999px;background:#fff;font-size:12px;line-height:18px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:#3d4c66}
.web .pre{margin:0;font:400 24px/32px var(--font-serif);font-style:italic;font-optical-sizing:auto;letter-spacing:-.01em;color:#3d4c66}
.web .ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.web .shot{margin:80px auto 0;width:1200px;height:750px;border:1px solid #e6eaf1;border-radius:12px;overflow:hidden;background:#f5f7fb;box-shadow:0 24px 60px -24px rgba(22,35,59,.18)}
.web .shot>.a2-shell{transform:scale(.833333);transform-origin:0 0}
.web .shot-m{display:none}

/* franja de fuentes */
.web .strip{border-top:1px solid #e6eaf1;background:#fff}
.web .strip .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 36px;padding-top:36px;padding-bottom:36px}
.web .dom{font-size:13px;line-height:20px;font-weight:400;color:#3d4c66;white-space:nowrap}

/* marcas */
.web .legend{display:flex;align-items:center;gap:12px;font-size:13px;line-height:19px;color:#3d4c66}
.web .legend .badge{min-width:158px;justify-content:center}

/* flujos */
.web .run{padding:24px;display:flex;flex-direction:column;gap:16px}
.web .steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}
.web .steps li{display:flex;gap:14px;align-items:flex-start}
.web .steps .num{margin-top:2px}
.web .catalog{margin-top:80px;display:flex;flex-direction:column;gap:24px}
.web .flowgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}

/* drive y playbook */
.web .tblbox{overflow-x:auto}
.web .pb{margin-top:24px;padding:28px;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px;align-items:start}
.web .rules{display:flex;flex-direction:column}
.web .rule{display:grid;grid-template-columns:210px minmax(0,1fr) auto;gap:8px 20px;align-items:start;padding:14px 0;border-top:1px solid #eef1f6;font-size:13.5px;line-height:22px}
.web .rule:first-child{border-top:0;padding-top:0}
.web .verdict{font-size:12px;line-height:22px;font-weight:600;color:#3d4c66;white-space:nowrap}

/* Word */
.web .wordbox{background:#eef1f6;border-radius:12px;padding:28px;display:flex;gap:24px;align-items:flex-start}
.web .sheet{flex:1 1 0;min-width:0;max-width:760px;background:#fff;box-shadow:0 1px 3px rgba(22,35,59,.12);padding:48px 56px;font:400 15.5px/26px var(--font-serif);font-optical-sizing:auto;color:#16233b;text-align:justify;display:flex;flex-direction:column;gap:14px}
.web .wordhead{display:flex;align-items:center;gap:16px;padding:10px 16px;background:#fff;border-radius:8px;border:1px solid #e6eaf1;font-size:12.5px;line-height:18px;color:#3d4c66}
.web .wordhead strong{color:#16233b;font-weight:600}
.web .word-wrap{display:flex;flex-direction:column;gap:12px;flex:1 1 0;min-width:0}
.web .srcs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.web .srcs .card{padding:18px 20px;display:flex;flex-direction:column;gap:8px}
.web .srcs .nm{font-size:14px;line-height:20px;font-weight:600;color:#16233b}
.web .srcs .ty{font-size:12px;line-height:18px;color:#3d4c66}
.web .composer{display:flex;flex-direction:column;gap:14px;padding:20px}
.web .composer .box{border:1px solid #e6eaf1;border-radius:10px;background:#fff;padding:14px 16px;display:flex;flex-direction:column;gap:12px}
.web .composer .ph{font-size:14.5px;line-height:22px;color:#7a8699}
.web .composer .modes{display:flex;flex-wrap:wrap;gap:8px}
.web .sheet p{margin:0}
.web .u-ok{background:#e8f5ee;text-decoration:underline;text-decoration-color:#1b8a4b;text-decoration-thickness:2px;text-underline-offset:4px}
.web .u-warn{background:#fbf1dc;text-decoration:underline;text-decoration-color:#b7791f;text-decoration-thickness:2px;text-underline-offset:4px}
.web .u-bad{background:#fbe7e4;text-decoration:underline dashed;text-decoration-color:#b4433a;text-decoration-thickness:2px;text-underline-offset:4px}
.web .pane{width:300px;flex-shrink:0;background:#fff;border:1px solid #e6eaf1;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:14px}

/* grafo de conocimiento: el mismo modelo del grafo interactivo de adiut.ai hoy (d3-force), en tarjeta clara */
.web .gcard{overflow:hidden}
.web .ghead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-bottom:1px solid #e6eaf1;font-size:15px;line-height:20px;font-weight:600}
.web .gbody{position:relative;height:460px;background:#fff}
.web .gbody svg.lines{position:absolute;top:0;left:0;width:100%;height:100%}
.web .gnode{position:absolute;transform:translate(-17px,-50%);display:flex;align-items:center;gap:10px;font-size:13px;line-height:18px;font-weight:500;color:#16233b;white-space:nowrap}
.web .gnode i{display:block;width:34px;height:34px;border-radius:50%;flex-shrink:0}
.web .gnode.big i{width:52px;height:52px}
.web .gnode.big{transform:translate(-26px,-50%)}
.web .gnode.norma i,.web .gdot.norma{background:#1d4ed8}
.web .gnode.concepto i,.web .gdot.concepto{background:#7a8699}
.web .gnode.evento i,.web .gdot.evento{background:#1b8a4b}
.web .glbl{position:absolute;transform:translate(-50%,-50%);font-size:10px;line-height:14px;letter-spacing:.06em;text-transform:uppercase;color:#7a8699;background:#fff;padding:0 4px}
.web .glegend{display:flex;flex-wrap:wrap;gap:18px;padding:12px 20px;border-top:1px solid #e6eaf1;font-size:12.5px;line-height:18px;color:#3d4c66}
.web .glegend .gdot{display:inline-block;width:10px;height:10px;border-radius:999px;margin-right:6px;vertical-align:-1px}

/* grafo vivo (versión oscura anterior; sin uso) */
.web .graph{position:relative;height:520px;border-radius:12px;background:#16233b;overflow:hidden}
.web .graph svg.lines{position:absolute;top:0;left:0;width:100%;height:100%}
.web .node{position:absolute;transform:translate(-50%,-50%);padding:7px 12px;border-radius:999px;border:1px solid #3d4c66;background:#16233b;color:#ffffff;font-size:12.5px;line-height:18px;font-weight:500;white-space:nowrap}
.web .node.ok{border-color:#1b8a4b;color:#d4ecdf}
.web .node.hub{padding:10px 16px;font-size:13.5px;font-weight:600;border-color:#aeb9cc}
.web .graph-legend{position:absolute;left:20px;bottom:16px;display:flex;gap:18px;font-size:12px;line-height:16px;color:#aeb9cc}
.web .gdot{display:inline-block;width:8px;height:8px;border-radius:999px;background:#7a8699;margin-right:6px}
.web .gdot.ok{background:#1b8a4b}

/* comparación */
.web .compare th{padding:14px 20px}
.web .compare td{padding:16px 20px;font-size:14px;line-height:22px}
.web .compare td:first-child{font-weight:500}
.web .compare td:nth-child(2){color:#3d4c66}
.web .compare tr:last-child td{border-bottom:0}
.web .compare th:nth-child(2){background:#fbf3f2;color:#8f3a33}
.web .compare th:nth-child(3){background:#e8f5ee;color:#166b3d}
.web .compare td:nth-child(2){background:#fdf8f7}
.web .compare td:nth-child(3){background:#f2faf5;color:#16233b;font-weight:500}
.web .no{color:#b4433a;font-weight:600;margin-right:4px}
.web .si{color:#166b3d;font-weight:600;margin-right:4px}

/* precios */
.web .prices{max-width:960px;margin:0 auto}
.web .price{padding:32px;display:flex;flex-direction:column;gap:22px;box-shadow:0 24px 60px -24px rgba(22,35,59,.18)}
.web .price .btn{width:100%}
.web .amt{font:300 48px/52px var(--font-serif);font-optical-sizing:auto;letter-spacing:-.03em;color:#16233b}
.web .plist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;flex-grow:1}
.web .plist li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:22px}
.web .plist svg{width:18px;height:18px;flex-shrink:0;margin-top:2px;color:#166b3d}

/* preguntas */
.web .faq{max-width:860px;margin:0 auto;display:flex;flex-direction:column}
.web .faq details{border-top:1px solid #e6eaf1;padding:22px 0}
.web .faq details:last-child{border-bottom:1px solid #e6eaf1}
.web .faq summary{cursor:pointer;list-style:none;font:400 21px/28px var(--font-serif);font-optical-sizing:auto;letter-spacing:-.01em;color:#16233b;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.web .faq summary::-webkit-details-marker{display:none}
.web .faq summary svg{width:20px;height:20px;flex-shrink:0;margin-top:4px;color:#3d4c66}
.web .faq details[open] summary svg{transform:rotate(180deg)}
.web .faq details p{margin:12px 0 0;font-size:14px;line-height:24px;color:#3d4c66;max-width:60ch}

/* páginas legales: términos y privacidad */
.web .legal{max-width:824px;margin:0 auto;padding:88px 32px 120px;display:flex;flex-direction:column;gap:36px}
.web .legal-head{display:flex;flex-direction:column;gap:16px;padding-bottom:28px;border-bottom:1px solid #e6eaf1}
.web .legal section{display:flex;flex-direction:column;gap:12px}
.web .legal h2{margin:0;font:400 26px/32px var(--font-serif);font-optical-sizing:auto;letter-spacing:-.015em;color:#16233b}
.web .legal p{margin:0;font-size:14.5px;line-height:25px;color:#3d4c66;max-width:70ch}
.web .legal ul{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:8px}
.web .legal li{font-size:14.5px;line-height:25px;color:#3d4c66;max-width:68ch}
.web .legal strong{color:#16233b;font-weight:600}
.web .legal .aviso{padding:24px 28px;background:#fff}
.web .legal .aviso p{max-width:none;color:#16233b}
@media (max-width:783px){.web .legal{padding:48px 20px 80px;gap:28px}.web .legal h1{font-size:36px;line-height:40px}}

/* pie */
/* pie: la última franja va en azul tinta, con el texto en blanco */
.web .foot{background:#16233b;color:#fff;padding:64px 0 40px}
.web .foot .brand img{filter:brightness(0) invert(1)}
.web .foot .txt{color:#aeb9cc}
.web .foot .kicker{color:#aeb9cc}
.web .foot-top{display:flex;justify-content:space-between;gap:48px;flex-wrap:wrap}
.web .foot-cols{display:flex;gap:64px;flex-wrap:wrap}
.web .foot-col{display:flex;flex-direction:column;gap:10px;font-size:13px;line-height:20px}
.web .foot-col a{color:#fff;text-decoration:none}
.web .foot-col a:hover{color:#aeb9cc}
.web .foot-bottom{margin-top:48px;padding-top:24px;border-top:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;font-size:12px;line-height:18px;letter-spacing:.04em;text-transform:uppercase;color:#aeb9cc}
.web .member{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.web .member .nv{display:inline-flex;align-items:center;justify-content:center;min-width:200px;padding:16px 22px;border-radius:10px;background:#fff;color:#16233b;font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:none}

/* anchos menores */
@media (max-width:1263px){
  .web .shot{width:960px;height:600px}
  .web .shot>.a2-shell{transform:scale(.666667)}
  .web .navlinks{gap:20px}
  .web .display{font-size:72px;line-height:72px}
}
@media (max-width:1023px){
  .web .shot{width:720px;height:450px}
  .web .shot>.a2-shell{transform:scale(.5)}
  .web .display{font-size:60px;line-height:62px}
  .web .h2w{font-size:40px;line-height:46px}
  .web .split,.web .split.rev{grid-template-columns:minmax(0,1fr);gap:48px}
  .web .g3,.web .flowgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .web .pb{grid-template-columns:minmax(0,1fr);gap:28px}
  .web .navlinks{display:none}
  .web .btn.menu{display:inline-flex}
}
@media (max-width:783px){
  .web .wrap{padding:0 20px}
  .web .band{padding:80px 0}
  .web .hero{padding:56px 0 80px}
  .web .shot{display:none}
  .web .shot-m{display:flex;flex-direction:column;gap:14px;padding:18px;margin-top:40px}
  .web .display{font-size:44px;line-height:46px;letter-spacing:-.035em}
  .web .h2w{font-size:32px;line-height:38px}
  .web .lead{font-size:14px;line-height:24px}
  .web .head{margin-bottom:40px}
  .web .g2,.web .g3,.web .flowgrid{grid-template-columns:minmax(0,1fr)}
  .web .ctas{flex-direction:column;align-items:stretch;width:100%}
  .web .ctas .btn{width:100%}
  .web .topbar .wrap{height:64px;gap:12px}
  .web .navcta .btn:not(.pri):not(.menu){display:none}
  .web .strip .wrap{justify-content:flex-start;gap:10px 20px}
  .web .legend{flex-wrap:wrap;gap:6px 12px}
  .web .legend .badge{min-width:0}
  .web .rule{grid-template-columns:minmax(0,1fr);gap:4px}
  .web .wordbox{flex-direction:column;padding:16px}
  .web .sheet{width:100%;max-width:none;padding:24px 20px}
  .web .pane{width:100%}
  .web .srcs{grid-template-columns:minmax(0,1fr)}
  .web .pre{font-size:19px;line-height:26px}
  .web .gbody{height:360px}
  .web .gnode{font-size:11.5px;line-height:14px;gap:6px;white-space:normal;max-width:112px}
  .web .gnode{transform:translate(-11px,-50%)}
  .web .gnode i{width:22px;height:22px}
  .web .gnode.big{transform:translate(-16px,-50%)}
  .web .gnode.big i{width:32px;height:32px}
  .web .glbl{display:none}
  .web .foot-cols{gap:40px}
  .web .member{align-items:flex-start}
  .web .pill{text-transform:none;letter-spacing:0;font-size:12.5px}
  /* filas que en móvil no caben en una línea: botones de la corrida, cabecera del playbook, precio */
  .web .run .row,.web .pb .row,.web .price .row{flex-wrap:wrap}
  .web .wordhead{flex-direction:column;align-items:flex-start;gap:6px}
  /* tablas: sin scroll lateral; la columna del medio (Tipo / Qué trae) se oculta y los nombres largos se parten */
  .web .tbl{min-width:0 !important;font-size:12.5px}
  .web .tbl th,.web .tbl td{padding:10px 10px}
  .web .tbl:not(.compare) th:nth-child(2),.web .tbl:not(.compare) td:nth-child(2){display:none}
  .web .tbl td:first-child{overflow-wrap:anywhere}
  .web .tbl td .row{flex-wrap:wrap}
  /* comparación: cada fila como un bloque (Lo que importa / IA genérica / Adiut) */
  .web .compare thead{display:none}
  .web .compare,.web .compare tbody,.web .compare tr,.web .compare td{display:block;width:100%}
  .web .compare tr{padding:14px 16px;border-bottom:1px solid #eef1f6}
  .web .compare tr:last-child{border-bottom:0}
  .web .compare td{padding:3px 0 !important;background:transparent !important;border:0 !important;font-size:13.5px;line-height:21px}
  .web .compare td:first-child{font-weight:600;color:#16233b;padding-bottom:6px !important}
  .web .compare td:nth-child(2){color:#3d4c66}
  .web .compare td:nth-child(3){font-weight:500}
  .web .compare td:nth-child(2)::before{content:"IA genérica: ";font-weight:600;color:#8f3a33}
  .web .compare td:nth-child(3)::before{content:"Adiut: ";font-weight:600;color:#166b3d}
}
/* primera pantalla en escritorio (2026-11-07): el texto de la portada ocupa toda la primera pantalla, centrado en vertical,
   y el video arranca justo debajo del pliegue; así no asoma un borde del video al pie de la ventana. En pantallas bajas
   (menos de 700px de alto) el texto fluye como antes. El tope de 1600px de alto deja fuera el lienzo de diseño, cuyo
   artboard mide 14400px: sin él, 100vh haría la portada gigantesca en la maqueta. */
@media (min-width:1024px) and (min-height:700px) and (max-height:1600px){
  .web .hero{padding:0 0 120px}
  .web .hero-copy{min-height:calc(100vh - 72px);justify-content:center;padding:96px 0 72px}
  .web .shot{margin-top:24px}
}
/* en pantallas anchas la portada sube un punto: titular 96px, entradilla 26px, párrafo 16px */
@media (min-width:1440px){
  .web .display{font-size:96px;line-height:92px}
  .web .pre{font-size:26px;line-height:34px}
  .web .hero-copy .lead{font-size:16px;line-height:27px;max-width:780px !important}
}
@media (prefers-reduced-motion:reduce){
  .web .faq details[open] summary svg{transform:none}
}