/* ============================================================
   URBAN CLIMBING — estilos de componentes de la app
   La paleta y las fuentes viven en css/urban.css (tokens --uc-*).
   Aqui solo quedan los componentes historicos de la app, ya
   remapeados a la marca Urban.
   ============================================================ */

body {
    font-family: var(--uc-font) !important;
}


/* ===== BOTONES DE ACCESO ===== */
.boton-login {
    width: 100% !important;
    background: var(--uc-orange) !important;
    border: 1px solid var(--uc-orange) !important;
    color: #FFF !important;
    border-radius: var(--uc-radius) !important;
    font-weight: 700 !important;
}

.boton-login:hover {
    background: var(--uc-orange-dark) !important;
    border-color: var(--uc-orange-dark) !important;
    color: #FFF !important;
}

.boton-recuperapass {
    width: 100% !important;
    background: transparent !important;
    color: var(--uc-orange) !important;
    border-radius: var(--uc-radius) !important;
}


/* ===== BOTONERA DEL INDEX ===== */
button.btn_index, input[type="button"].btn_index {
    border: 1px solid var(--uc-gray-line) !important;
    border-radius: 8px !important;
    background: #FFF !important;
    color: var(--uc-dark) !important;
    font-family: var(--uc-font-cond) !important;
    font-style: italic;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -.5px;
}

button.btn_index:hover, input[type="button"].btn_index:hover {
    background: var(--uc-orange) !important;
    border: 1px solid var(--uc-orange) !important;
    color: #FFF !important;
}

button.btn_index i, input[type="button"].btn_index i {
    color: var(--uc-orange);
}

button.btn_index:hover i, input[type="button"].btn_index:hover i {
    color: #FFF;
}

button.btn_acc, input[type='button'].btn_acc, input[type='submit'].btn_acc {
    border: 1px solid var(--uc-orange) !important;
    border-radius: var(--uc-radius) !important;
    background: var(--uc-orange) !important;
    color: #FFF !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

button.btn_acc:hover, input[type='button'].btn_acc:hover, input[type='submit'].btn_acc:hover {
    background: var(--uc-orange-dark) !important;
    border: 1px solid var(--uc-orange-dark) !important;
    color: #FFF !important;
}


/* ===== BOTONES DE ACCION (nombres historicos) ===== */
.botonVerde {
    padding: 12px 24px;
    background: var(--uc-orange) !important;
    border: 1px solid var(--uc-orange) !important;
    color: #FFF !important;
    margin-right: 10px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    border-radius: var(--uc-radius) !important;
}

.botonVerde:hover {
    background: var(--uc-orange-dark) !important;
    border-color: var(--uc-orange-dark) !important;
    color: #FFF !important;
}

.botonLineas {
    border: 1px solid var(--uc-orange) !important;
    background: #FFF !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: var(--uc-orange) !important;
    margin-right: 10px !important;
    padding: 10px 20px !important;
    border-radius: var(--uc-radius) !important;
}

.botonLineas:hover {
    background: var(--uc-orange) !important;
    color: #FFF !important;
}

.botonVerde100 {
    background: var(--uc-orange) !important;
    color: #FFF !important;
    border: 1px solid var(--uc-orange) !important;
    width: 100% !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    min-height: 56px;
    border-radius: var(--uc-radius) !important;
}

.botonVerde100:hover {
    background: var(--uc-orange-dark) !important;
    border-color: var(--uc-orange-dark) !important;
    color: #FFF !important;
}

.botonLineas100 {
    border: 1px solid var(--uc-orange) !important;
    background: #FFF !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: var(--uc-orange) !important;
    width: 100% !important;
    border-radius: var(--uc-radius) !important;
}

.botonLineas100:hover {
    background: var(--uc-orange) !important;
    color: #FFF !important;
}

/* Boton de accion destacada (equivalente al "Inscribete" de la web) */
.uc-pulse {
    background: var(--uc-green) !important;
    border-color: var(--uc-green) !important;
    color: #FFF !important;
    text-transform: uppercase;
    animation: uc-pulse 1.8s ease-in-out infinite;
}

.uc-pulse:hover {
    background: var(--uc-green-dark) !important;
    border-color: var(--uc-green-dark) !important;
}

@keyframes uc-pulse {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(35,164,118,.45);
    }

    50% {
        transform: scale(1.04);
        box-shadow: 0 0 0 10px rgba(35,164,118,0);
    }
}

@media (prefers-reduced-motion:reduce) {
    .uc-pulse {
        animation: none;
    }
}


/* ===== ICONOS DE MENU ===== */
.MenuIconos {
    color: var(--uc-dark);
    font-size: 1.5rem;
}


/* ===== FORMULARIOS ===== */
form input, form select {
    color: var(--uc-dark) !important;
    border-radius: var(--uc-radius) !important;
    border-color: #ddd !important;
}


/* ===== TITULOS ===== */
.titulo h1 {
    font-family: var(--uc-font-cond) !important;
    font-size: clamp(26px,5vw,38px) !important;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    letter-spacing: -1px;
    text-align: center;
    border-bottom: 3px solid var(--uc-orange);
    padding-bottom: 10px;
    color: var(--uc-dark);
}

.titulo h1 span {
    font-family: var(--uc-font-cond) !important;
    font-size: clamp(26px,5vw,38px) !important;
    font-weight: 900;
    font-style: italic;
    text-align: center;
    color: var(--uc-orange);
}


/* ===== TABLAS DE INSCRITOS ===== */
.tablaInscritos td {
    background: #FFF !important;
    color: var(--uc-dark) !important;
    text-transform: capitalize !important;
}

.InscritosCategoria th {
    background: var(--uc-dark) !important;
    color: #FFF !important;
}

.InscritosDatos th {
    background: var(--uc-dark) !important;
    color: #FFF !important;
}


/* ===== TARJETA DE TORNEO ===== */
.divTorneo {
    border-radius: 8px;
    background: var(--uc-dark);
}

.tituloTorneo {
    color: #FFF;
}

.fechaTorneo {
    color: var(--uc-orange);
}


/* ===== ANUNCIANTES ===== */
.anunciante-img {
    display: block;
    width: 100%;
    height: auto;
}

/* Movil (< 768px): solo imagen movil */
.anunciante-img--desktop { display: block; }
.anunciante-img--movil   { display: none;  }

@media (max-width: 767px) {
    .anunciante-img--desktop { display: none;  }
    .anunciante-img--movil   { display: block; }
}