@font-face{font-family:"Inter Display";src:url(fuentes/inter-display-900.woff2) format("woff2");font-weight:900;font-display:swap}
@font-face{font-family:"Inter Display";src:url(fuentes/inter-display-500.woff2) format("woff2");font-weight:500;font-display:swap}
:root{--humo:#F2EEE3;--crema:#F8EED3;--cacao:#2D1C17;--rojo:#C30B0B;--linea:rgba(45,28,23,.07)}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;position:relative;min-height:100svh;overflow:hidden;font-family:"Inter Display",system-ui,sans-serif;font-weight:500;color:var(--cacao);background-color:var(--humo);background-image:linear-gradient(var(--linea) 1px,transparent 1px),linear-gradient(90deg,var(--linea) 1px,transparent 1px);background-size:46px 46px}
.k{position:absolute;left:52vw;top:auto;bottom:-16vh;height:96vh;color:var(--cacao);pointer-events:none}
.k svg{height:100%;width:auto;display:block}
.centro{position:relative;z-index:1;min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:48px clamp(24px,7vw,110px);max-width:52vw}
h1{margin:0;font-weight:500;font-size:clamp(44px,5.6vw,96px);line-height:.96;letter-spacing:-.035em}
h1 strong{font-weight:900}
h1 mark{background:none;color:var(--humo);font-weight:900;position:relative;padding:0 .12em;z-index:0;white-space:nowrap}
h1 mark::before{content:"";position:absolute;inset:.08em -.02em .02em;background:var(--rojo);border-radius:.14em;transform:rotate(-1.4deg);z-index:-1}
p{margin:22px 0 0;font-size:clamp(18px,1.6vw,23px)}
.boton{display:inline-block;margin-top:28px;padding:16px 30px;background:var(--rojo);color:var(--humo);border-radius:99px;font-weight:900;font-size:18px;text-decoration:none;transition:transform .15s}
.boton:hover{transform:translateY(-2px)}
.boton:focus-visible,.firma:focus-visible{outline:3px solid var(--cacao);outline-offset:3px}
.firma{position:absolute;z-index:1;left:clamp(24px,7vw,110px);bottom:26px;color:var(--cacao);display:block}
.firma svg{height:26px;width:auto;display:block}
@media (max-width:760px){
  .k{left:44vw;top:auto;bottom:-7vh;height:44vh}
  .centro{max-width:none;justify-content:flex-start;padding-top:12vh}
  h1{font-size:clamp(46px,14vw,74px)}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}