/* ==========================================
   FORMULARIO MELGAR HORIZONTAL
========================================== */

.nopal-form-melgar{
    width:100%;
    max-width:1200px;
    margin:0 auto;

    font-family:"Public Sans", sans-serif;
    color:#4C4B4B;
}

.nopal-form-melgar p{
    margin:0;
}

.nopal-form-melgar .wpcf7-form-control-wrap{
    display:block;
    width:100%;
}

/* SELECT */

.nopal-form-melgar__select{
    position:relative;
    width:48%;
    margin-bottom:52px;
}

.nopal-form-melgar__select::after{
    content:"";
    position:absolute;
    top:50%;
    right:8px;

    width:7px;
    height:7px;

    border-right:1.5px solid #4C4B4B;
    border-bottom:1.5px solid #4C4B4B;

    transform:translateY(-70%) rotate(45deg);
    pointer-events:none;
}

.nopal-form-melgar select{
    width:100%;
    height:38px;
    padding:0 30px 6px 0;
    margin:0;

    appearance:none;
    -webkit-appearance:none;

    border:0;
    border-bottom:1px solid #8C8C8C;
    border-radius:0;

    background:transparent;
    box-shadow:none;

    font-family:"Public Sans", sans-serif;
    font-size:14px;
    font-weight:400;
    color:#4C4B4B;

    outline:none;
}

/* GRID */

.nopal-form-melgar__grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:56px;
    row-gap:32px;
}

.nopal-form-melgar__campo{
    width:100%;
    min-width:0;
}

.nopal-form-melgar__campo--full{
    grid-column:1 / -1;
}

/* INPUTS */

.nopal-form-melgar input[type="text"],
.nopal-form-melgar input[type="email"],
.nopal-form-melgar input[type="tel"]{
    width:100%;
    height:38px;
    margin:0;
    padding:0 0 6px;

    border:0;
    border-bottom:1px solid #8C8C8C;
    border-radius:0;

    background:transparent;
    box-shadow:none;

    font-family:"Public Sans", sans-serif;
    font-size:13px;
    font-weight:400;
    color:#4C4B4B;

    outline:none;
}

.nopal-form-melgar input::placeholder{
    color:#9A9A9A;
    opacity:1;
}

/* CHECKS */

.nopal-form-melgar__checks{
    display:flex;
    flex-direction:column;
    gap:10px;
    margin-top:34px;
}

.nopal-form-melgar__check .wpcf7-list-item{
    margin:0;
}

.nopal-form-melgar__check label{
    display:flex;
    align-items:flex-start;
    gap:9px;

    font-family:"Public Sans", sans-serif;
    font-size:12px;
    line-height:1.25;
    font-weight:400;
    color:#4C4B4B;
}

.nopal-form-melgar__check input[type="checkbox"]{
    width:14px;
    height:14px;
    min-width:14px;
    margin:0;

    appearance:none;
    -webkit-appearance:none;

    border:1px solid #7B7B7B;
    border-radius:0;
    background:transparent;
}

.nopal-form-melgar__check input[type="checkbox"]:checked{
    background:#555555;
    box-shadow:inset 0 0 0 2px #fff;
}

/* BOTÓN */

.nopal-form-melgar__submit{
    margin-top:34px;
}

.nopal-form-melgar input[type="submit"]{
    min-width:74px;
    padding:7px 14px;

    border:0;
    border-radius:0;

    background:#555555;
    color:#fff;

    font-family:"Public Sans", sans-serif;
    font-size:12px;
    font-weight:400;

    cursor:pointer;
}

.nopal-form-melgar input[type="submit"]:hover{
    background:#333333;
}

/* MOBILE */

@media(max-width:767px){

    .nopal-form-melgar{
        max-width:none;
    }

    .nopal-form-melgar__select{
        width:100%;
        margin-bottom:26px;
    }

    .nopal-form-melgar__grid{
        grid-template-columns:1fr;
        row-gap:12px;
    }

    .nopal-form-melgar__campo--full{
        grid-column:auto;
    }

    .nopal-form-melgar select,
    .nopal-form-melgar input[type="text"],
    .nopal-form-melgar input[type="email"],
    .nopal-form-melgar input[type="tel"]{
        height:31px;
        font-size:12px;
        padding-bottom:4px;
    }

    .nopal-form-melgar__checks{
        margin-top:18px;
        gap:6px;
    }

    .nopal-form-melgar__check label{
        font-size:11px;
        gap:5px;
    }

    .nopal-form-melgar__check input[type="checkbox"]{
        width:9px;
        height:9px;
        min-width:9px;
    }

    .nopal-form-melgar__submit{
        margin-top:16px;
    }

    .nopal-form-melgar input[type="submit"]{
        font-size:11px;
        padding:7px 13px;
    }
}

/* ==========================================
   SALTO DE LÍNEA EN ACEPTACIONES
========================================== */

.nopal-form-interno__check .nopal-check-texto{
    display:inline-block;
    line-height:1.3;
}

.nopal-form-interno__check .nopal-check-segunda-linea{
    display:block !important;
}