@font-face{font-family:Bangers;src:url(/fonts/bangers-v24-latin-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Oswald;src:url(/fonts/oswald-variable-latin-wght.woff2) format("woff2-variations");font-weight:200 700;font-style:normal;font-display:swap}@font-face{font-family:Roboto Condensed;src:url(/fonts/roboto-condensed-variable-latin-wght.woff2) format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-variable-latin-wght.woff2) format("woff2-variations");font-weight:100 800;font-style:normal;font-display:swap}:root{--blue:#014DA1;--orange:#F87802;--red:#F03302;--cyan:#039ECD;--yellow:#FFD700;--dark:#0A0F1E;--paper:#F5F0E8;--paperd:#EDE8DE;--ink:#1A1A1A;--inkl:#3D3D3D;--red-deep:#C22600;--orange-ink:#A34A00;--cyan-ink:#026C8C;--yellow-ink:#7A5C00;--green:#1B5E20;--cta-blue:#0044CC;--border:3px solid var(--ink);--sh:5px 5px 0 var(--ink);--sh-lg:8px 8px 0 var(--ink);--sh-xl:12px 12px 0 var(--ink);--fd:"Bangers",cursive;--fh:"Oswald",sans-serif;--fb:"Roboto Condensed",sans-serif;--fm:"JetBrains Mono",monospace;--t-hero:clamp(52px,8.5vw,120px);--t-h1:clamp(38px,6vw,88px);--t-h2:clamp(28px,4vw,56px);--t-body:clamp(18px,1.5vw,20px);--t-sm:clamp(16px,1.3vw,18px);--t-label:clamp(14px,1vw,16px);--t-micro:clamp(14px,.9vw,15px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;text-size-adjust:100%;overflow-x:hidden;scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--fb);font-size:var(--t-body);line-height:1.65;overflow-x:hidden;width:100%;min-height:100vh;display:flex;flex-direction:column}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;border:none;background:none;color:inherit}ul,ol{list-style:none}main{flex:1 0 auto}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle,rgba(26,26,26,.05) 1px,transparent 1px);background-size:14px 14px}.wrap{width:100%;max-width:clamp(1180px,88vw,1720px);margin-inline:auto;padding-inline:clamp(16px,4vw,32px);position:relative;z-index:1}.section{padding-block:clamp(48px,7vw,104px);position:relative;z-index:1}.nav{position:sticky;top:0;z-index:50;background:var(--dark);border-bottom:var(--border)}.nav__in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;flex-wrap:wrap;padding-block:8px}.nav__brand{display:inline-flex;align-items:baseline;gap:10px;min-height:44px;align-content:center;flex-wrap:wrap}.nav__swm{font-family:var(--fd);font-size:clamp(22px,2.4vw,30px);letter-spacing:3px;color:var(--yellow);line-height:1.4}.nav__sub{font-family:var(--fm);font-size:var(--t-micro);font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#fff}.nav__right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.nav__link{display:inline-flex;align-items:center;min-height:44px;padding-inline:12px;font-family:var(--fh);font-size:var(--t-label);font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#fff;border:2px solid transparent}.nav__link:hover,.nav__link:focus-visible{border-color:var(--yellow);color:var(--yellow)}.nav__lang{display:inline-flex;border:2px solid #fff}.nav__lang a{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:44px;font-family:var(--fm);font-size:var(--t-micro);font-weight:700;letter-spacing:2px;color:#fff;text-transform:uppercase}.nav__lang a[aria-current=true]{background:var(--yellow);color:var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--fd);font-size:clamp(18px,2vw,24px);letter-spacing:3px;padding:clamp(12px,1.5vw,16px) clamp(22px,3vw,40px);border:var(--border);box-shadow:var(--sh);transition:transform .1s,box-shadow .1s;min-height:44px;text-align:center}.btn:hover{transform:translate(-2px,-2px);box-shadow:var(--sh-lg)}.btn:active{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--ink)}.btn-orange{background:var(--orange);color:var(--ink)}.btn-blue{background:var(--blue);color:#fff}.btn-yellow{background:var(--yellow);color:var(--ink)}.btn-paper{background:var(--paper);color:var(--ink)}.btn-sm{font-family:var(--fh);font-weight:700;font-size:var(--t-label);letter-spacing:2px;text-transform:uppercase;padding:10px 18px;box-shadow:3px 3px 0 var(--ink)}.cap{display:inline-block;padding:6px 14px;font-family:var(--fh);font-size:clamp(14px,1.4vw,17px);font-weight:700;letter-spacing:2px;text-transform:uppercase;border:2.5px solid var(--ink);line-height:1.3;box-shadow:2px 2px 0 var(--ink)}.cap--yellow{background:var(--yellow);color:var(--ink)}.cap--blue{background:var(--blue);color:#fff}.cap--green{background:var(--green);color:#fff}.cap--red{background:var(--red-deep);color:#fff}.cap--orange{background:var(--orange);color:var(--ink)}.cap--cyan{background:var(--cyan);color:var(--ink)}.cap--dark{background:var(--dark);color:var(--yellow)}.h-display{font-family:var(--fd);letter-spacing:3px;line-height:.92;text-wrap:balance}.h1{font-size:var(--t-h1)}.h2{font-size:var(--t-h2)}.eyebrow{display:inline-block;font-family:var(--fm);font-size:var(--t-label);font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--orange-ink)}.lede{font-family:var(--fb);font-size:var(--t-sm);line-height:1.65;color:var(--inkl);max-width:66ch;text-wrap:pretty}p{text-wrap:pretty}h1,h2,h3,h4{text-wrap:balance}.mono{font-family:var(--fm);font-size:var(--t-micro);letter-spacing:.5px}.hero{background:var(--dark);color:var(--paper);padding-block:clamp(56px,9vw,132px);position:relative;overflow:hidden;border-bottom:var(--border)}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:conic-gradient(from 0deg at 22% 40%,transparent 0deg,rgba(255,255,255,.04) 3deg,transparent 8deg,rgba(255,255,255,.05) 16deg,transparent 26deg,rgba(255,255,255,.03) 40deg,transparent 58deg,rgba(255,255,255,.05) 84deg,transparent 116deg,rgba(255,255,255,.03) 158deg,transparent 205deg,rgba(255,255,255,.05) 260deg,transparent 320deg)}.hero__in{position:relative;z-index:1;display:grid;gap:clamp(20px,3vw,32px)}.hero__h1{font-family:var(--fd);font-size:var(--t-hero);letter-spacing:3px;line-height:.9;color:var(--yellow);text-shadow:5px 5px 0 var(--red-deep)}.hero__h1 em{font-style:normal;color:#fff;text-shadow:5px 5px 0 var(--blue);display:block}.hero__lede{font-size:var(--t-body);line-height:1.6;color:#ede8de;max-width:64ch;text-wrap:pretty}.hero__meta{display:flex;flex-wrap:wrap;gap:10px}.grid-demos{--hueco:clamp(16px,2vw,26px);display:grid;gap:var(--hueco);grid-template-columns:repeat(auto-fit,minmax(max(280px,(100% - var(--hueco)) / 2),1fr));margin-top:clamp(24px,3vw,40px)}.demo{display:flex;flex-direction:column;gap:12px;height:100%;background:#fff;border:var(--border);box-shadow:var(--sh);padding:clamp(20px,2.4vw,30px);position:relative}.demo--live{transition:transform .12s ease,box-shadow .12s ease;background:var(--paper)}.demo--live:hover{transform:translate(-3px,-3px);box-shadow:var(--sh-lg)}.demo--live:focus-visible{transform:translate(-3px,-3px);box-shadow:0 0 0 6px var(--yellow),var(--sh-lg)}.demo--live:active{transform:none;box-shadow:none}.demo__nombre{font-family:var(--fh);font-weight:700;letter-spacing:1px;font-size:clamp(20px,2vw,28px);text-transform:uppercase}.demo__que{font-size:var(--t-sm);line-height:1.55;color:var(--inkl);flex:1}.demo__hacer{display:grid;gap:6px;padding-top:4px}.demo__hacer li{display:flex;gap:8px;font-size:var(--t-label);line-height:1.5;color:var(--inkl)}.demo__hacer li:before{content:"\2192";font-family:var(--fm);color:var(--orange-ink);flex:none}.demo__sello{align-self:flex-start;transform:rotate(-4deg);font-family:var(--fh);font-weight:700;font-size:var(--t-label);letter-spacing:3px;text-transform:uppercase;color:var(--yellow);background:var(--ink);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--orange);padding:6px 14px}.demo__abrir{display:inline-flex;align-items:center;align-self:flex-start;min-height:44px;font-family:var(--fh);font-weight:700;font-size:var(--t-label);letter-spacing:2px;text-transform:uppercase;color:var(--orange-ink)}.casos{background:var(--dark);color:var(--paper);border-block:var(--border)}.casos .eyebrow{color:var(--yellow)}.grid-casos{display:grid;gap:clamp(14px,1.8vw,22px);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:clamp(24px,3vw,40px)}.caso{border:3px solid var(--paper);padding:clamp(16px,2vw,24px);background:#ffffff0a}.caso__sector{font-family:var(--fm);font-size:var(--t-micro);font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--yellow)}.caso__m{display:flex;flex-wrap:wrap;gap:18px;margin-top:12px}.caso__v{font-family:var(--fd);font-size:clamp(34px,4.2vw,56px);letter-spacing:2px;line-height:1;color:#fff}.caso__l{font-family:var(--fh);font-size:var(--t-micro);font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#ede8de;line-height:1.35}.honesto{background:var(--yellow);border-block:var(--border)}.honesto__grid{display:grid;gap:clamp(16px,2vw,28px);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.honesto__i{border-left:0;background:var(--paper);border:var(--border);box-shadow:var(--sh);padding:clamp(16px,2vw,24px)}.honesto__t{font-family:var(--fh);font-weight:700;font-size:var(--t-sm);letter-spacing:1px;text-transform:uppercase;margin-bottom:6px}.honesto__p{font-size:var(--t-label);line-height:1.55;color:var(--inkl)}.foot{background:var(--ink);color:var(--paper);border-top:var(--border);padding-block:clamp(28px,4vw,48px);flex:none}.foot__in{display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center;justify-content:space-between}.foot a{display:inline-flex;align-items:center;min-height:44px;font-family:var(--fh);font-size:var(--t-label);font-weight:600;letter-spacing:2px;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px}.foot__c{font-family:var(--fm);font-size:var(--t-micro);color:#c9c4ba}.muro{max-width:640px;margin-inline:auto;background:var(--paper);border:var(--border);box-shadow:var(--sh-xl);padding:clamp(22px,3.4vw,42px)}.muro__h{font-family:var(--fd);font-size:clamp(30px,4.4vw,52px);letter-spacing:2px;line-height:.95;margin-block:10px 12px}.muro__p{font-size:var(--t-sm);line-height:1.6;color:var(--inkl)}.campo{display:block;margin-top:20px}.campo__l{display:block;font-family:var(--fh);font-weight:700;font-size:var(--t-label);letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}.campo input{width:100%;min-height:52px;padding:12px 14px;font-family:var(--fm);font-size:var(--t-sm);color:var(--ink);background:#fff;border:var(--border)}.campo input:focus-visible{outline:3px solid var(--ink);outline-offset:2px;box-shadow:0 0 0 6px var(--yellow)}.muro__acc{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:22px}.muro__nota{font-size:var(--t-micro);line-height:1.55;color:var(--inkl);margin-top:16px}.muro__nota a{text-decoration:underline;text-underline-offset:3px}.aviso{margin-top:16px;padding:12px 14px;border:var(--border);font-family:var(--fh);font-weight:600;font-size:var(--t-label);letter-spacing:.5px}.aviso--mal{background:var(--red-deep);color:#fff}.aviso--ok{background:var(--green);color:#fff}.aviso[hidden]{display:none}:focus-visible{outline:3px solid var(--ink);outline-offset:2px;box-shadow:0 0 0 6px var(--yellow)}.nav :focus-visible,.hero :focus-visible,.casos :focus-visible,.foot :focus-visible{outline-color:var(--yellow);box-shadow:0 0 0 6px var(--ink)}::selection{background:var(--cyan);color:var(--paper)}.skip{position:fixed;top:-100%;left:16px;z-index:9999;background:var(--blue);color:#fff;font-family:var(--fh);font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:10px 20px;border:var(--border)}.skip:focus{top:8px}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(forced-colors:active){.btn,.cap,.demo,.panel{border:2px solid ButtonText}}.langhint{background:var(--cyan);border-bottom:var(--border)}.langhint__in{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;padding-block:6px;font-family:var(--fh);font-weight:600;font-size:var(--t-label);letter-spacing:1px}.langhint a{display:inline-flex;align-items:center;min-height:44px;padding-inline:6px;text-decoration:underline;text-underline-offset:3px;font-weight:700}.langhint button{display:inline-flex;align-items:center;min-height:44px;padding-inline:12px;font-family:var(--fm);font-size:var(--t-micro);text-decoration:underline}