/* contenedor general oculto por defecto */
.mc-media-lightbox{
    position:fixed;
    inset:0;
    z-index:9999;
    display:none;
    font-family: inherit;
}

/* si viene por GET (clase is-open) */
.mc-media-lightbox.is-open{
    display:block;
}

/* si la URL trae #mc-media-lightbox */
.mc-media-lightbox:target{
    display:block;
}

/* fondo oscuro */
.mc-media-lightbox__overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.55);
}

/* caja */
.mc-media-lightbox__content{
    position:relative;
    max-width:560px;
    margin:3.5rem auto;
    background:#fff;
    border-radius:6px;
    padding:1.5rem 1.8rem 1.8rem;
    box-shadow:0 15px 40px rgba(0,0,0,.25);
}

/* botón cerrar */
.mc-media-lightbox__close{
    position:absolute;
    top:.7rem;
    right:.8rem;
    background:transparent;
    border:0;
    font-size:1.8rem;
    line-height:1;
    cursor:pointer;
}

/* campos */
#mc-media-form .mc-media-field{
    margin-bottom:1rem;
}

#mc-media-form input[type="text"],
#mc-media-form input[type="email"]{
    width:100%;
    background-color: #FAFAFA !important;
    border-color: #E6E6E6 !important;
    border-radius:0px;
    padding: .75em;
    font-size:16px;
    background:#fff;
}

#mc-media-form input::placeholder{
    color:#6f6f6f;
}

/* checkbox */
.mc-media-field--checkbox label{
    display:flex;
    gap:.55rem;
    align-items:flex-start;
    font-size:.9rem;
    line-height:1.4;
}
.mc-media-field--checkbox input[type="checkbox"]{
    font-size:.85rem;
    margin-top:.2rem;
}

/* texto legal */
.mc-media-legal{
    font-size:.85rem;
    color:#444;
    margin:1rem 0 1.2rem;
}

/* botón */
.mc-media-submit{
    width:100%;
    background:#E2211C;
    border:0;
    color:#fff;
    padding:.8rem 1rem;
    font-weight:600;
    font-size:1.05rem;
    cursor:pointer;
    border-radius:0;
}

/* (*) Campo requerido */
.mc-media-required{
    font-size:.75rem;
    color:#414141;
    margin-top:.7rem;
}

/* mensaje ajax */
.mc-media-msg{
    margin-top:.75rem;
    font-size:.85rem;
}

/* responsive */
@media (max-width:600px){
    .mc-media-lightbox__content{
        margin:1.5rem 1rem;
        max-width:100%;
    }
}