:root {
    --color-vino: #800020;
}

/* 1) Contenedor con borde más visible */
.login-container {
    border: 2px solid var(--color-vino) !important;
}

/* 2) Pestañas: forzamos estilo sobre .btn y .nav-link */
.nav-tabs .nav-link {
    background-color: transparent !important;
    color: var(--color-vino) !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0.5rem 1.25rem !important;
}
.nav-tabs .nav-link.active.btn-vino {
    background-color: var(--color-vino) !important;
    color: #fff !important;
}

/* 3) Botón inactivo “Registrarme” */
.nav-tabs .nav-link.btn-outline-vino {
    background-color: transparent !important;
    color: var(--color-vino) !important;
    border: 2px solid var(--color-vino) !important;
}

/* 4) Refuerzo de campos y botones (por si acaso) */
.form-control:focus {
    border-color: var(--color-vino) !important;
    box-shadow: 0 0 0 0.2rem rgba(128,0,32,0.25) !important;
}
.btn-vino {
    background-color: var(--color-vino) !important;
    border-color: var(--color-vino) !important;
}
.btn-vino:hover {
    background-color: #5e0821 !important;
    border-color: #5e0821 !important;
}
.btn-outline-vino:hover {
    background-color: var(--color-vino) !important;
    color: #fff !important;
}

/* Pestañas de login/registro */
.nav-tabs {
    border-bottom: none !important;
    justify-content: center;
}
.nav-tabs .nav-link {
    border: none !important;
    font-weight: 600;
    color: var(--color-vino) !important;
    padding: 0.5rem 1.5rem;
    border-radius: 50rem;
    transition: background-color 0.3s ease, color 0.3s ease;
    margin: 0 0.25rem;
}
.nav-tabs .nav-link.active {
    background-color: var(--color-vino) !important;
    color: #fff !important;
}

/* Campos de formulario */
.form-control {
    border-radius: 0.375rem;
    border: 1px solid #ced4da;
    padding: 0.75rem 1rem;
    transition: border-color .2s, box-shadow .2s;
}
.form-control:focus {
    border-color: var(--color-vino) !important;
    box-shadow: 0 0 0 0.2rem rgba(128, 0, 32, 0.25) !important;
}
#btn-login {
    background-color: var(--color-vino) !important;
    color: #fff !important;
}
/* Google Sign-In */
.g_id_signin {
    display: block;
    width: 100%;
    border-radius: 0.375rem;
    overflow: hidden;
}
.g_id_signin iframe {
    width: 100% !important;
    height: auto !important;
}

/* Iconos en vino */
ion-icon,
.bi {
    color: var(--color-vino) !important;
}

/* Separación entre campos */
.tab-pane form > .mb-3,
.tab-pane form > .mb-4 {
    margin-bottom: 1.25rem !important;
}

/* Responsivo para pestañas */
@media (max-width: 575px) {
    #authTabs { flex-direction: column; }
    #authTabs .nav-link { width: 100%; margin-bottom: .5rem; }
}