/* menu.php */


#barra_superior_contenido
{
    margin: 0 auto;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;

}

.foto_barra_superior
{
    vertical-align: middle;
    height: 100%;
}

.parrafo_barra_superior
{
    font-size: 14px;
    color: white;
    line-height: 14px;
    height: 100%;
    padding: 8px;


}

#parrafo_barra_superior_001 { padding-left: 150px; }

#parrafo_barra_superior_002
{ 
    padding-right: 150px;
    font-size: 13px;
}


#parrafo_barra_superior_001,
#parrafo_barra_superior_002
{
    display: flex;
    align-items: center !important;
}






.fuente_bold_600 { font-weight: 600; }
.fuente_bold_400 { font-weight: 400; }



#lista_nav
{
    height: 100%;
    width: 1440px;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 25px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

.enlace_menu
{
    display: flex;
    justify-content: center;
    align-items: center;
    /*width: 100%;*/
    height: 100%;
}

.enlace_menu a
{
    text-decoration: none !important;
    color: #627480;
    font-size: 14px;
    font-weight: 600;
}

#enlace_menu_desplegable
{
    display: flex;
    flex-direction: column;
    width: 304px !important;
    height: 100%;
    background-color: #012241;
    color: white;
}

.enlace_mayor_que,
.enlace_mayor_que:hover
{
    text-decoration: none !important;
    color: white;
}
/*
#menu_te_llamamos_corto:hover #menu_te_llamamos{display: flex; color:red;}
*/


/*menu_te _llamamos*/

#menu_te_llamamos_corto
{
    display: none;
    height: 100%;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}

#menu_te_llamamos
{
    display: flex;
    flex-direction: column;
    background-color: #012241;
    width: 304px !important;
    height: auto;
    /*  _______________________ segun figma 478 */
    padding: 10px 20px 12px 20px;
    color: white;
    z-index: 10 !important;
}

#recuadros_menu_corto {
    display: flex;
    flex-direction: column;
    width: 100%; 
    text-decoration: none !important;

}

#recuadros_menu_corto a{
 
    text-decoration: none !important;

}

.recuadro_menu_corto {
   border-top: 1px solid #0C3154;  
   display: flex;
   flex-direction: row !important;
   flex-wrap: nowrap;
   justify-content: flex-start;
   align-items: center;   
   height: 70px !important;   
   text-decoration: none !important;

}

.img_menu_corto {
    width: 24px;
    height: 24px;
    background-size: contain;  
}

.titulo_menu_corto {
    font-size: 15px !important;
    font-weight: 500 !important;
    color: white;
    width: 184px;
    margin-bottom: 0px !important;
    margin-right: 16px;
    text-decoration: none !important;

}
.titulo_menu_corto a {
    text-decoration: none !important;
}

.texto_menu_corto a {
    color: #D0D5D9 !important;
    text-decoration: none !important;
}

.texto_menu_corto {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #D0D5D9;
    width: 184px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    margin-right: 16px;
    text-decoration: none !important;

}

.input_llamadme {
    width: 100% !important;
    height: 48px !important;
    border: 1px solid #C0C7CC !important;
    border-radius: 6px !important;
    padding: 20px 14px;
    gap: 16px;
}


#boton_llamadme,
#boton_llamadme:hover,
#boton_llamadme:focus {
    display: flex;
    height: 54px;
    padding: 17px 28px !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 48px;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    border: none;
    background: var(--color-verde-claro);
    width: 100%;
    color: var(--color-azul-menos-oscuro) !important;
    text-decoration: none !important;
    margin: 16px 0px 16px 0px;
}


#llamadme_menu_corto {
    margin-top: 16px !important;
    margin-bottom: 32px !important;
}

#checkbox_acepto_pd_menu_corto {
    appearance: none;
    width: 14px;
    height: 14px;
    border-radius: 3px !important;
    border: 1px solid white !important;
    background: none;
    position: relative;
    top: 3px;
    margin-right: 8px !important;
}

/* Estilo cuando el checkbox está seleccionado y se coloca un checkmark */
#checkbox_acepto_pd_menu_corto:checked::after {
    content: "✔" !important;
    position: absolute;
    color: white;
    font-size: 10px;
    top: -2px;
    left: 2px;
}

#prot_datos_menu_corto {
    color: white;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
}

#prot_datos_menu_corto a,
#parrafo_menu_corto a {
    color: white !important;
    text-decoration-line: underline !important;
}

#parrafo_menu_corto {
    color: white;
    text-align: center;
    font-size: 9px;
    font-style: normal;
    font-weight: 400;
    line-height: 12.6px;
    width: 100%;
    justify-self: center;
    margin-bottom: 0px;
}
/* fin menu_te _llamamos*/


.flex_70x100 { width: 70%; }
.flex_80x100 { width: 80%; }
.flex_85x100 { width: 85%; }

.letra_13_500 { font-size: 13px; font-weight: 500; }
/* fin menu.php */


/* -------------------------------------------------------------------------------- */


/* menu_contratacion.php */


.lista_menu_con
{
    display: flex;
    align-items: center;
    justify-content: space-around;

}

.menu_pasos
{
    width: 576px;
    display: flex;
    align-items: center;
}

.paso_actual
{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #ccc;
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 16px;
    position: relative;
    top: -11px;
}

.linea_menu
{
    width: 100%;
    margin: 0px 3px;
    height: 1px;
    background-color: #ccc;
    position: relative;
    top: -11px;
}

.titulo_menu_contratacion{
    color: var(--color-azul-oscuro);
    font-size: 15px;
}

.titulo_paso
{
    font-size: 12px;
    color: #333;
    margin-top: 50px;
    text-align: center;
    white-space: nowrap;
}

.activo { background-color: var(--color-azul-oscuro); }
/* fin menu_contratacion.php */

/*menu_movil_home.php*/

#menu_responsive {

    display: none !important;
}

@media (max-width: 620px) {

    #menu_responsive {

        display: flex !important;
    
    }

    #menu_responsive_002 {
        position: fixed;
        top: 35px;
        left: 50%;
        transform: translateX(-50%);
        width: 101%;
        z-index: 10 !important; 

        display: flex; 
        flex-direction:column;
    }   

    #barra_superior_responsive{
        display: block;
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 35px;
        background-color: var(--color-azul-oscuro);
        z-index: 10 !important;
    }

    #barra_superior_contenido_responsive{
        margin-left: 16px;
        height: 100%;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        padding-top: 8px;
    }

    #img_telefono_blanco_responsive{
        height:16px;
        width: 16px; 
        /* background:url("<?= URL_PLUGIN ?>/img/telefono-blanco.png") no-repeat; */
        background-size: 16px;
    }

    #menu_nav {
        display: flex;
        flex-direction: column;
    }

    #fila_001{
        width: 100%; 
        display: flex;
        flex-direction:row; 
        justify-content: space-between;
        flex-wrap:nowrap;
        background-color: white;
        height: 44px;
        border-bottom: 1px solid lightgrey;
    }

    #img_rallas{
        height:24px;
        width: 24px; 
        /* background:url("<?= URL_PLUGIN ?>/img/lineas_menu.png") no-repeat; */
        background-size: 24px;
        margin: 10px 18px 0px 12px;
    }

    #logo_area_clientes_contenedor{
        height:20px;
        width: 20px; 
        /* background:url("<?= URL_PLUGIN ?>/img/logo_area_clientes.png") no-repeat; */
        background-size: 20px;
        margin-bottom: 6px !important;
        margin: auto;
    }

    .img_router_menu_responsive{
        height:20px;
        width: 20px; 
        /* background:url("<?= URL_PLUGIN ?>/img/logo_router.png") no-repeat; */
        background-size: 20px;
        margin-bottom: 6px;
    }

    .img_movil_menu_responsive{
        height:20px;
        width: 20px; 
        /* background:url("<?= URL_PLUGIN ?>/img/logo_dispositivo_movil.png") no-repeat; */
        background-size: 20px;
        margin-bottom: 6px;
    }

    #menu_llamamos {
        background-color: var(--color-azul-oscuro);
        color: white;
        width: 155px;
        padding: 8px 16px 16px 16px;

    }


    #fila_002{
        display: flex;
        flex-direction: row !important;
        background-color: white;
        justify-content: space-between;
        height: 69px !important;
        font-size: 11px;
        width: 100%;
        padding: 16px 16px 8px 16px;
    }

    .texto_menu_estilo{
        font-size: 11px;
        font-weight: 600;
        margin-bottom: 3px;
        color: var(--color-gris-parrafo) !important;
        display: flex; 
        flex-wrap:nowrap; 
        flex-direction:column; 
        align-items: center;
    }

    #texto_menu_estilo_clientes{
        text-decoration: none !important;
        color: var(--color-gris-parrafo) !important;
    }
}

/*fin menu_home_movil.php*/


/*barra_comprobar_cobertura.php*/

#barra_comprobar_cobertura {
    display: flex;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    margin: auto;
    height: 68px !important;
    width: 100% !important;
    background-color: #F0F8FF !important;
    position: fixed;
    top: 0px !important;
    left: 0px !important;
    z-index: 100 !important;

}

#texto_comprobar_cobertura {
    font-size: 18px !important;
    font-weight: 400 !important;
    color: var(--color-azul-oscuro) !important;
    padding-top: 16px !important;
    margin-right: 0px !important;
}

.btn_cobertura, 
.btn_cobertura:hover, 
.btn_cobertura:focus {
    color: var(--color-azul-menos-oscuro) !important;
    background-color: var(--color-verde-claro) !important;
    border: none !important;
    border-radius: 44px !important;
    padding: 8px 15px 8px 18px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 4px !important;
    width: 126px !important;
    height: 36px !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    display: flex !important;
    flex-direction: row !important;
    margin-left: 16px !important;
}

#direccion_azul {
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    max-height: 20px !important;
    align-self: center !important;
}

#punto{
    display: flex;
    margin-bottom: 0px !important;
    margin-left: 8px !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    color: #2C5E8C !important;
}

@media (max-width: 620px) {

    #barra_comprobar_cobertura {
        height: 72px !important;
        padding: 16px 13.5px !important;
    }


    #texto_comprobar_cobertura {
        font-size: 13px !important;
    }

    #punto{
        display: none !important;
    }

}

/*fin barra_comprobar_cobertura.php*/

/*menu_desplegado_hamburguesa.php*/

.menu_hamburguesa {
    display: none ;
    position: fixed !important;
    /* Fijar el modal en la pantalla */
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
    /* Fondo semitransparente */
    z-index: 9999 !important;
    justify-content: flex-start !important;

}

.menu-content_hamburguesa {
    border-radius: 0px !important;
    display: flex !important;
    height: 100% !important;
    width: 256px !important;
    padding: 24px 76px 0px 24px !important;
    background: white !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: center !important;
    flex-shrink: 0 !important;
}

#fila_001_hamburguesa {
    width: 156px !important;
    height: 48px !important;
    margin: 0px !important;
}

#fila_002_hamburguesa {
    display: flex !important;
    flex-direction: column !important;
    margin-top: 48px !important;
    gap: 40px !important;

}

#logo_area_clientes_hamburguesa {
    height: 20px !important;
    width: 20px !important;
    /* background: url("<?= URL_PLUGIN ?>/img/logo_area_clientes.png") no-repeat; */
    background-size: 20px !important;
    margin-right: 5px !important;
}

.img_router_menu_hamburguesa {
    height: 20px !important;
    width: 20px !important;
    /* background: url("<?= URL_PLUGIN ?>/img/logo_router.png") no-repeat; */
    background-size: 20px !important;
    align-self: center !important;
    margin-right: 6px !important;
}

.img_movil_menu_hamburguesa {
    height: 20px !important;
    width: 20px !important;
    /* background: url("<?= URL_PLUGIN ?>/img/logo_dispositivo_movil.png") no-repeat; */
    background-size: 20px !important;
    align-self: center !important;
    margin-right: 6px !important;
}

.texto_hamburguesa,
.suma {
    font-size: 15px !important;
    line-height: 26px !important;
    margin-bottom: 0px !important;
}

.texto_menu_hamburguesa,
.suma {
    text-decoration: none !important;
    color: var(--color-gris-parrafo) !important;
    display: flex !important;
    flex-direction: row !important;
    margin-bottom: 0px !important;
}

/*fin menu_deplegado_hamburguesa.php*/

/*menu_formulario_movil.php*/


.menu_formulario_movil{
    display: none        ;
}

@media (max-width: 620px) {

.menu_formulario_movil{
    display: block !important;
    background-color: white !important;
    position: fixed !important;
    top: 0px !important;
    left: 0px !important;
    height: 64px !important;
    z-index: 1000 !important;
    padding: 16px !important;
    width: 100% !important;
}

#logo_movil_nimbo{
    height: 24px !important;
}

/* #menu_formulario_movil_texto{
    margin-left: auto !important;
    
} */
.menu_movil_formulario{
    display: flex !important;
    justify-content: space-between !important;
}

}

/*fin menu_formulario_movil.php*/