/* Marco común de las páginas públicas (5-nov-2026): el mismo estilo de la portada nueva.
   Cabecera, primera franja de cada página, pie, claro/oscuro y botón de metal líquido.
   Lo cargan: criterios-de-la-semana.html, analisis/, calculadoras/, amparo-modalidad-40/. */
:root{
  --bg:#e3e4e8; --bg2:#d7d9de; --fg:#15171b; --muted:#4d525b; --line:rgba(21,23,27,.14);
  --accent:#6b4f1f; --panel:#f2f3f5; --panel-line:rgba(21,23,27,.12); --campo:#ffffff;
  --pill-bg:linear-gradient(180deg,#ffffff,#d9dbe0); --pill-line:rgba(21,23,27,.14); --pill-hi:#ffffff; --pill-fg:#15171b;
  --ink-btn:#15171b; --ink-btn-fg:#f4f5f7;
  --logo-filtro:brightness(.62) contrast(1.35) drop-shadow(0 1px 0 rgba(255,255,255,.6));
  --f-display:'Instrument Serif',Georgia,'Times New Roman',serif;
  --f-body:'Geist',system-ui,-apple-system,'Segoe UI',sans-serif;
  --f-mono:'Geist Mono',ui-monospace,Consolas,monospace;
  --ease:cubic-bezier(.2,.8,.2,1);
}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){
  --bg:#0e1117; --bg2:#141821; --fg:#eef0f3; --muted:#a6adb8; --line:rgba(238,240,243,.12);
  --accent:#dcb86f; --panel:#151a23; --panel-line:rgba(238,240,243,.10); --campo:#0f131a;
  --pill-bg:linear-gradient(180deg,#262930,#0d0e11); --pill-line:rgba(255,255,255,.09); --pill-hi:rgba(255,255,255,.14); --pill-fg:#f3f4f6;
  --ink-btn:#eef0f3; --ink-btn-fg:#111317;
  --logo-filtro:drop-shadow(0 2px 6px rgba(0,0,0,.5));
  color-scheme:dark } }
:root[data-theme="dark"]{
  --bg:#0e1117; --bg2:#141821; --fg:#eef0f3; --muted:#a6adb8; --line:rgba(238,240,243,.12);
  --accent:#dcb86f; --panel:#151a23; --panel-line:rgba(238,240,243,.10); --campo:#0f131a;
  --pill-bg:linear-gradient(180deg,#262930,#0d0e11); --pill-line:rgba(255,255,255,.09); --pill-hi:rgba(255,255,255,.14); --pill-fg:#f3f4f6;
  --ink-btn:#eef0f3; --ink-btn-fg:#111317;
  --logo-filtro:drop-shadow(0 2px 6px rgba(0,0,0,.5));
  color-scheme:dark }

html{scroll-behavior:smooth;scroll-padding-top:90px}
body.m26{margin:0;background:var(--bg);color:var(--fg);font-family:var(--f-body);-webkit-font-smoothing:antialiased}
body.m26::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--bg)}
.m26 .m-wrap{max-width:1360px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.m26 .m-mono{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.m26 :focus-visible{outline:2px solid var(--accent);outline-offset:3px}

/* Cabecera */
.m-cab{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:color-mix(in oklab,var(--bg) 80%,transparent);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);border-bottom:1px solid var(--line)}
.m-cab .m-wrap{display:flex;align-items:center;gap:22px;padding-block:10px;min-height:74px}
.m-logo{display:block;line-height:0}
.m-logo img{height:50px;width:auto;filter:var(--logo-filtro)}
.m-menu{display:flex;gap:20px;flex-wrap:wrap}
.m-menu a{text-decoration:none;font-size:14px;color:var(--muted);padding-block:6px;border-bottom:1px solid transparent;white-space:nowrap}
.m-menu a:hover,.m-menu a[aria-current="page"]{color:var(--fg);border-color:var(--fg)}
.m-accesos{margin-left:auto;display:flex;align-items:center;gap:14px}
.m-socios{display:inline-flex;align-items:center;gap:7px;text-decoration:none;font-size:14px;color:var(--muted);padding:8px 4px}
.m-socios:hover{color:var(--fg)}
.m-icono{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:none;color:var(--fg);display:grid;place-items:center;cursor:pointer}
.m-icono:hover{border-color:var(--fg)}
.m-solo-movil{display:none}
.m-panel-movil{border-top:1px solid var(--line);padding-block:8px 18px}
.m-panel-movil a{display:block;padding:13px 0;border-bottom:1px solid var(--line);text-decoration:none;font-size:16px;color:var(--fg)}
.m-panel-movil[hidden]{display:none!important}
@media (max-width:1180px){.m-menu{display:none}.m-solo-movil{display:grid}}
@media (max-width:640px){.m-cab .m-wrap{gap:10px}.m-cab .m-metal .m-txt,.m-socios span{display:none}.m-cab .m-metal{padding-right:5px}.m-logo img{height:40px}.m-accesos{gap:8px}}

/* Botón de metal líquido */
.m-metal{--orb:40px;--txt:15px;display:inline-flex;align-items:center;gap:calc(var(--orb)*.32);padding:5px calc(var(--orb)*.55) 5px 5px;border-radius:999px;background:var(--pill-bg);border:1px solid var(--pill-line);box-shadow:inset 0 1px 0 var(--pill-hi),0 18px 40px -22px rgba(0,0,0,.55);color:var(--pill-fg);text-decoration:none;font-weight:500;font-size:var(--txt);letter-spacing:-.01em;transition:transform .35s var(--ease);white-space:nowrap}
.m-metal:hover{transform:translateY(-2px);text-decoration:none}
.m-orb{position:relative;width:var(--orb);height:var(--orb);flex:none;display:grid;place-items:center}
.m-orb canvas{position:absolute;width:150%;height:150%;left:-25%;top:-25%;pointer-events:none}
.m-orb svg{position:relative;z-index:1;width:46%;height:46%;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}
.m-orb .m-escudo{position:relative;z-index:1;width:62%;height:62%;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}

/* Primera franja de cada página: oscura en los dos temas, con su imagen o video a la derecha */
.m-portadilla{--fg:#eef0f3;--muted:#b3b9c3;--accent:#dcb86f;--line:rgba(238,240,243,.16);position:relative;overflow:hidden;isolation:isolate;border-radius:26px;margin-top:18px;background:#07080b;color:var(--fg);min-height:clamp(300px,30vw,420px);display:flex;align-items:flex-end}
.m-portadilla .m-fondo{position:absolute;inset:0;z-index:0;-webkit-mask:linear-gradient(90deg,transparent 34%,#000 74%);mask:linear-gradient(90deg,transparent 34%,#000 74%)}
.m-portadilla .m-fondo img,.m-portadilla .m-fondo video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos,70% 40%);animation:m-acerca 26s ease-in-out infinite alternate}
@keyframes m-acerca{from{transform:scale(1.02)}to{transform:scale(1.1)}}
.m-portadilla::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 100% at 70% 40%,transparent 50%,rgba(0,0,0,.55))}
.m-portadilla .m-copia{position:relative;z-index:2;padding:clamp(32px,4.4vw,60px) clamp(22px,3.4vw,52px);max-width:720px}
.m-portadilla h1{font-family:var(--f-display);font-weight:400;text-transform:uppercase;font-size:clamp(44px,5.4vw,84px);line-height:.92;margin:14px 0 16px;text-wrap:balance}
.m-portadilla h1 em{font-style:italic;text-transform:none;color:var(--accent)}
.m-portadilla p{margin:0;color:var(--muted);font-size:17px;line-height:1.6;max-width:56ch}
.m-portadilla .m-credito{position:absolute;z-index:2;right:18px;bottom:12px;font-family:var(--f-mono);font-size:9.5px;letter-spacing:.08em;color:rgba(238,240,243,.55)}
@media (max-width:760px){
  .m-portadilla{min-height:0;display:block}
  .m-portadilla .m-fondo{position:relative;height:240px;-webkit-mask:linear-gradient(180deg,#000 60%,transparent);mask:linear-gradient(180deg,#000 60%,transparent)}
  .m-portadilla .m-copia{padding:4px 20px 26px}
}
@media (prefers-reduced-motion:reduce){.m-portadilla .m-fondo img,.m-portadilla .m-fondo video{animation:none}.m-metal{transition:none}}

/* Pie */
.m-pie{margin-top:clamp(56px,8vw,100px);border-top:1px solid var(--line);padding-block:44px calc(40px + env(safe-area-inset-bottom,0px));color:var(--fg)}
.m-pie-rej{display:grid;grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr));gap:32px}
.m-pie h4{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;color:var(--muted);font-weight:500;margin:0 0 16px}
.m-pie nav{display:grid;gap:10px}
.m-pie nav a{font-size:14px;text-decoration:none;color:var(--fg);opacity:.85}
.m-pie nav a:hover{opacity:1;text-decoration:underline}
.m-pie p{color:var(--muted);font-size:14px;max-width:46ch;line-height:1.6}
.m-pie-bajo{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:34px;padding-top:20px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.m-pie-bajo a{color:var(--muted);text-decoration:none}
.m-pie-bajo a:hover{color:var(--fg)}
@media (max-width:760px){.m-pie-rej{grid-template-columns:minmax(0,1fr)}}