/**
 * ============================================================
 * EMZO Corporate
 * responsive.css
 * ------------------------------------------------------------
 * Ajustes responsive del tema.
 *
 * @package EMZO_Corporate
 * ============================================================
 */


/* ============================================================
   SERVICE EDITOR — TABLET
============================================================ */

@media (max-width:991.98px) {

    .emzo-service-hero--compact {

        min-height:340px;

    }

    .emzo-service-content--premium {

        padding:35px 0 45px;

    }

    .emzo-service-editor {

        padding:0 25px;

    }

    .emzo-service-editor p:has(> img:only-child),
    .emzo-service-editor figure.wp-block-image {

        width:45%;

        margin-left:32px;

    }
    
    .emzo-division-intro-grid{
    
        grid-template-columns:1fr;
    
        gap:20px;
    
        margin:30px 0;
    
    }
    
    .emzo-service-detail__intro,
    .emzo-service-detail__solution,
    .emzo-service-detail__closing{
    
        gap:30px;
    
    }
    
    .emzo-service-detail__capabilities-grid{
    
        grid-template-columns:repeat(2,minmax(0,1fr));
    
    }    

}


/* ============================================================
   SERVICE EDITOR — MOBILE
============================================================ */

@media (max-width:767.98px) {

    .emzo-service-hero--compact {

        min-height:320px;

    }

    .emzo-service-hero--compact .emzo-service-hero__content {

        padding-top:45px;

        padding-bottom:45px;

    }

    .emzo-service-hero--compact .emzo-service-hero__title {

        font-size:clamp(2.1rem,9vw,3rem);

    }

    .emzo-service-content--premium {

        padding:28px 0 38px;

    }

    .emzo-service-editor {

        padding:0 20px;

    }

    .emzo-service-editor h2 {

        margin-bottom:22px;

        font-size:1.75rem;

    }

    .emzo-service-editor h3 {

        margin-top:30px;

        font-size:1.3rem;

    }


    /* --------------------------------------------------------
       Imágenes
    -------------------------------------------------------- */

    .emzo-service-editor p:has(> img:only-child),
    .emzo-service-editor figure.wp-block-image {

        float:none;

        width:100%;

        margin:25px 0 28px;

    }

    .emzo-service-editor p:has(> img:only-child) img,
    .emzo-service-editor figure.wp-block-image img {

        width:100%;

    }


    /* --------------------------------------------------------
       Texto
    -------------------------------------------------------- */

    .emzo-service-editor p {

        font-size:.98rem;

        line-height:1.72;

    }


    /* --------------------------------------------------------
       Listas
    -------------------------------------------------------- */

    .emzo-service-editor ul,
    .emzo-service-editor ol {

        margin-bottom:25px;

    }

    .emzo-division-intro-grid{
    
        gap:16px;
    
        margin:25px 0;
    
    }
    
    .emzo-division-intro-panel{
    
        padding:24px 22px;
    
    }
    
    .emzo-service-detail__intro,
    .emzo-service-detail__solution,
    .emzo-service-detail__closing{
    
        grid-template-columns:1fr;
    
        gap:24px;
    
        padding-top:30px;
    
        padding-bottom:40px;
    
    }
    
    .emzo-service-detail__intro-media{
    
        min-height:240px;
    
    }
    
    .emzo-service-detail__capabilities{
    
        padding:38px 0;
    
    }
    
    .emzo-service-detail__capabilities-grid{
    
        grid-template-columns:1fr;
    
    }
    
    .emzo-service-detail__solution-media{
    
        min-height:260px;
    
    }
    
    .emzo-service-detail__closing-media{
    
        min-height:230px;
    
    }
    
    .emzo-service-detail__closing-content{
    
        grid-column:auto;
    
        grid-row:auto;
    
    }
    
    .emzo-service-detail__closing-media{
    
        grid-column:auto;
    
        grid-row:auto;
    
    }
}


/* ============================================================
   SERVICE EDITOR — SMALL MOBILE
============================================================ */

@media (max-width:575.98px) {

    .emzo-service-hero--compact {

        min-height:300px;

    }

    .emzo-service-hero--compact .emzo-service-hero__content {

        padding-top:38px;

        padding-bottom:38px;

    }

    .emzo-service-hero--compact .emzo-service-hero__title {

        font-size:clamp(2rem,10vw,2.7rem);

    }

    .emzo-service-content--premium {

        padding:25px 0 35px;

    }

    .emzo-service-editor {

        padding:0 16px;

    }

    .emzo-service-editor h2 {

        font-size:1.6rem;

    }

}