@charset "utf-8";
/* =========================================================
   CABECERA - DISEÑO WEB
   ========================================================= */


/* =========================================================
   ETIQUETA
   ========================================================= */

.ac-web__cabecera .ac-cabecera__etiqueta {
    color: #032276;
}


/* =========================================================
   LÍNEA
   ========================================================= */

.ac-web__cabecera .ac-cabecera__linea {
    background-color: #0879e8;
}


/* =========================================================
   TÍTULO
   ========================================================= */

.ac-web__cabecera .ac-cabecera__titulo {
    color: #102a43;
    font-size: clamp(1.3rem, 4vw, 2.1rem);
    text-shadow:0px 1px 0px #fff;
}


/* =========================================================
   SUBTÍTULO
   ========================================================= */

.ac-web__cabecera .ac-cabecera__subtitulo {
    color: #0879e8;
    font-size: clamp(1.0rem, 2vw, 1.3rem);
     text-shadow:0px 1px 0px #fff;
}


/* =========================================================
   DESCRIPCIÓN
   ========================================================= */

.ac-web__cabecera .ac-cabecera__descripcion {
    color: #52677a;
}

.ac-web__cabecera .ac-cabecera__descripcion span{
    font-weight:700;
}

/* =========================================================
   ITEMS
   ========================================================= */

.ac-web__cabecera .ac-cabecera__item-icono {
    color: #0879e8;
    border-color: #b8d9f5;
}

.ac-web__cabecera .ac-cabecera__item-texto {
    color: #40566b;
}


/* =========================================================
   BOTÓN PRIMARIO
   ========================================================= */

.ac-web__cabecera .ac-cabecera__boton--primario {
    color: #ffffff;
    background-color: #0879e8;
    border-color: #0879e8;
}

.ac-web__cabecera .ac-cabecera__boton--primario:hover {
    color: #ffffff;
    background-color: #066dcc;
    border-color: #066dcc;
    box-shadow: 0 8px 20px rgba(8, 121, 232, 0.20);
}


/* =========================================================
   BOTÓN SECUNDARIO
   ========================================================= */

.ac-web__cabecera .ac-cabecera__boton--secundario {
    color: #0879e8;
    background-color: transparent;
    border-color: #0879e8;
}

.ac-web__cabecera .ac-cabecera__boton--secundario:hover {
    color: #ffffff;
    background-color: #0879e8;
    border-color: #0879e8;
}