@font-face{font-family:"Serifa";src:url(../assets/fonts/dmserif-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"Serifa";src:url(../assets/fonts/dmserif-400i.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"Grotesca";src:url(../assets/fonts/hanken-var.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"Grotesca Ajuste";src:local("Arial");size-adjust:101%;ascent-override:94%;descent-override:24%;line-gap-override:0%}
@font-face{font-family:"Serifa Ajuste";src:local("Georgia");size-adjust:96%;ascent-override:92%;descent-override:26%;line-gap-override:0%}
:root{--papel:#f4ecd8;--papel2:#ebdfc2;--tinta:#1d2233;--suave:#4a4f63;--cobalto:#1b3f8b;--fundo:#11275a;--ocre:#e3a830;--ocre-d:#8a5806;--claro:#c9d0e6;
--serif:"Serifa","Serifa Ajuste",Georgia,"Times New Roman",serif;--sans:"Grotesca","Grotesca Ajuste",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--w:1180px;--g:clamp(16px,4vw,40px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{margin:0;background:var(--papel);color:var(--tinta);font:400 17px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.5;background-image:radial-gradient(rgba(60,40,10,.06) 1px,transparent 1.2px);background-size:5px 5px;z-index:-1}
img{max-width:100%;display:block}
a{color:var(--cobalto);text-underline-offset:3px}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.1;margin:0;letter-spacing:-.01em}
h1 em,h2 em{font-style:italic;color:var(--cobalto)}
p{margin:0 0 1em}
.eg-wrap{width:100%;max-width:var(--w);margin-inline:auto;padding-inline:var(--g)}
.eg-skip{position:absolute;left:-999px;top:8px;background:var(--fundo);color:var(--papel);padding:10px 16px;z-index:50}
.eg-skip:focus{left:8px}
:focus-visible{outline:3px solid var(--cobalto);outline-offset:3px}
.eg-kicker{font:600 13px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ocre-d);margin:0 0 14px}
.eg-btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:12px 24px;font:600 15px/1.2 var(--sans);text-decoration:none;border:2px solid var(--tinta);border-radius:24px 5px 24px 5px;cursor:pointer;transition:transform .2s,background .2s,color .2s,border-radius .25s;color:var(--tinta);background:transparent}
.eg-btn:hover{transform:translate(-2px,-2px);border-radius:5px 24px 5px 24px}
.eg-btn:active{transform:translate(0,0)}
.eg-btn--solid{background:var(--cobalto);color:var(--papel);border-color:var(--fundo)}
.eg-btn--solid:hover{background:var(--fundo)}
.eg-btn--ghost{border-color:var(--cobalto);color:var(--cobalto)}
.eg-btn--ghost:hover{background:var(--cobalto);color:var(--papel)}
.eg-btn--ghost-l{border-color:var(--papel);color:var(--papel)}
.eg-btn--ghost-l:hover{background:var(--papel);color:var(--fundo)}
.eg-btn--ochre{background:var(--ocre);color:var(--tinta);border-color:var(--papel)}
.eg-btn--ochre:hover{background:var(--papel)}
.eg-btn:focus-visible{outline-color:var(--ocre)}
.eg-mast{position:sticky;top:0;z-index:30;background:rgba(244,236,216,.96)}
.eg-mast__in{display:flex;align-items:center;justify-content:space-between;min-height:68px;gap:16px}
.eg-mark{font:400 26px/1 var(--serif);text-decoration:none;color:var(--tinta)}
.eg-mark em{color:var(--cobalto);margin-left:.18em}
.eg-nav{display:flex;gap:6px}
.eg-nav a{padding:12px 16px;text-decoration:none;color:var(--tinta);font-weight:500;font-size:15px;border-radius:18px 4px 18px 4px;border:2px solid transparent}
.eg-nav a:hover{border-color:var(--cobalto);color:var(--cobalto)}
.eg-burger{display:none;width:48px;height:48px;align-items:center;justify-content:center;background:transparent;color:var(--tinta);border:2px solid var(--tinta);border-radius:16px 4px 16px 4px;cursor:pointer}
.eg-burger .eg-burger__x{display:none}
.eg-burger[aria-expanded="true"] .eg-burger__bars{display:none}
.eg-burger[aria-expanded="true"] .eg-burger__x{display:block}
.eg-open{padding:clamp(56px,9vw,120px) 0 clamp(48px,7vw,90px);text-align:center}
.eg-open h1{font-size:clamp(40px,7.4vw,92px);max-width:13em;margin-inline:auto}
.eg-lead{max-width:40em;margin:26px auto 32px;font-size:clamp(17px,1.6vw,20px);color:var(--suave)}
.eg-key{color:var(--ocre-d);margin:0 auto 22px;display:block}
.eg-key path{stroke-dasharray:1;stroke-dashoffset:0}
.eg-fact{display:inline-block;max-width:34em;margin:0 auto 26px;padding:10px 22px;font:600 15px/1.45 var(--sans);color:var(--cobalto);border:2px solid var(--cobalto);border-radius:22px 5px 22px 5px;background:rgba(27,63,139,.06)}
.eg-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.eg-index{list-style:none;margin:clamp(40px,6vw,72px) auto 0;padding:0;display:grid;grid-template-columns:repeat(3,auto);justify-content:center;gap:6px 44px;text-align:left}
.eg-index a{display:flex;align-items:baseline;gap:10px;text-decoration:none;color:var(--tinta);font-weight:500;padding:6px 2px;min-height:48px;align-items:center}
.eg-index span{font:italic 400 38px/1 var(--serif);color:var(--cobalto)}
.eg-index a:hover{color:var(--cobalto);text-decoration:underline}
.eg-sec{padding:clamp(48px,7vw,96px) 0}
.eg-sec--cat{background:var(--papel2)}
.eg-sechead{margin-bottom:clamp(28px,4vw,48px)}
.eg-sechead h2{font-size:clamp(32px,4.6vw,56px)}
.eg-sechead p:last-child{margin:16px 0 0;color:var(--suave);max-width:46em}
.eg-mosaic{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.eg-leaf{position:relative;display:grid;overflow:hidden;background:var(--fundo);color:var(--papel);border-radius:30px 6px 30px 6px;min-width:0}
.eg-leaf__pic{position:relative;overflow:hidden;min-height:230px;background:#0b1c45}
.eg-leaf__pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s}
.eg-leaf:hover .eg-leaf__pic img{transform:scale(1.04)}
.eg-leaf__txt{padding:clamp(22px,3vw,36px);display:flex;flex-direction:column;align-items:flex-start;gap:0}
.eg-leaf__txt p{color:#dde2f2}
.eg-no{font:italic 400 clamp(34px,4vw,54px)/1 var(--serif);color:var(--ocre)!important;margin:0 0 8px!important}
.eg-leaf h3{font-size:clamp(24px,2.6vw,34px);margin-bottom:12px}
.eg-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:14px;margin-bottom:14px!important}
.eg-meta img{width:40px;height:40px;border-radius:10px}
.eg-rate{display:inline-flex;align-items:center;gap:5px;padding:3px 12px;background:rgba(227,168,48,.16);color:var(--ocre);border-radius:14px 3px 14px 3px}
.eg-rate b{font-weight:700;color:#f6d37c}.eg-rate i{font-style:normal;font-size:12px;color:var(--claro)}
.eg-tags{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.eg-tags li{font-size:12.5px;padding:3px 11px;background:rgba(244,236,216,.12);border-radius:12px 2px 12px 2px;color:var(--papel)}
.eg-leaf__more{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 22px;width:100%}
.eg-leaf__more img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px 3px 12px 3px}
.eg-leaf .eg-btn{margin-top:auto}
.eg-leaf--lead{grid-column:1/9;grid-template-columns:6fr 5fr;min-height:560px}
.eg-leaf--lead .eg-leaf__pic{order:2}
.eg-leaf--lead h3{font-size:clamp(28px,3.4vw,44px)}
.eg-leaf--tall{grid-column:9/13;grid-template-rows:minmax(240px,1fr) auto;min-height:560px}
.eg-leaf--flip{grid-column:1/13;grid-template-columns:3fr 7fr;min-height:420px}
.eg-leaf--tall .eg-leaf__pic img{object-position:50% 20%}
.eg-leaf--flip .eg-leaf__pic img{object-position:50% 20%}
.eg-scroll{overflow-x:auto;border-radius:22px 5px 22px 5px;background:#fbf6e8}
.eg-ledger{width:100%;border-collapse:collapse;font-size:15.5px;min-width:820px}
.eg-ledger caption{text-align:left;padding:18px 22px;font-size:14px;color:var(--suave);caption-side:bottom}
.eg-ledger th,.eg-ledger td{padding:16px 20px;text-align:left;vertical-align:middle}
.eg-ledger thead th{font:600 12.5px/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--cobalto);border-bottom:2px solid var(--cobalto)}
.eg-ledger tbody tr:nth-child(odd){background:rgba(27,63,139,.06)}
.eg-ledger tbody th{display:flex;align-items:center;gap:12px;font-weight:600}
.eg-ledger tbody th img{border-radius:10px;flex:none}
.eg-ledger small{display:block;font-weight:400;color:var(--suave);font-size:13px}
.eg-tn{font:italic 400 28px/1 var(--serif);color:var(--cobalto);min-width:36px}
.eg-tr{white-space:nowrap}.eg-tr b{margin-left:5px}.eg-tr .eg-star{color:var(--ocre-d);vertical-align:-2px}
.eg-cap{margin:22px 0 0;max-width:52em;color:var(--suave);font-size:15.5px}
.eg-method{margin-top:clamp(36px,5vw,64px);display:grid;grid-template-columns:1fr 2fr;gap:24px 48px;align-items:start}
.eg-method h3{font-size:clamp(26px,3vw,38px)}
.eg-method ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:20px 36px}
.eg-method li{display:flex;gap:14px;align-items:flex-start}
.eg-method li span{font:italic 400 52px/.9 var(--serif);color:var(--ocre-d)}
.eg-method li p{margin:0}
.eg-foot{background:var(--fundo);color:var(--papel);padding:clamp(48px,7vw,88px) 0 28px}
.eg-foot a{color:var(--papel)}
.eg-foot .eg-kicker{color:var(--ocre)}
.eg-foot__grid{display:grid;grid-template-columns:1.6fr 1fr;gap:40px}
.eg-foot__h{font-size:clamp(28px,3.8vw,46px);margin-bottom:18px}
.eg-foot p{color:#dde2f2}
.eg-foot__mail{font:400 clamp(22px,3vw,34px)/1.2 var(--serif);margin-top:8px}
.eg-foot__mail a{display:inline-block;padding:10px 20px;border:2px solid var(--papel);border-radius:26px 5px 26px 5px;text-decoration:none;color:var(--papel)}
.eg-foot__mail a:hover{background:var(--papel);color:var(--fundo)}
.eg-foot__links{list-style:none;margin:0;padding:0}
.eg-foot__links a{display:inline-block;padding:10px 0;font-size:15px}
.eg-foot__fine{margin-top:36px;font-size:13.5px}
.eg-foot__fine p{margin:0;color:var(--claro)}
.eg-note{position:fixed;left:16px;bottom:16px;z-index:40;max-width:420px;background:var(--fundo);color:var(--papel);padding:18px 20px;border-radius:24px 5px 24px 5px;box-shadow:0 12px 40px rgba(10,20,50,.35);font-size:14.5px;line-height:1.5}
.eg-note[hidden]{display:none}
.eg-note p{margin:0 0 14px;color:#dde2f2}
.eg-note a{color:var(--papel);text-decoration:underline}
.eg-note__act{display:flex;gap:10px;flex-wrap:wrap}
.eg-note .eg-btn{min-height:44px;padding:8px 18px;font-size:14px}
.eg-top{position:fixed;right:16px;bottom:16px;z-index:35;width:48px;height:48px;display:grid;place-items:center;background:var(--papel);color:var(--tinta);border:2px solid var(--tinta);border-radius:18px 4px 18px 4px;cursor:pointer}
.eg-top[hidden]{display:none}
.eg-top:hover{background:var(--cobalto);color:var(--papel)}
/* legal */
.eg-doc{padding:clamp(40px,6vw,80px) 0}
.eg-doc h1{font-size:clamp(34px,5vw,60px);margin-bottom:10px}
.eg-doc .eg-upd{color:var(--suave);font-size:14.5px;margin-bottom:34px}
.eg-doc h2{font-size:clamp(22px,2.6vw,30px);margin:38px 0 12px;color:var(--cobalto)}
.eg-doc p,.eg-doc li{max-width:none}
.eg-doc a{text-decoration:underline}
.eg-doc table{width:100%;border-collapse:collapse;font-size:15px;min-width:640px}
.eg-doc th,.eg-doc td{padding:12px 14px;text-align:left;vertical-align:top}
.eg-doc thead th{border-bottom:2px solid var(--cobalto);color:var(--cobalto)}
.eg-doc tbody tr:nth-child(odd){background:rgba(27,63,139,.06)}
.eg-doc .eg-scroll{margin:14px 0}
.eg-lost{min-height:60vh;display:grid;place-items:center;text-align:center;padding:60px 0}
.eg-lost h1{font-size:clamp(60px,12vw,140px);color:var(--cobalto)}
/* motion */
@keyframes eg-up{from{opacity:.45;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes eg-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.eg-js .eg-in{animation:eg-up .8s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--d,0)*.13s)}
.eg-js .eg-key path{animation:eg-draw 1.5s .1s ease-out both}
.eg-js [data-rv]{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1)}
.eg-js [data-rv].eg-seen{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.eg-js .eg-in,.eg-js .eg-key path{animation:none}.eg-js [data-rv]{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}.eg-leaf__pic img{transition:none}}
@media (max-width:980px){
.eg-mosaic{grid-template-columns:1fr}
.eg-leaf--lead,.eg-leaf--tall,.eg-leaf--flip{grid-column:auto;grid-template-columns:1fr;grid-template-rows:auto auto;min-height:0}
.eg-leaf--lead .eg-leaf__pic{order:0}
.eg-leaf__pic{min-height:0;aspect-ratio:16/10}
.eg-leaf--tall .eg-leaf__pic{aspect-ratio:4/3}
.eg-leaf--flip .eg-leaf__pic{aspect-ratio:4/3}
.eg-method{grid-template-columns:1fr}
.eg-index{grid-template-columns:1fr}
.eg-foot__grid{grid-template-columns:1fr}
}
@media (max-width:760px){
.eg-index{grid-template-columns:1fr}
.eg-burger{display:flex}
.eg-nav{position:absolute;left:0;right:0;top:100%;flex-direction:column;background:var(--papel);padding:8px var(--g) 18px;display:none;box-shadow:0 18px 30px rgba(20,30,60,.15)}
.eg-nav.eg-open-nav{display:flex}
.eg-nav a{min-height:48px;display:flex;align-items:center}
.eg-method ol{grid-template-columns:1fr}
.eg-note{right:16px;max-width:none;bottom:76px}
}
.sr{position:absolute;left:-9999px}
.eg-method__n{grid-column:2;margin:0;color:var(--suave);font-size:15.5px}
.eg-daily{display:none}
.eg-js .eg-daily{display:block}
.eg-today{position:absolute;top:14px;left:14px;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:5px 14px;font:700 12.5px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--tinta);background:var(--ocre);border:2px solid var(--papel);border-radius:14px 3px 14px 3px}
@media (max-width:980px){.eg-method__n{grid-column:1}}
