/* ==========================================================================
   RESET / BASE
   ========================================================================== */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--n-0);color:var(--n-600);
  font-family:var(--display);font-weight:400;font-size:16px;line-height:1.6;
  -webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,p,dl,dd{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid var(--luminoso-500);outline-offset:3px;border-radius:var(--r-sm)}
.pular{position:absolute;left:-9999px}
.pular:focus{left:16px;top:16px;z-index:300;background:var(--marca-600);color:#fff;padding:10px 16px;border-radius:var(--r-md)}
.shell{max-width:calc(var(--shell) + 2*var(--gutter));margin-inline:auto;padding-inline:var(--gutter);position:relative;z-index:2}