[hidden]{display:none!important}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--base-font-family);font-size:var(--base-text-size);line-height:var(--base-line-height);color:rgb(var(--body-text-color));background:rgb(var(--body-bg-color));-webkit-font-smoothing:antialiased}
img,picture,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0;padding:0}
ul{list-style:none;margin:0;padding:0}
h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--heading-font-weight);color:rgb(var(--heading-color));line-height:1.1}
p{margin:0 0 1em}
::selection{background:rgb(var(--heading-color));color:#fff}
:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.h4{font-size:22px;text-transform:uppercase;letter-spacing:.1em}
.iw-label{font-size:var(--smaller-text-size-4);text-transform:uppercase;letter-spacing:.15em;font-weight:500;margin:0 0 12px}
.container{width:100%;max-width:var(--page-container-width);margin-inline:auto;padding-inline:var(--container-pad)}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:1.2em 2.2em;font-size:var(--button-text-size);font-weight:500;text-transform:uppercase;letter-spacing:var(--btn-letter-spacing);border-radius:var(--btn-border-radius);background:rgb(var(--btn-bg-color));color:rgb(var(--btn-text-color));border:1px solid rgb(var(--btn-bg-color));transition:background .25s,color .25s,border-color .25s}
.btn:hover{background:rgb(var(--btn-bg-hover-color));border-color:rgb(var(--btn-bg-hover-color))}
.btn--light{background:#fff;color:rgb(var(--heading-color));border-color:#fff}
.btn--light:hover{background:#e2e2e2;border-color:#e2e2e2}
.btn--dark{background:#000;border-color:#000}
.small-feature-link{font-size:var(--smaller-text-size-1);text-transform:uppercase;letter-spacing:.1em;font-weight:500;color:rgb(var(--heading-color));border-bottom:1px solid currentColor;padding-bottom:1px}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link{position:absolute;left:-999px;top:0;background:#fff;color:#000;padding:10px 14px;z-index:1000}
.skip-link:focus{left:0}
.mobile-only{display:none}
@media (max-width:767.98px){.mobile-only{display:inline-flex}.desktop-only{display:none!important}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Animación de entrada al scroll */
.anim{opacity:0;transform:translateY(24px);transition:opacity var(--anim-duration) ease-out var(--anim-delay,0s),transform var(--anim-duration) ease-out var(--anim-delay,0s)}
.anim.is-in{opacity:1;transform:none}

/* Pestaña Sign up y modal */
.signup-tab{position:fixed;left:0;bottom:0;z-index:90;display:flex;align-items:center;background:#000;color:#fff}
.signup-tab__open{padding:16px 28px 16px 20px;font-size:18px;font-weight:500}
.signup-tab__x{position:absolute;top:-12px;right:-12px;width:28px;height:28px;border-radius:50%;background:#000;color:#fff;border:1px solid #fff;display:grid;place-items:center;font-size:12px;line-height:1}
.modal{position:fixed;inset:0;z-index:500;background:#000a;display:grid;place-items:center;padding:20px}
.modal__box{position:relative;background:#fff;max-width:440px;width:100%;padding:44px 36px 36px}
.modal__box h2{font-size:26px;text-transform:uppercase;margin-bottom:10px}
.modal__box input{width:100%;height:48px;border:1px solid var(--input-border-color);padding:0 16px;font-size:16px;border-radius:3px;margin:16px 0 12px}
.modal__box .btn{width:100%}
.modal__x{position:absolute;top:14px;right:16px;font-size:22px;line-height:1}
.nl__msg{margin:12px 0 0;font-size:13px}.nl__msg.is-err{color:var(--sale)}
main:focus{outline:0}

@media (max-width:479.98px){.signup-tab__open{font-size:15px;padding:12px 20px 12px 16px}.modal__box{padding:40px 22px 28px}}
