/* =========================================================
   UNOSKREATIVOS
   Reset global
   ========================================================= */

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
}

img,
picture,
svg,
video,
canvas {
    max-width: 100%;
}

button,
input,
select,
textarea {
    font: inherit;
}

button,
a {
    -webkit-tap-highlight-color: transparent;
}


/* =========================================================
   ESTILOS GLOBALES
   ========================================================= */

body{
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    background:
        radial-gradient(circle at 18% 0%, rgba(204,255,0,.08), transparent 28%),
        radial-gradient(circle at 88% 18%, rgba(204,255,0,.05), transparent 26%),
        linear-gradient(180deg, var(--bg) 0%, #080808 48%, #000000 100%);
    color:var(--white);
    overflow-x:hidden;
}

a{
    color:inherit;
}


/* =========================================================
   SELECCIÓN DE TEXTO
   ========================================================= */

::selection {
    background: var(--accent);
    color: #000;
}


/* =========================================================
   ACCESIBILIDAD — SKIP LINK
   ========================================================= */

.skip-link{
    position:fixed;
    top:8px;
    left:8px;
    z-index:2000;
    transform:translateY(-140%);
    background:var(--accent);
    color:#000;
    padding:10px 14px;
    text-decoration:none;
    font-size:12px;
    font-weight:900;
}

.skip-link:focus{
    transform:translateY(0);
}