/* ======================================================
   THE PRESTIGE
   Premium Event Staffing
   Main Stylesheet
====================================================== */


/* ======================================================
   RESET
====================================================== */

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


/* ======================================================
   ROOT VARIABLES
====================================================== */

:root{

    --gold: #efb810;
    --gold-light: #D8B44A;

    --black: #111111;
    --white: #FFFFFF;
    --gray: #F5F5F5;

}


/* ======================================================
   GLOBAL STYLES
====================================================== */

body{ 

    background: var(--black);
    color: var(--white);

    font-family: 'Poppins', sans-serif;

    overflow-x: hidden;

}

img{

    max-width:100%;
    display:block;

}

a{

    text-decoration:none;
    color:inherit;

}

ul{

    list-style:none;

}





/* ======================================================
   NAVIGATION
====================================================== */

.nav-links{

    display:flex;

    gap:45px;

}

.nav-links a{

    color:#efb810;

    font-size:0.95rem;

    font-weight:500;

    transition:.3s;

}

.nav-links a:hover{

    color:var(--gold);

}

/* ======================================================
   BUTTON
====================================================== */

.btn-quote{
    display:inline-block;
    padding:14px 28px;
    background:var(--gold);
    color:#111;
    border-radius:50px;
    font-weight:600;
    transition:.3s;
}

.btn-quote:hover{
    transform:translateY(-3px);
}

/* ======================================================
   CONTACT FORM
   MOBILE FIX
====================================================== */

@media (max-width: 768px){

    .contact{
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: auto !important;
        overflow: visible !important;
    }

    .contact-container{
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;
        height: auto !important;

        overflow: visible !important;
    }

    .contact-info{
        display: block !important;

        width: 100% !important;
        height: auto !important;
    }

    .contact-form{
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        visibility: visible !important;
        opacity: 1 !important;

        position: relative !important;
        z-index: 1 !important;

        margin-top: 0 !important;

        /* Conservamos el diseño original */
        padding: 30px 20px !important;
    }

    .contact-form form{
        display: block !important;

        width: 100% !important;

        visibility: visible !important;
        opacity: 1 !important;
    }

}

/* ======================================================
   GOLD SECTION DIVIDER
====================================================== */

.section-divider {

    width: 100%;
    height: 2px;

    position: relative;

    background: rgba(239,184,16,.85);

}


/* RESPLANDOR DORADO */

.section-divider::before {

    content: "";

    position: absolute;

    left: 0;
    right: 0;

    top: 50%;

    height: 35px;

    transform: translateY(-50%);

    background: radial-gradient(
        ellipse at center,
        rgba(239,184,16,.40) 0%,
        rgba(239,184,16,.20) 25%,
        rgba(239,184,16,.08) 50%,
        transparent 75%
    );

    pointer-events: none;

}