/*tarjetas de páginas intermedias*/

.fondo-1 {


    background-image: url("https://back.nimbomovil.com/wp-content/plugins/tci_frontend/img/cabecera_fibra.jpeg");
    background-size: 200%;
    background-position: 2120px center;
    /* Asegura que la imagen esté centrada */
    padding-top: 80px;

}


.titulo-1 {

    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 14.4px;
    display: flex;
    width: 1440px;
    margin: 0 auto;
    padding-left: 9.5%;

}

.titulo-1 p {
    margin-bottom: 3px;
}

.titulo-1 img {

    margin-right: 10px;
    vertical-align: center;
}

.container-tarjeta {
    margin-top: 32px;
    height: 604px;
    width: 100%;
    display: flex;
    justify-content: center;
    /* Centra horizontalmente */
    align-items: center;
    /* Centra verticalmente */
}

.tarjeta-fibra {

    height: max-content;
    width: 1088px;
    border-radius: 8px;
    background: #FFF;
    display: flex;
    padding: 40px 40px 56px 40px;
    align-items: center;
    gap: 32px;
    align-self: stretch;
    display: flex;
    flex-direction: row;
    padding-top: 20px;


}

.container-tarifas {

    margin-top: 40px;
    width: 712px !important;
}

.container-precios {
    margin-top: 40px;
}


.mejor-tarifa {
    background-color: white;
    width: max-content;

    border-radius: 8px;

}

.mejor-tarifa-oculta {
    color: white;
    padding: 5px;
}

.megas {

    color: var(--color-azul-oscuro);
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 32px;
}

.titulo-megas {
    color: var(--color-gris-parrafo);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 144.444% */

}

.titulo_megas_movil {
    display: none;
}

.titulo_megas_normal {
    display: block;
}

.megas_movil {
    display: none;
}

.megas_normal {
    display: block;
}


.contenedor-numeros {
    display: flex;
    /* Usa Flexbox */

    height: 96px;
    margin-bottom: 15px;

}

.numero-grande {

    color: #2C5E8C;
    text-align: center;
    /* Products/large */
    font-family: Outfit;
    font-size: 96px;
    font-style: normal;
    font-weight: 600;
    line-height: 96px;
    /* 100% */
    margin-right: 8px;

}

.numero-grande-2 {

    color: #2C5E8C;
    text-align: center;
    /* Products/large */
    font-family: Outfit;
    font-size: 96px;
    font-style: normal;
    font-weight: 600;
    line-height: 96px;
    /* 100% */

}

.decimales-mes {

    width: 100%;
    height: 40px;
    display: flex;
    align-items: flex-end;
    color: var(--fg-primary-subtle, #2C5E8C);
    /* body/xxl/medium */
    font-family: Outfit;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px;
    /* 163.636% */
    margin-top: 20px;

}

.iva-2 {

    color: var(--fg-subtle, #627480);
    /* body/md/medium */
    font-family: Outfit;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 153.846% */

}

.frases-check {
    color: var(--fg-subtle, #627480);
    /* body/md/regular */
    font-family: Outfit;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 153.846% */
}

.frases-check-2 {
    color: var(--fg-subtle, #627480);
    /* body/md/regular */
    font-family: Outfit;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 153.846% */
    margin-bottom: 32px;
}

.frases-check img {
    vertical-align: bottom;
    width: 16px;
    margin-right: 12px;
}

.frases-check-2 img {
    vertical-align: bottom;
    width: 16px;
    margin-right: 12px;

}


.selecionar-tarifa {
    border-radius: 48px;
    background: var(--bg-secondary, #C9FC1E);
    color: #2C5E8C;
    width: 264px;
    border: none;
    margin-top: 10px;
    height: 54px;
}

.selecionar-tarifa a {
    text-decoration: none !important;
    color: var(--color-azul-menos-oscuro) !important;
    /* font-size: 15px; */
    font-weight: 600;
    line-height: 26px;
}

/* .selecionar-tarifa a:hover {
    color: white;
} */

.selecionar-tarifa:hover {
    /* color: white; */
    background: var(--bg-secondary, #C9FC1E);
}

.titulo-fibra {
    display: flex;
    flex-direction: row;
    color: var(--fg-primary-subtle, #2C5E8C);
    margin-bottom: 0px;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
}

.titulo-fibra img {
    height: 24px;
    width: 24px;
    margin-right: 12px;
    vertical-align: top;
}

.mensaje-fibra {
    color: var(--fg-subtle, #627480);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 24px;
    margin-left: 36px;
}

.llamada,
.llamada:hover {

    border-radius: 48px;
    border: 2px solid #8AC6FD;
    background-color: #FFF;
    color: #2C5E8C;
    margin-top: 20px;
    font-size: 15px;
    font-weight: 600;
    line-height: 26px;
    width: 264px;
    height: 54px;
}

.llamadme_movil {
    display: none;
}

.llamadme_normal {
    display: block;
}

a button,
a button:hover,
a button:focus {
    text-decoration: none !important;
    text-decoration-color: none !important;
    font-style: none !important;
    color: #2C5E8C !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
}


@media (max-width: 620px) {

    .fondo-1 {
        background: url("https://back.nimbomovil.com/wp-content/plugins/tci_frontend/img/cabecera_fibra.jpeg") no-repeat 50% 50%;
        background-size: 2000px;
        padding: 110px 16px 16px 16px;
        width: 100% !important;
        height: max-content !important;
    }

    .titulo-1 {
        padding-left: 0px;
        width: 160px !important;
        margin-left: 0px;
        margin-right: 0px !important;
    }

    .tarjeta-fibra {
        flex-direction: column-reverse;
        padding: 20px 20px 20px 20px;
        width: 100%;
        /* width: 100% !important; */
    }

    .container-precios {
        width: 100%;
        height: fit-content;
    }

    .container-tarifas {
        margin-top: 0px;
        width: 100% !important;
    }

    .container-tarjeta {
        margin-top: 16px;
        justify-content: flex-start;
        width: 100% !important;
        height: fit-content !important;
    }

    .titulo_megas_movil {
        display: block;
        width: 100% !important;
        margin-top: 0px !important;
    }

    .titulo_megas_normal {
        display: none;
    }

    .megas_movil {
        display: block;
        width: 100% !important;
        margin-bottom: 0px !important;
    }

    .megas_normal {
        display: none;
    }

    .selecionar-tarifa {
        width: 100% !important;
        height: 54px;
        font-size: 15px; 
        line-height: 26px;
    }

    a button,
    a button:hover,
    a button:focus {
        font-size: 15px !important;
        font-style: normal;
        font-weight: 600;
        line-height: 26px;
    }

    .titulo-fibra {
        font-size: 16px;
        line-height: 24px;
        width: 100% !important;
    }

    .titulo-fibra img {
        height: 20px;
        width: 20px;
        margin-right: 8px;
    }


    .llamadme_movil {
        display: block;
        width: 100% !important;

    }

    .llamadme_normal {
        display: none;
    }
}

/*fin tarjetas de páginas intermedias*/