@charset "utf-8";
/* CSS Document */


/* =========================================================
   HEADER PRINCIPAL
========================================================= */

.ac-site-header {
    position: relative;
    z-index: 5000;
}

.ac-site-header.header-absolute {
    position: absolute;
    z-index: 5000;
    width: 100%;
}


/* =========================================================
   BARRA SUPERIOR
========================================================= */

.head_a {
    position: relative;
    z-index: 5000;

    background: #000;

    overflow: visible;
}


/* =========================================================
   NAVEGACIÓN
========================================================= */

.head_b {
    position: relative;
    z-index: 5000;

    background: #E9EBF0;
}

.ac-menu-navbar {
    position: relative;
    overflow: visible;
}

.sub-head-a {
    background-color: ;
    padding: 3px 0;
}

.head_b-color {
}


/* =========================================================
   HEADER FIJO AL HACER SCROLL
========================================================= */

.ac-site-header.fijo {
    position: fixed;

    top: 0;
    left: 0;

    width: 100%;

    z-index: 15000;
}


/* =========================================================
   CUANDO EL HEADER ESTÁ FIJO
   OCULTAMOS LA BARRA SUPERIOR
========================================================= */

.ac-site-header.fijo .head_a {
     display: none !important;
}


/* =========================================================
   NAVEGACIÓN CUANDO ESTÁ FIJA
========================================================= */

.ac-site-header.fijo .head_b {
    width: 100%;

    background: rgba(0, 0, 0, 0.9);

    transition: background 0.5s ease;
}


/* =========================================================
   ICONOS / CONTACTO
========================================================= */

.ac-contac-list {
    list-style: none;

    display: flex;

    gap: 20px;

    padding: 0;
    margin: 0;
}

.ac-contac-list li {
    display: flex;
    flex-wrap: nowrap;

    justify-content: flex-start;
    align-items: center;

    color: rgba(255, 255, 255, 0.8);
}

.ac-contac-list li > div:first-child {
    border-radius: 50%;

    width: 25px;
    height: 25px;

    background: #FFFFFF;
    color: #FFFFFF;

    display: flex;
    flex-wrap: nowrap;

    justify-content: center;
    align-items: center;

    margin-right: 7px;
}

.ac-contac-list li span {
    font-size: 0.80rem;
    color: #000000;
}