@font-face{font-family:'Anton';src:url('/assets/anton.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('/assets/space-grotesk.woff2') format('woff2');font-weight:400 700;font-display:swap}
:root{
  --tinta:#0B0B0B; --papel:#F2F0E6; --verde:#B6F05A; --rosa:#FF5D7A;
  --display:'Anton',Impact,sans-serif; --texto:'Space Grotesk',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--tinta)}
body{
  background:var(--tinta);color:var(--papel);font-family:var(--texto);
  background-image:radial-gradient(rgba(242,240,230,.07) 1px, transparent 1.1px);
  background-size:7px 7px;
  min-height:100vh;display:flex;flex-direction:column;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit}
.barra{
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  padding:14px clamp(14px,3vw,32px);border-bottom:3px solid rgba(242,240,230,.25);
}
.marca{
  font-family:var(--display);font-size:20px;letter-spacing:.02em;
  background:var(--papel);color:var(--tinta);padding:5px 12px 6px;
}
.marca span{color:var(--rosa)}
.nav{display:flex;gap:18px;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.nav a{text-decoration:none;opacity:.75}
.nav a:hover{opacity:1;color:var(--verde)}
main{flex:1;width:100%;max-width:900px;margin:0 auto;padding:clamp(30px,7vw,80px) clamp(16px,4vw,28px)}
h1{font-family:var(--display);font-weight:400;font-size:clamp(40px,9vw,92px);line-height:.92;letter-spacing:-.01em;margin-bottom:18px}
h2{font-family:var(--display);font-weight:400;font-size:clamp(22px,3.4vw,32px);margin:34px 0 10px}
p{font-size:16px;line-height:1.62;margin-bottom:14px;color:rgba(242,240,230,.86);max-width:62ch}
p a{color:var(--verde)}
.lema{font-size:clamp(16px,2vw,20px);color:rgba(242,240,230,.7);max-width:46ch}
.cta{
  display:inline-block;margin:26px 10px 0 0;text-decoration:none;
  font-family:var(--display);font-size:22px;letter-spacing:.02em;
  background:var(--verde);color:var(--tinta);border:3px solid var(--tinta);
  box-shadow:8px 8px 0 rgba(242,240,230,.2);padding:14px 26px;
  transition:transform .15s,box-shadow .15s;
}
.cta:hover{transform:translate(-2px,-2px);box-shadow:11px 11px 0 rgba(242,240,230,.25)}
.cta.sec{background:transparent;color:var(--papel);border-color:var(--papel);box-shadow:8px 8px 0 rgba(242,240,230,.12)}
footer{
  border-top:3px solid rgba(242,240,230,.2);padding:18px clamp(14px,3vw,32px);
  display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between;
  font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:rgba(242,240,230,.5);
}
footer a{text-decoration:none;border-bottom:1px solid rgba(242,240,230,.25)}