@font-face{font-family:"Archivo";src:url(/_destaca/fonts/archivo.woff2) format("woff2");font-weight:400 900;font-style:normal;font-stretch:100% 125%;font-display:swap}
:root{--bg:#f3f0e8;--ink:#0c0c0c;--muted:#4b4843;--block:#0a3699;--on-block:#f3f0e8;--block-dk:#8fa8ff;--sh:#0a3699;--band:#0c0c0c;--band-ink:#f3f0e8;--gut:clamp(20px,5cqi,64px)}
@media screen{:root[data-theme=dark]{--bg:#141414;--ink:#f3f0e8;--muted:#b5b0a8}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;color-scheme:light}
@media screen{:root[data-theme=dark]{color-scheme:dark}}
body{margin:0;min-height:100vh;container-type:inline-size;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
h1,h2,h3,p,figure,blockquote,dl,dd,ul{margin:0}
ul{padding:0;list-style:none}
a{color:inherit}
summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}
.skip{position:absolute;left:-999px;top:0;z-index:9;padding:.6rem 1rem;background:var(--bg);color:var(--ink)}.skip:focus{left:1rem;top:1rem}
.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.wrapx{overflow-wrap:anywhere;hyphens:auto}
@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){
html:not([data-still]) .rise{animation:d-rise linear both;animation-timeline:view();animation-range:entry 0% cover 28%}
}}
@keyframes d-rise{from{opacity:0;transform:translateY(18px)}}
.d-theme{flex:0 0 auto;display:inline-grid;place-items:center;width:36px;height:36px;padding:0;margin:0;border:0;border-radius:50%;background:none;color:inherit;cursor:pointer;position:relative}
.d-theme[hidden]{display:none}
.d-theme::after{content:"";position:absolute;inset:-4px}
.d-theme:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.d-sun,:root[data-theme=dark] .d-moon{display:none}:root[data-theme=dark] .d-sun{display:block}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
html[data-still] *,html[data-still] *::before,html[data-still] *::after{animation:none!important;transition:none!important}

body{background:var(--bg);color:var(--ink);font:400 16px/1.45 "Archivo",system-ui,sans-serif;position:relative}
a:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.blk a:focus-visible{outline-color:var(--on-block)}
.blk{background:var(--block);color:var(--on-block);padding:16px var(--gut) clamp(40px,7cqi,88px);display:flex;flex-direction:column;gap:clamp(40px,8cqi,104px)}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.top strong{font-size:16px;font-weight:800;letter-spacing:-.01em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.top-r{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.lang{display:flex;border:2px solid var(--on-block)}
.lang a{padding:6px 9px;font-size:12px;font-weight:800;text-decoration:none;color:var(--on-block)}
.lang a[aria-current]{background:var(--on-block);color:var(--block)}
.btn{background:var(--on-block);color:var(--block);text-decoration:none;padding:9px 14px;font-size:13px;font-weight:800;transition:transform .2s;display:inline-block}
.btn:hover,.btn:focus-visible{transform:translate(2px,-2px) rotate(-2deg)}
.hero{display:flex;flex-direction:column;gap:22px}
h1{font-size:clamp(46px,11.5cqi,168px);line-height:.92;font-weight:900;font-stretch:112%;letter-spacing:-.035em;overflow-wrap:anywhere;hyphens:auto;text-wrap:balance}
@media (prefers-reduced-motion:no-preference){html:not([data-still]) h1{animation:d-punch .8s cubic-bezier(.2,.8,.2,1) both}}
@keyframes d-punch{from{opacity:0;transform:translateY(.25em)}}
h1 mark{background:var(--on-block);color:var(--block);padding:0 .12em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.sub{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:clamp(15px,1.8cqi,19px);font-weight:700;line-height:1.35}
.sub span{overflow-wrap:anywhere}
.figs{background:var(--band);color:var(--band-ink);padding:clamp(36px,6cqi,72px) var(--gut)}
.figs-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:28px 32px}
.fig{display:flex;flex-direction:column;gap:8px;border-top:3px solid var(--block-dk);padding-top:16px;min-width:0}
.fig .v{font-size:clamp(52px,7cqi,104px);font-weight:900;font-stretch:108%;line-height:.9;letter-spacing:-.04em;color:var(--block-dk);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.fig .l{font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.pil .v{font-size:clamp(44px,7cqi,88px);font-stretch:118%;line-height:.95;letter-spacing:-.035em;font-variant-numeric:normal}
.pil .l{font-size:16px;font-weight:600;line-height:1.4;text-transform:none;letter-spacing:0}
.sec{padding:clamp(44px,7cqi,96px) var(--gut);display:flex;flex-direction:column;gap:28px}
h2{font-size:clamp(32px,5cqi,64px);font-weight:900;font-stretch:112%;letter-spacing:-.03em;line-height:1}
.cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}
.case{border:3px solid var(--ink);background:var(--bg);padding:20px;display:flex;flex-direction:column;gap:18px;justify-content:space-between;min-height:220px;transition:transform .25s cubic-bezier(.2,.8,.3,1),box-shadow .25s}
.case:hover{transform:translate(4px,-4px);box-shadow:-8px 8px 0 var(--sh)}
.case .n{font-size:40px;font-weight:900;font-stretch:118%;line-height:1;-webkit-text-stroke:2px var(--ink);color:transparent}
.case p{font-size:clamp(20px,2.2cqi,24px);font-weight:700;line-height:1.25;letter-spacing:-.01em;text-wrap:pretty}
.case .co{align-self:flex-start;background:var(--ink);color:var(--bg);padding:4px 9px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;max-width:100%;overflow-wrap:anywhere}
.marq{background:var(--block);color:var(--on-block);overflow:hidden;border-top:3px solid var(--band);border-bottom:3px solid var(--band);padding:14px 0}
.marq-t{display:flex;width:max-content}
@media (prefers-reduced-motion:no-preference){html:not([data-still]) .marq-t{animation:d-marq var(--marq,18s) linear infinite}}
.marq-t.m2{--marq:30s}.marq-t.m3{--marq:45s}.marq-t.m4{--marq:60s}.marq-t.m5{--marq:80s}
@keyframes d-marq{to{transform:translateX(-50%)}}
.marq span{font-size:clamp(22px,3cqi,34px);font-weight:900;font-stretch:118%;text-transform:uppercase;letter-spacing:-.01em;white-space:nowrap;padding:0 18px;display:flex;align-items:center;gap:36px}
.marq span::after{content:"";width:12px;height:12px;background:var(--on-block);border-radius:50%}
.path{gap:12px}
.path h2{margin-bottom:12px}
.r{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 24px;padding:14px 0;border-top:2px solid var(--ink)}
.r .yrs{flex:0 0 150px;font-size:18px;font-weight:900;font-stretch:112%;font-variant-numeric:tabular-nums}
.r .b{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:2px}
.r strong{font-size:19px;font-weight:800;line-height:1.25;overflow-wrap:anywhere;hyphens:auto}
.r .co,.more{font-size:15px;font-weight:500;color:var(--muted)}
.more{padding:14px 0;border-top:2px solid var(--ink);font-weight:700}
.facts{padding:0 var(--gut) clamp(44px,7cqi,96px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:28px}
.facts>div{display:flex;flex-direction:column;gap:12px}
h3{font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.it{display:flex;flex-direction:column;gap:2px;font-size:15px;line-height:1.4}
.it strong{font-weight:800;overflow-wrap:anywhere}.it span{color:var(--muted)}
.tags{display:flex;flex-wrap:wrap;gap:8px}
.tags li{border:2px solid var(--ink);padding:5px 10px;font-size:14px;font-weight:700}
.end{padding:clamp(48px,9cqi,120px) var(--gut);gap:22px}
.end .k{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;overflow-wrap:anywhere}
.end h2{font-size:clamp(44px,9cqi,128px);font-stretch:112%;letter-spacing:-.035em;line-height:.95;text-wrap:balance;overflow-wrap:anywhere}
.mail{align-self:flex-start;max-width:100%;background:var(--on-block);color:var(--block);text-decoration:none;padding:18px 22px;font-size:clamp(17px,2.6cqi,30px);font-weight:800;overflow-wrap:anywhere;transition:transform .25s cubic-bezier(.2,.8,.3,1),box-shadow .25s}
.mail:hover,.mail:focus-visible{transform:translate(4px,-4px);box-shadow:-8px 8px 0 var(--sh)}
.links{display:flex;flex-wrap:wrap;gap:10px}
.links a{border:2px solid var(--on-block);padding:10px 14px;text-decoration:none;font-size:15px;font-weight:800}
footer{background:var(--band);color:var(--band-ink);padding:16px var(--gut);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;font-weight:700}
footer>span{overflow-wrap:anywhere}
.badge{display:flex;align-items:center;gap:6px;text-decoration:none}
.badge i{width:16px;height:16px;background:var(--block-dk);color:#0c0c0c;display:grid;place-items:center;font:normal 900 10px/1 "Archivo",sans-serif}
@media print{:root{--bg:#fff;--surface:#fff;--card:#fff;--ink:#000;--muted:#444;--line:#bbb}
body{background:#fff;color:#000}.skip,nav,.badge,.noprint,.d-theme{display:none!important}
section,article{break-inside:avoid}a{text-decoration:none}*{animation:none!important;transition:none!important}}

@media print{.blk,.figs,footer{background:none;color:#000}.marq{display:none}.fig .v{color:#000}h1 mark{background:none;color:#000;text-decoration:underline}.mail{background:none;color:#000;padding:0}}
@media screen{:root[data-variant="naranja"],:root[data-variant="electrico"]{--block:#f84e01;--on-block:#0c0c0c;--block-dk:#f84e01;--sh:#f84e01}:root[data-variant="limon"],:root[data-variant="acido"]{--block:#fdfebb;--on-block:#0c0c0c;--block-dk:#fdfebb;--sh:#0c0c0c}:root[data-variant="lavanda"],:root[data-variant="magenta"]{--block:#c3b6d2;--on-block:#0c0c0c;--block-dk:#c3b6d2;--sh:#9d8cb3}}