/* Deporte Cerca — paleta sobria: blanco, azul oscuro y acento naranja. */

:root {
    --dc-azul: #12355e;
    --dc-azul-oscuro: #0c2340;
    --dc-acento: #e8710a;
    --dc-acento-oscuro: #c45f08;
    --dc-fondo: #ffffff;
    --dc-fondo-suave: #f2f5f9;
    --dc-texto: #1c2733;
    --dc-borde: #d7dee8;
}

html {
    font-size: 1rem;
}

body {
    background-color: var(--dc-fondo);
    color: var(--dc-texto);
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    line-height: 1.6;
}

/* Foco siempre visible (accesibilidad por teclado). */
:focus-visible {
    outline: 3px solid var(--dc-acento);
    outline-offset: 2px;
    border-radius: 2px;
}

/* Enlace de salto al contenido. */
.salto-contenido {
    position: absolute;
    left: -9999px;
    top: 0;
    background: var(--dc-azul-oscuro);
    color: #fff;
    padding: .75rem 1.25rem;
    z-index: 2000;
}

.salto-contenido:focus {
    left: 0;
}

/* Cabecera. */
.cabecera-dc {
    background-color: var(--dc-azul-oscuro);
}

.navbar-dc .nav-link,
.navbar-dc .navbar-brand {
    color: #fff;
    font-weight: 500;
}

.navbar-dc .nav-link:hover,
.navbar-dc .nav-link:focus {
    color: #ffd9b3;
}

.navbar-dc .navbar-toggler {
    border-color: rgba(255, 255, 255, .6);
}

.navbar-dc .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.logotipo {
    font-weight: 700;
    font-size: 1.25rem;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
}

.logotipo-marca {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--dc-acento);
    color: #fff;
    border-radius: .5rem;
    width: 2.1rem;
    height: 2.1rem;
    font-size: .95rem;
}

/* Botón de acento grande. */
.btn-acento {
    background-color: var(--dc-acento);
    border-color: var(--dc-acento);
    color: #fff;
    font-weight: 600;
}

.btn-acento:hover,
.btn-acento:focus {
    background-color: var(--dc-acento-oscuro);
    border-color: var(--dc-acento-oscuro);
    color: #fff;
}

.btn-primario-dc {
    background-color: var(--dc-azul);
    border-color: var(--dc-azul);
    color: #fff;
    font-weight: 600;
}

.btn-primario-dc:hover,
.btn-primario-dc:focus {
    background-color: var(--dc-azul-oscuro);
    border-color: var(--dc-azul-oscuro);
    color: #fff;
}

.btn-lg {
    padding: .9rem 1.4rem;
    font-size: 1.1rem;
}

/* Hero de portada. */
.hero-dc {
    background: var(--dc-fondo-suave);
    border-radius: 1rem;
    padding: 2.5rem 1.5rem;
    text-align: center;
}

.hero-dc h1 {
    color: var(--dc-azul-oscuro);
    font-weight: 700;
}

/* Tarjetas de resultados. */
.tarjeta-resultado {
    border: 1px solid var(--dc-borde);
    border-radius: .75rem;
}

.tarjeta-resultado .card-title a {
    color: var(--dc-azul-oscuro);
    text-decoration: none;
}

.tarjeta-resultado .card-title a:hover {
    text-decoration: underline;
}

.etiqueta-deporte {
    background-color: var(--dc-azul);
    color: #fff;
}

.aviso-desactualizado {
    background-color: #fff4e5;
    border: 1px solid #f3c892;
    color: #7a4a00;
    border-radius: .5rem;
    padding: .5rem .75rem;
}

/* Estados de moderación. */
.badge-estado-Pendiente { background-color: #b26a00; }
.badge-estado-Publicado { background-color: #1e7e34; }
.badge-estado-Rechazado { background-color: #b02a37; }
.badge-estado-Oculto { background-color: #5c636a; }
.badge-estado-Archivado { background-color: #41464b; }
.badge-estado-Borrador { background-color: #0dcaf0; color: #055160; }

/* Formularios: etiquetas visibles y campos grandes. */
.form-label {
    font-weight: 600;
    color: var(--dc-azul-oscuro);
}

.form-control,
.form-select {
    min-height: 2.75rem;
    border-color: var(--dc-borde);
}

.form-text {
    color: #4a5a6a;
}

/* Campo honeypot: invisible para personas, presente para bots. */
.campo-hp {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* Publicidad. */
.zona-publicidad .anuncio {
    border: 1px dashed var(--dc-borde);
    background-color: var(--dc-fondo-suave);
}

.anuncio-etiqueta {
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #5c6b7a;
    margin-bottom: .25rem;
}

.anuncio-enlace {
    text-decoration: none;
    color: inherit;
}

.anuncio-titulo {
    font-weight: 700;
    color: var(--dc-azul-oscuro);
}

.anuncio-imagen {
    max-width: 100%;
    height: auto;
    border-radius: .5rem;
}

/* Ficha pública. */
.ficha-seccion {
    border-top: 1px solid var(--dc-borde);
    padding-top: 1.25rem;
    margin-top: 1.25rem;
}

/* Pie de página. */
.pie-dc {
    background-color: var(--dc-azul-oscuro);
    color: #cdd7e3;
}

.pie-dc a {
    color: #ffd9b3;
}

.pie-dc a:hover,
.pie-dc a:focus {
    color: #fff;
}

/* Tablas de administración legibles. */
.tabla-admin th {
    white-space: nowrap;
}

/* Panel de administración: tarjetas de contadores. */
.tarjeta-contador {
    border: 1px solid var(--dc-borde);
    border-radius: .75rem;
    text-align: center;
    padding: 1rem;
}

.tarjeta-contador .numero {
    font-size: 2rem;
    font-weight: 700;
    color: var(--dc-azul);
}

@media (max-width: 576px) {
    .hero-dc {
        padding: 1.75rem 1rem;
    }

    .btn-lg {
        width: 100%;
    }
}

/* Buscador facetado. */
.layout-busqueda {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
    align-items: start;
}

.buscador-sidebar {
    border: 1px solid var(--dc-borde);
    border-radius: .5rem;
    padding: 1rem;
    background-color: #fff;
}

.formulario-facetas .form-label,
.formulario-facetas legend {
    font-size: .95rem;
}

.filtro-bloque {
    border-top: 1px solid var(--dc-borde);
    padding-top: 1rem;
}

.lista-deportes-filtro {
    max-height: 24rem;
    overflow: auto;
    padding-right: .25rem;
}

.grupo-deportes + .grupo-deportes {
    margin-top: 1rem;
}

.filtro-categoria {
    color: var(--dc-azul-oscuro);
    font-size: .85rem;
    font-weight: 700;
    margin-bottom: .35rem;
    text-transform: uppercase;
}

.deporte-opcion {
    padding-block: .2rem;
}

.deporte-opcion .form-check-label {
    width: 100%;
}

.filtros-activos {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.filtro-chip {
    align-items: center;
    background-color: var(--dc-fondo-suave);
    border: 1px solid var(--dc-borde);
    border-radius: 999px;
    color: var(--dc-azul-oscuro);
    display: inline-flex;
    font-size: .9rem;
    gap: .45rem;
    line-height: 1.2;
    padding: .35rem .7rem;
    text-decoration: none;
}

.filtro-chip:hover,
.filtro-chip:focus {
    background-color: #e8eef6;
    color: var(--dc-azul-oscuro);
}

.orden-resultados {
    min-width: 12rem;
}

.barra-resultados {
    border-bottom: 1px solid var(--dc-borde);
    padding-bottom: 1rem;
}

@media (min-width: 992px) {
    .layout-busqueda {
        grid-template-columns: minmax(16rem, 18rem) minmax(0, 1fr);
    }

    .buscador-sidebar {
        position: sticky;
        top: 1rem;
    }
}