@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("fuentes/inter-normal-400.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("fuentes/inter-normal-400.woff2") format("woff2"); }
:root { --paper: #ffffff; --paper-warm: #f2f2f2; --ink: #2a2622; --ink-soft: #6d645c; --line: #e5e5e5; --accent: #009a00; --serif: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; --sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; }
.hero { color: #0d0c0c; }
@media (min-width: 700px) { .hero__img { background: #ffffff; } .hero__img img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: auto; max-width: min(86vw, 760px); max-height: 70svh; object-fit: contain; } .hero__img::after { display: none; } .hero__inner { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); } .hero__scroll { border-color: currentColor; } }
@media (max-width: 699px) { .hero__img { background: #ffffff; } .hero__img img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: auto; max-width: min(86vw, 760px); max-height: 70svh; object-fit: contain; } .hero__img::after { display: none; } .hero__inner { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); } .hero__scroll { border-color: currentColor; } }