/** ==========================================
 * GYALESCORT - ESTILOS GLOBALES
 * ========================================== */
:root{
    --fondo:#111;
    --fondo-secundario:#181818;
    --fondo-campo:#222;
    --borde:#2d2d2d;
    --texto:#fff;
    --texto-secundario:#aaa;
    --dorado:#d4af37;
    --dorado-hover:#f0d36a;
    --peligro:#dc3545;
    --exito:#198754;
    --radio:10px;
}
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
html{
    min-height:100%;
    scroll-behavior:smooth;
}
body{
    display:flex;
    min-height:100vh;
    margin:0;
    flex-direction:column;
    font-family:Arial,Helvetica,sans-serif;
    background:var(--fondo);
    color:var(--texto);
    transition:background-color .25s ease,color .25s ease;
}
main{
    width:100%;
    flex:1 0 auto;
}
#footerGeneral{
    width:100%;
    flex-shrink:0;
}
body.modo-claro{
    --fondo:#f5f5f5;
    --fondo-secundario:#fff;
    --fondo-campo:#fff;
    --borde:#ddd;
    --texto:#222;
    --texto-secundario:#666;
    --dorado:#b8941f;
    --dorado-hover:#d4af37;
}
a{
    color:inherit;
    text-decoration:none;
}
img{
    display:block;
    max-width:100%;
}
button,input,select,textarea{
    font:inherit;
}
button{
    cursor:pointer;
}
input,select,textarea{
    color:var(--texto);
    background:var(--fondo-campo);
    border:1px solid var(--borde);
}
input:focus,select:focus,textarea:focus{
    outline:none;
    border-color:var(--dorado);
}
input::placeholder,textarea::placeholder{
    color:var(--texto-secundario);
}
.contenedor{
    width:100%;
    max-width:1400px;
    margin:0 auto;
    padding:0 20px;
}
.oculto{
    display:none!important;
}
.texto-dorado{
    color:var(--dorado);
}
.btn-dorado{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:0 18px;
    border:0;
    border-radius:var(--radio);
    background:var(--dorado);
    color:#111;
    font-weight:700;
    transition:background .2s ease,transform .2s ease;
}
.btn-dorado:hover{
    background:var(--dorado-hover);
    transform:translateY(-1px);
}
@media(max-width:650px){
    .contenedor{
        padding:0 12px;
    }
}