/* ==========================================================================
   STACIONMUSIC · HOTFIX AISLADO · CÓMO FUNCIONA
   Usa la imagen correcta del micrófono.
   ========================================================================== */

#como-funciona.section--process{
    position:relative !important;
    min-height:650px !important;
    padding:0 !important;
    overflow:hidden !important;
    background:#07111d !important;
}

/* IMAGEN DEL MICRÓFONO */
#como-funciona .process-photo{
    position:absolute !important;
    z-index:0 !important;

    left:0 !important;
    top:0 !important;
    bottom:0 !important;

    width:46% !important;
    height:auto !important;

    pointer-events:none !important;

    opacity:1 !important;
    filter:none !important;
    -webkit-filter:none !important;
    transform:none !important;

    background-image:
        linear-gradient(
            90deg,
            rgba(4,13,23,.02) 0%,
            rgba(4,13,23,.01) 58%,
            rgba(4,13,23,.20) 78%,
            #07111d 100%
        ),
        url("../img/stacionmusic-studio-microphone.png") !important;

    background-repeat:
        no-repeat,
        no-repeat !important;

    background-position:
        center center,
        center center !important;

    background-size:
        cover,
        cover !important;

    background-color:#07111d !important;
}

/* CONTENIDO */
#como-funciona .split--process{
    position:relative !important;
    z-index:2 !important;

    display:grid !important;
    grid-template-columns:46% 54% !important;
    gap:0 !important;

    min-height:650px !important;
    padding:80px 0 !important;

    align-items:center !important;
}

#como-funciona .split--process > div:first-child{
    display:block !important;
    min-width:0 !important;
}

#como-funciona .split--process > .section-copy{
    position:relative !important;
    z-index:3 !important;

    width:100% !important;
    max-width:620px !important;
    min-width:0 !important;

    margin:0 !important;
    padding:0 24px 0 72px !important;

    overflow:visible !important;
}

#como-funciona .split--process > .section-copy *{
    max-width:100% !important;
}

#como-funciona .steps article{
    grid-template-columns:42px minmax(0,1fr) !important;
}

#como-funciona .steps article > div{
    min-width:0 !important;
}


/* ==========================================================================
   TABLET / MOBILE
   ========================================================================== */

@media(max-width:900px){

    #como-funciona.section--process{
        min-height:auto !important;
    }

    #como-funciona .process-photo{
        position:relative !important;

        width:100% !important;
        height:300px !important;

        left:auto !important;
        right:auto !important;
        top:auto !important;
        bottom:auto !important;

        opacity:1 !important;
        filter:none !important;
        -webkit-filter:none !important;
        transform:none !important;

        background-image:
            linear-gradient(
                180deg,
                rgba(4,13,23,.02) 0%,
                rgba(4,13,23,.08) 62%,
                #07111d 100%
            ),
            url("../img/stacionmusic-studio-microphone.png") !important;

        background-repeat:
            no-repeat,
            no-repeat !important;

        background-position:
            center center,
            center center !important;

        background-size:
            cover,
            cover !important;
    }

    #como-funciona .split--process{
        display:block !important;
        min-height:auto !important;
        padding:0 0 76px !important;
    }

    #como-funciona .split--process > div:first-child{
        display:none !important;
    }

    #como-funciona .split--process > .section-copy{
        width:100% !important;
        max-width:none !important;
        padding:48px 0 0 !important;
    }
}