/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------- Media querys ---------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */

/**
 * --- Dispositivos pequeños
 */

@media (min-width:300px) and (max-width:999px) {

    /* Contenedor imagen y imagen principal */

    body .imagen-doctores {
        height: auto;
        top: 0;
        display: flex;
        justify-content: end;
    }

    body .imagen-doctores img {
        width: 250px;
        height: auto;
    }

    /* Nube */

    body .contenedor-nube-header {
        width: 105px;
        height: 105px;
        top: 20px;
        left: 75px;
    }

    /* Nombre comercial */

    body #contenedor-informacion-software .nombre-comercial.pc {
        display: none;
    }

    body .nombre-comercial.smartphone {
        display: block;
        font-size: 55px;
        margin-top: 90px;
    }

    /* Contenedor del eslogan y razón social */

    body .contenedor-texto-comercial-slogan .texto-comercial {
        font-size: 40px;
    }

    body .contenedor-texto-comercial-slogan .slogan {
        font-size: 45px;
    }

    /* Slogan */

    body .razon-social {
        margin-top: 65px;
    }

    body .contenedor-informacion {
        width: auto;
    }

    body .contenedor-recuadros-colores {
        margin-bottom: 15px;
    }

    body .contenedor-informacion .contenedor-titulo,
    body .contenedor-informacion .contenedor-informacion-especifica {
        text-align: left;
    }

    body .contenedor-informacion-especifica {
        justify-content: center;
        flex-wrap: wrap;
        padding: 0;
    }

    body .contenedor-informacion-especifica .card {
        width: 100%;
        margin: 15px 5px;
    }

    img.border-rad-72px {
        border-radius: 25px !important;
    }

}

/**
 * --- Dispositivos pequeños
 */

@media (min-width:300px) and (max-width:999px) {

    /* Planes */

    body .container-main-planes-lis {
        padding: 0.5rem !important;
    }

    body .container-main-planes-lis .container-planes {
        justify-content: center;
        flex-wrap: wrap !important;
    }

    body .container-main-planes-lis .container-planes article {
        width: calc(97% / 2);
    }

}

@media (min-width:300px) and (max-width:767px) {

    body .container-main-planes-lis .container-planes article {
        width: 100%;
    }

}

@media (min-width:300px) {

    body .container-planes .card .precio-final-sin-iva {
        font-size: 20px;
    }

    body .container-planes .card .precio-final-sin-iva .mas-iva {
        font-size: 18px;
    }

}