:root{--asfalto:#151515;--asfalto-2:#1f1f1f;--asfalto-3:#2b2b2b;--concreto:#d9d4ca;--concreto-2:#c9c3b7;--papel:#f4f0e6;--papel-2:#e9e3d4;--naranjo:#ff5d00;--naranjo-hondo:#b83c00;--marino:#1a3a6c;--lima:#c8f031;--amarillo:#ffd60a;--tinta:#141414;--tinta-2:#4a463f;--gris:#77726a;--rojo:#d7261e;--ancho:1240px;--radio:2px;--sombra-dura:6px 6px 0 var(--tinta);--ruido:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='r'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23r)'/%3E%3C/svg%3E");--manchas:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='900'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.006' numOctaves='4' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -0.4 0.2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)'/%3E%3C/svg%3E");color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:16px;overflow-x:clip}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--asfalto);color:var(--tinta);font-family:var(--f-texto), ui-sans-serif, system-ui, sans-serif;-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.6;overflow-x:clip}img,svg,video{max-width:100%;display:block}img{height:auto}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4,p{margin:0}[hidden]{display:none!important}::selection{background:var(--lima);color:var(--tinta)}.contenedor{width:min(100% - 64px, var(--ancho));margin-inline:auto}@media (width<=640px){.contenedor{width:calc(100% - 32px)}}.muro{isolation:isolate;position:relative}.muro:before{content:"";z-index:-1;pointer-events:none;background-image:var(--ruido);opacity:.22;mix-blend-mode:multiply;position:absolute;inset:0}.muro-asfalto{background:var(--asfalto);color:#f1eee7}.muro-asfalto:before{mix-blend-mode:screen;opacity:.09}.muro-concreto{background:var(--manchas) center / 100% 100% no-repeat, linear-gradient(180deg, var(--concreto), var(--concreto-2));background-blend-mode:multiply, normal}.muro-naranjo{background:var(--naranjo);color:var(--tinta)}.seccion{padding:clamp(80px,10vw,150px) 0;overflow-x:clip}.muro-concreto .tag.c-naranjo{color:var(--naranjo-hondo)}.stencil{font-family:var(--f-stencil), Impact, sans-serif;text-transform:uppercase;letter-spacing:.005em;font-weight:900;line-height:.88}.h1{font-size:clamp(3.4rem,1.6rem + 7.4vw,9.4rem)}.h2{font-size:clamp(2.9rem,1.6rem + 5vw,6.6rem)}.h3{font-size:clamp(1.7rem,1.3rem + 1.4vw,2.5rem);line-height:.95}.tag{font-family:var(--f-tag), cursive;letter-spacing:0;font-weight:400;line-height:.9}.plumon{font-family:var(--f-plumon), cursive;font-weight:400;line-height:1.15}.bajada{max-width:60ch;font-size:clamp(1.08rem,1rem + .3vw,1.25rem);line-height:1.6}.muro-asfalto .bajada{color:#f1eee7cc}.spray{text-shadow:0 0 1px currentColor, 0 0 6px color-mix(in srgb, currentColor 55%, transparent), 0 0 22px color-mix(in srgb, currentColor 28%, transparent)}.c-naranjo{color:var(--naranjo)}.c-lima{color:var(--lima)}.c-amarillo{color:var(--amarillo)}.cabecera{gap:22px;max-width:900px;display:grid}.cabecera .tag{transform-origin:0;font-size:clamp(2rem,1.5rem + 2vw,3.2rem);transform:rotate(-4deg)}.btn{border:3px solid var(--tinta);border-radius:var(--radio);background:var(--papel);min-height:56px;color:var(--tinta);font-family:var(--f-stencil), Impact, sans-serif;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;box-shadow:var(--sombra-dura);justify-content:center;align-items:center;gap:10px;padding:0 26px;font-size:1.45rem;font-weight:900;line-height:1;text-decoration:none;transition:transform .15s,box-shadow .15s,background-color .2s;display:inline-flex;position:relative}.btn:hover{box-shadow:8px 8px 0 var(--tinta);transform:translate(-2px,-2px)}.btn:active{box-shadow:2px 2px 0 var(--tinta);transform:translate(4px,4px)}.btn svg{flex:none}.btn-naranjo{background:var(--naranjo)}.btn-lima{background:var(--lima)}.btn-tinta{background:var(--tinta);color:var(--papel);border-color:var(--tinta);box-shadow:6px 6px 0 var(--naranjo)}.btn-tinta:hover{box-shadow:8px 8px 0 var(--naranjo)}.muro-asfalto .btn{border-color:var(--papel);box-shadow:6px 6px 0 var(--papel)}.muro-asfalto .btn:hover{box-shadow:8px 8px 0 var(--papel)}.muro-asfalto .btn:active{box-shadow:2px 2px 0 var(--papel)}.btn-chico{min-height:44px;box-shadow:4px 4px 0 var(--tinta);padding:0 16px;font-size:1.15rem}.btn-chico:hover{box-shadow:6px 6px 0 var(--tinta)}.btn-spray .gotas{pointer-events:none;width:70%;height:26px;color:inherit;fill:var(--fondo-gota,var(--naranjo));position:absolute;top:calc(100% - 1px);left:14%}.btn-spray .gotas rect{transform-box:fill-box;transform-origin:top;transition:transform .6s cubic-bezier(.3,.7,.2,1)}.btn-spray .gotas circle{transition:transform .6s cubic-bezier(.3,.7,.2,1)}.btn-spray:hover .gotas .g1{transform:scaleY(1.7)}.btn-spray:hover .gotas .g2{transform:scaleY(1.35)}.btn-spray:hover .gotas .g3{transform:scaleY(1.9)}.btn-spray:hover .gotas .p1{transform:translateY(7px)}.btn-spray:hover .gotas .p2{transform:translateY(3.5px)}.btn-spray:hover .gotas .p3{transform:translateY(9px)}.btn-lima.btn-spray{--fondo-gota:var(--lima)}:focus-visible{outline:3px solid var(--lima);outline-offset:3px}.muro-concreto :focus-visible,.muro-naranjo :focus-visible,.afiche :focus-visible{outline-color:var(--marino)}.afiche{background:linear-gradient(115deg, #ffffff59, transparent 40%, #0000000a 70%, transparent), var(--papel);color:var(--tinta);position:relative;box-shadow:0 1px #00000014,0 18px 30px -18px #0000008c}.afiche:after{content:"";pointer-events:none;background-image:var(--ruido);opacity:.12;mix-blend-mode:multiply;position:absolute;inset:0}.cinta-adhesiva{z-index:2;clip-path:polygon(3% 0,97% 4%,100% 50%,96% 100%,2% 96%,0 45%);background:#ece2c4c7;width:96px;height:28px;position:absolute;box-shadow:0 1px 2px #00000026}.cinta-adhesiva.ci-1{top:-12px;left:-18px;transform:rotate(-38deg)}.cinta-adhesiva.ci-2{top:-12px;right:-18px;transform:rotate(36deg)}.cinta-adhesiva.ci-3{top:-14px;left:50%;transform:translate(-50%)rotate(-3deg)}.circulado{position:relative}.circulado>.trazo{pointer-events:none;fill:none;width:calc(100% + 28px);max-width:none;height:calc(100% + 20px);stroke:var(--color-trazo,var(--naranjo));stroke-width:3.2px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;opacity:0;position:absolute;inset:-10px -14px;overflow:visible}.circulado.marcado>.trazo,.circulado[aria-pressed=true]>.trazo,.circulado[aria-checked=true]>.trazo,.circulado:has(input:checked)>.trazo{opacity:1;stroke-dashoffset:0;transition:stroke-dashoffset .45s cubic-bezier(.5,0,.3,1)}.campo{align-content:start;gap:6px;display:grid}.rotulo{letter-spacing:.08em;text-transform:uppercase;color:var(--tinta-2);font-size:.8rem;font-weight:800}.rotulo small{letter-spacing:.02em;text-transform:none;color:var(--gris);font-size:.82rem;font-weight:600}.entrada{border:0;border-bottom:3px solid var(--tinta);width:100%;min-height:52px;color:var(--tinta);background:0 0;border-radius:0;padding:10px 2px 8px;font-size:1.2rem;font-weight:600}textarea.entrada{border:3px solid var(--tinta);resize:vertical;min-height:104px;padding:12px;font-size:1.05rem;line-height:1.5}.entrada::placeholder{color:#7a7468;font-weight:400}.entrada:focus{border-color:var(--naranjo);background:#ff5d000d;outline:none}.entrada[aria-invalid=true]{border-color:var(--rojo)}.error-campo{color:var(--rojo);font-size:.9rem;font-weight:700}.trampa{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.aparece{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(18px)}.aparece.visto{opacity:1;transform:none}.pegar{opacity:0;transform:translateY(30px) rotate(var(--giro,0deg)) scale(1.04);transition:opacity .5s,transform .6s cubic-bezier(.2,.9,.2,1.15)}.pegar.visto{opacity:1;transform:rotate(var(--giro,0deg))}@media (prefers-reduced-motion:reduce){.aparece,.pegar{opacity:1;transform:rotate(var(--giro,0deg));transition:none}.btn,.btn-spray .gotas *{transition:none}}.oculto-visual{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.saltar{z-index:100;background:var(--lima);color:var(--tinta);padding:12px 18px;font-weight:800;text-decoration:none;position:absolute;top:-80px;left:16px}.saltar:focus{top:16px}
