/* 
Archivo: estilos-personaliza.css
Descripción: Estilos personalizados para página "Personaliza Tu Tarjeta".
Autor: Nexbu
Fecha: 25 Noviembre 2024
*/
.grecaptcha-badge {
    bottom: 100px!important;
    z-index: 9999;
}
.box-contenido {
    display: flex;
    gap: 30px;
}
.card-img {
    background-image: url("/wp-content/themes/navidad-santillana/assets/img/fondo-tarjeta.jpeg");
    background-position: center bottom;
    background-size: cover;
    border-radius: 18px;
    box-shadow: 101.353px 310.815px 91.218px 0px rgba(61, 61, 61, 0.00), 65.316px 198.201px 83.335px 0px rgba(61, 61, 61, 0.01), 36.037px 111.488px 70.947px 0px rgba(61, 61, 61, 0.05), 15.766px 49.55px 51.803px 0px rgba(61, 61, 61, 0.09), 4.505px 12.388px 29.28px 0px rgba(61, 61, 61, 0.10);
    height: 550px;
    text-align: center;
    width: 35%;
}
.card-img p {
    font-size: 15px;
    height: 85px;
    margin: auto;
    width: 300px;
}
.box-formulario {
    background: rgb(237 228 210 / 47%);
    backdrop-filter: blur(6px);
    border-radius: 20px;
    text-align: center;
    padding: 4% 5% 5%;
    height: 550px;
    width: 65%;
}
.box-formulario h2 {
    margin: 0 0 30px;
}
.column-two {
    display: flex;
    gap: 20px;
    padding-bottom: 20px;
}
textarea#mensaje {
    margin: 20px 0 10px 0;
}
span#cont-mensaje {
    display: block;
    font-size: 12px;
    text-align: right;
}
input#de_acuerdo {
    accent-color: #7F4C2C;
}
.box-label {
    margin-top: -20px;
}
label {
    font-size: 11px!important;
    margin-top: -5px;
}
label a {
    color: #3271E7!important;
    font-size: 11px!important;
    font-weight: var(--e-global-typography-text-font-weight)!important;
}
input[type="submit"] {
    background: #7F4C2C;
    border-width: 0;
    border-radius: 50px;
    color: #fff;
    font-weight: 700;
    margin-top: 20px;
}
[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {
    background: #FBA575!important;
}
:focus-visible {
    outline: -webkit-focus-ring-color auto 0!important;
}
.btn-ver {
    display: none;
}
/*** RESPONSIVE ***/
@media only screen and (max-width: 1024px) {
    .card-img p {
        width: 260px;
    }
    .box-label {
        display: flex;
        gap: 10px;
        justify-content: center;
        margin-top: 10px;
    }
    label {
        margin-top: 0;
    }
    input[type="submit"] {
        margin-top: 40px;
    }
}
@media only screen and (max-width: 800px) {
    .card-img {
        width: 45%;
    }
    .box-formulario {
        background: rgb(249 246 240);
        width: 55%;
    }
    .column-two {
        flex-direction: column;
    }
    .box-label {
        margin-top: -10px;
    }
    label {
        margin-top: 10px;
    }
    .box-label {
        text-align: left;
    }
    .card-img p {
        height: 100px;
    }
    .box-formulario h2 {
        font-size: 20px!important;
        margin-bottom: 30px;
    }
    img.titulo {
        margin-top: -20px;
        max-width: 260px!important;
    }
    input[type="submit"] {
        margin-top: 30px;
    }
}
@media only screen and (max-width: 600px) {
    .box-contenido {
        gap: 20px;
        flex-direction: column-reverse;
    }
    .card-img, .box-formulario {
        width: 100%;
    }
    .card-img {
        height: 520px;
        margin: auto;
        max-width: 300px;
    }
    .box-formulario {
        padding: 40px 20px;
        height: auto;
    }
    .box-label {
        margin-top: -20px;
    }
    .card-img p {
        font-size: 14px;
    }
    a.btn-ver {
        color: #7f4c2c!important;
        display: block;
        margin-top: 20px;
    }
}