/* ==================================================
   STYLE 7
   RESPONSIVE
================================================== */


/* ==================================================
   TABLET (992px)
================================================== */

@media (max-width:992px){

    /* Header */

    .style-7-header h1{
        font-size:36px;
    }

    /* FAQ */

    #listing-style-7 .faq-item{
        margin-left:15px;
        margin-right:15px;
    }

}


/* ==================================================
   TABLET Y CELULAR (768px)
================================================== */

@media (max-width:768px){

    /* Header */

    .style-7-header{
        width:100vw !important;
        margin-left:calc(50% - 50vw) !important;
        margin-right:calc(50% - 50vw) !important;
        border-radius:0 !important;
    }

    .style-7-header h1{
        font-size:30px;
    }

    /* Main */

    #sp-main-body{
        padding-left:0 !important;
        padding-right:0 !important;
    }

    /* Badges */

    .company-badges .badge{
        font-size:20px;
        padding:14px 24px;
    }

    /* Botón WhatsApp */

    .btn-reservar{
        font-size:16px;
        padding:11px 22px;
    }

    /* Encabezados */

    .listing-section-title{
        font-size:16px !important;
    }

    .medical-block-title{
        font-size:16px;
    }

    /* Tabla enfermedades */

    #listing-style-7 .tabla-header{
        display:none;
    }

    #listing-style-7 .tabla-row{
        display:block;
        border-top:1px solid #d6dde8;
    }

    #listing-style-7 .grupo-enfermedad{
        display:block;
        padding:18px;
        text-align:center;
        border-right:none;
        border-bottom:1px solid #d6dde8;
        background:#f5f8ff;
    }

    #listing-style-7 .enfermedades,
    #listing-style-7 .tratamientos{
        padding:18px;
    }

    #listing-style-7 .tabla-label{
        display:block;
        margin-bottom:14px;
        font-size:16px;
        font-weight:700;
        color:#102d66;
        padding-bottom:8px;
        border-bottom:1px solid #d6dde8;
    }

    #listing-style-7 .enfermedades{
        border-bottom:1px solid #e7edf5;
    }

    /* FAQ */

    #listing-style-7 .faq-info{
        padding:12px 16px;
        font-size:13px;
    }

    #listing-style-7 .faq-item{
        margin:0 0 18px;
    }

    #listing-style-7 .faq-item summary{
        padding:16px 18px;
        font-size:16px;
        line-height:1.5;
    }

    #listing-style-7 .faq-item summary::after{
        right:18px;
        font-size:22px;
    }

    #listing-style-7 .faq-content{
        padding:18px;
    }

    #listing-style-7 .faq-content p{
        font-size:15px;
        line-height:1.8;
    }

}


/* ==================================================
   CELULAR (480px)
================================================== */

@media (max-width:480px){

    /* Badges */

    .company-badges .badge{
        font-size:18px;
        padding:12px 20px;
    }

    .company-badges .badge{
        font-size:14px;
    }

    /* Botón */

    .btn-reservar{
        width:90%;
        justify-content:center;
        font-size:15px;
    }

}