@font-face{font-family:"EB Garamond";font-style:normal;font-weight:400 800;src:url(eb-garamond-regular.woff2) format("woff2");}
@font-face{font-family:"EB Garamond";font-style:italic;font-weight:400 800;src:url(eb-garamond-italic.woff2) format("woff2");}
*{box-sizing:border-box;margin:0}
body{min-height:100svh;display:grid;place-items:center;background:#F8F3EA;color:#332D24;
  font-family:"Plus Jakarta Sans","Avenir Next","Segoe UI",system-ui,sans-serif;text-align:center;padding:40px 24px}
.caja{max-width:560px}
.lince{height:120px;width:auto;opacity:.9}
.codigo{margin-top:26px;font-size:11px;letter-spacing:.42em;text-transform:uppercase;color:#9A6E2E;font-weight:600}
h1{margin-top:14px;font-family:"EB Garamond",Georgia,serif;font-weight:540;font-size:clamp(34px,6vw,52px);line-height:1.1;letter-spacing:-.01em}
h1 em{font-style:italic}
p{margin-top:18px;font-size:18px;line-height:1.75;color:#6E6450;font-weight:500}
.respiro{margin-top:22px;font-size:11px;letter-spacing:.4em;text-transform:uppercase;color:#9A6E2E}
.botones{margin-top:34px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
a.btn{display:inline-block;text-decoration:none;font-weight:600;font-size:15px;padding:14px 28px;border-radius:999px;transition:all .18s ease}
a.principal{background:#332D24;color:#F8F3EA}
a.principal:hover{background:#D8977F;color:#fff}
a.secundario{border:1.5px solid #6E6450;color:#332D24}
a.secundario:hover{background:#332D24;color:#F8F3EA;border-color:#332D24}