/* ==========================================================
   GARUDA HOME - Alpha 0.2
   Archivo: main.css
   Contiene:
   - Variables globales
   - Reset
   - Body
   - Navegación
   - Botones globales
   - Footer
========================================================== */

:root{

    --color-bg:#0B1220;
    --color-bg2:#111827;

    --color-card:#182132;

    --color-gold:#D4AF37;
    --color-gold-hover:#E8C95B;

    --color-text:#F8FAFC;
    --color-muted:#94A3B8;

    --shadow:0 15px 40px rgba(0,0,0,.35);

    --transition:.30s;

    --radius:10px;

}

/*=============================*/

*{

    margin:0;
    padding:0;
    box-sizing:border-box;

}

html{

    scroll-behavior:smooth;

}

body{

    background:
        radial-gradient(circle at top,#1b2842 0%,#0B1220 55%,#070B13 100%);

    color:var(--color-text);

    font-family:
        "Segoe UI",
        Arial,
        Helvetica,
        sans-serif;

    overflow-x:hidden;

}

/*=============================*/

img{

    max-width:100%;
    display:block;

}

a{

    color:inherit;
    text-decoration:none;

}

button{

    font-family:inherit;

}

/*=============================*/
/* NAVBAR */
/*=============================*/

nav{

    position:fixed;

    top:0;
    left:0;

    width:100%;

    height:78px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:0 60px;

    background:rgba(7,11,19,.82);

    backdrop-filter:blur(14px);

    border-bottom:1px solid rgba(212,175,55,.15);

    z-index:999;

}

/*=============================*/

.logo-container{

    display:flex;

    align-items:center;

}

/*=============================*/

.logo-img{

    height:68px;

    width:auto;

    transition:.30s;

}

.logo-img:hover{

    transform:scale(1.05);

}

/*=============================*/

.nav-links{

    display:flex;

    gap:45px;

    list-style:none;

}

.nav-links a{

    font-size:.92rem;

    letter-spacing:1px;

    font-weight:600;

    text-transform:uppercase;

    color:var(--color-text);

    transition:var(--transition);

}

.nav-links a:hover{

    color:var(--color-gold);

}

/*=============================*/
/* BOTONES */
/*=============================*/

.cta-btn{

    display:inline-flex;

    justify-content:center;

    align-items:center;

    padding:18px 42px;

    border:none;

    border-radius:8px;

    background:

        linear-gradient(
            135deg,
            #E5C14A,
            #CFA12B
        );

    color:#111;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

    cursor:pointer;

    transition:.30s;

    box-shadow:

        0 12px 35px rgba(212,175,55,.30);

}

.cta-btn:hover{

    transform:translateY(-3px);

    box-shadow:

        0 20px 45px rgba(212,175,55,.45);

}

/*=============================*/

section{

    position:relative;

}

/*=============================*/

.container{

    width:min(1200px,92%);

    margin:auto;

}

/*=============================*/
/* FOOTER */
/*=============================*/

footer{

    background:#060911;

    border-top:

        1px solid rgba(212,175,55,.10);

    text-align:center;

    padding:40px;

    color:#718096;

    font-size:.9rem;

}

/*=============================*/

::selection{

    background:var(--color-gold);

    color:#000;

}