:root{
    --principal:#08090B;
    --secundario:#15171A;
    --rojo:#E50918;
    --rojo-hover:#FF1A2A;
    --yellow:#ffd900;
    --texto-principal:#FFFFFF;
    --texto-secundario:#B8B8B8;
    --bordes:#292C30;
    --body:"Bangers", cursive;
}
*{
    box-sizing:border-box;
    margin:0;
    padding:0
}
html{
    scroll-behavior:smooth
}
body{
    margin: 0;
    min-height: 100vh;
    background: #14142a;
    position: relative;
    color:var(--texto-principal);
    font-family:var(--body);
    line-height:1.5;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
    letter-spacing: 2px;
}
body::before {
    content: "";
    position: fixed;          /* se queda quieta al hacer scroll */
    inset: -40px;             /* un poco más grande para que el blur no deje bordes */
    z-index: -2;
    background: url("fondo.svg") center / cover no-repeat;

    opacity: 0.85;            /* más bajo = más apagada */
    filter: saturate(0.7) brightness(0.8) blur(2px);
}
body::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    background:
        radial-gradient(ellipse at center, rgba(20,20,42,.85) 0%, rgba(20,20,42,.4) 70%),
        linear-gradient(rgba(20,20,42,.3), rgba(20,20,42,.3));
}
.wrap{
    max-width:1600px;
    margin:0 auto;
    padding:0 24px
}
section{
    padding: 12px 0;
}

.sec-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;
    margin-bottom:16px;
    flex-wrap:wrap;
}
.sec-head{
    font-weight:400;
    letter-spacing:.06em;
    text-transform:uppercase;
    font-size:1.5rem;
    color:var(--texto-principal);
    white-space:nowrap;
}
.sec-head:hover{
    color:var(--texto-secundario);
}