/* ---------------------------------------------------------
   TEMA OFICIAL AHPN – ATRIBUTIONS (Versión final consolidada)
   Una sola pastilla: limpia, compacta y profesional.
   Dinámico + Estático integrados sin solapamientos.
---------------------------------------------------------- */

/* =========================================================
   1) CONTENEDOR BASE DE OPENLAYERS (NEUTRALIZADO)
========================================================= */

.bottom-attribution.ol-control {
    position: absolute !important;
    bottom: 0 !important;
    right: 0 !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;

    pointer-events: auto !important;
}

/* ============================================================
   2) PASTILLA ÚNICA — MISMO ESTILO QUE EL BUSCADOR
=========================================================== */

.attrib-unique {
    position: absolute !important;
    right: 2px !important;
    bottom: 2px !important;

    display: flex !important;
    align-items: center !important;
    gap: 6px !important;

    padding: 2px 4px !important;

    background: #ffffff !important;                     /* igual buscador */
    border: 1px solid rgba(0,0,0,0.20) !important;      /* filete suave */
    border-radius: 6px !important;                     /* radio buscador */
    box-shadow: 0 2px 4px rgba(0,0,0,0.15) !important;   /* sombra UI */

    opacity: 1 !important;
}

/* =========================================================
   3) GRUPOS DINÁMICOS Y ESTÁTICOS
========================================================= */

.attrib-data,
.attrib-tec {
    position: static !important;
    border: none !important;
    background: transparent !important;

    display: flex !important;
    align-items: center !important;
    gap: 6px !important;

    padding: 0 !important;
    margin: 0 !important;

    font-size: 13px !important;
    line-height: 1.3 !important;
}

/* =========================================================
   4) LISTA DINÁMICA
========================================================= */

.attrib-data ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.attrib-data ul li {
    white-space: nowrap !important;
}

/* =========================================================
   5) ENLACES + HOVER CORPORATIVO (negrita + azul + subrayado)
========================================================= */

.attrib-unique a {
    text-decoration: none !important;
    color: #006699 !important;                 /* tono UI */
    font-weight: normal !important;
    transition: all 0.15s ease-in-out;
}

.attrib-unique a:hover {
    color: #00009A !important;                 /* azul corporativo */
    text-decoration: underline !important;
    font-weight: bold !important;              /* << negrita */
}

/* =========================================================
   6) NEUTRALIZAR DESVANECIMIENTOS DE OPENLAYERS
========================================================= */

.ol-control:hover,
.ol-control:hover *,
.ol-control:focus,
.ol-control:focus-within,
.ol-control:active,
.ol-control:active * {
    opacity: 1 !important;
}

.attrib-unique,
.attrib-unique *,
.attrib-unique:hover,
.attrib-unique:focus,
.attrib-unique:focus-within,
.attrib-unique:active {
    opacity: 1 !important;
}