/* =========================================================
   YO, TURO — FORMS
========================================================= */

.wpforms-container input[type=date],
.wpforms-container input[type=datetime],
.wpforms-container input[type=datetime-local],
.wpforms-container input[type=email],
.wpforms-container input[type=month],
.wpforms-container input[type=number],
.wpforms-container input[type=password],
.wpforms-container input[type=range],
.wpforms-container input[type=search],
.wpforms-container input[type=tel],
.wpforms-container input[type=text],
.wpforms-container input[type=time],
.wpforms-container input[type=url],
.wpforms-container input[type=week],
.wpforms-container select {
    border-radius: 90px;
    padding: 20px;
}

.wpforms-container textarea {
    border-radius: 20px;
    padding: 20px;
}

/* =========================================================
   YO, TURO — CONTACTO
========================================================= */

.turo-contact{
    position:relative;
    isolation:isolate;

    display:grid;
    grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);
    align-items:center;
    gap:clamp(42px,5vw,80px);

    width:calc(100% - 80px);
    max-width:1480px;

    margin:24px auto 60px;
    padding:
        clamp(42px,4.5vw,68px)
        clamp(48px,6vw,88px);

    overflow:hidden;

    border-radius:48px;

    background:
        radial-gradient(circle at 4% 8%,
        rgba(255,255,255,.85),
        transparent 34%),
        linear-gradient(
            135deg,
            #f6f2ea 0%,
            #eee8dc 55%,
            #e8dece 100%
        );

    box-shadow:
        0 22px 65px rgba(0,0,0,.07);
}

/* Patita */

.turo-contact::before{
    content:"🐾";

    position:absolute;
    left:-55px;
    bottom:-60px;

    font-size:250px;

    opacity:.03;

    filter:grayscale(1);

    transform:rotate(-18deg);

    pointer-events:none;
}

/* =========================================================
   INTRO
========================================================= */

.turo-contact__intro{
    max-width:560px;
}

.turo-contact__intro h2,
.turo-contact__intro .elementor-heading-title{

    margin:0 0 18px;

    font-family:Poppins,sans-serif;
    font-weight:700;

    font-size:clamp(44px,4vw,66px);

    line-height:.96;

    letter-spacing:-.055em;

    color:#111;
}

.turo-contact__intro p{

    margin:0;

    font-family:Poppins,sans-serif;

    font-size:18px;

    line-height:1.75;

    color:rgba(17,17,17,.68);

    max-width:520px;
}

/* =========================================================
   CARD
========================================================= */

.turo-contact__form-card{

    padding:34px;

    border-radius:36px;

    background:rgba(255,255,255,.85);

    border:1px solid rgba(17,17,17,.06);

    backdrop-filter:blur(12px);

    box-shadow:
        0 18px 45px rgba(0,0,0,.08);
}

.turo-contact__form-card .elementor-widget-container,
.turo-contact__form-card .wpforms-container{
    margin:0!important;
}

/* =========================================================
   FORM
========================================================= */

.turo-contact .wpforms-field{
    padding-bottom:14px!important;
}

.turo-contact .wpforms-field-label{
    display:none!important;
}

.turo-contact .wpforms-form input[type=text],
.turo-contact .wpforms-form input[type=email],
.turo-contact .wpforms-form input[type=tel],
.turo-contact .wpforms-form textarea{

    width:100%!important;

    border-radius:22px!important;

    border:1px solid rgba(17,17,17,.10)!important;

    background:#fafafa!important;

    box-shadow:none!important;

    font-family:Poppins,sans-serif!important;

    font-size:15px!important;

    transition:.25s;
}

.turo-contact .wpforms-form input[type=text],
.turo-contact .wpforms-form input[type=email],
.turo-contact .wpforms-form input[type=tel]{

    height:54px!important;

    padding:0 20px!important;
}

.turo-contact .wpforms-form textarea{

    min-height:165px!important;

    padding:18px 20px!important;

    resize:vertical;
}

.turo-contact .wpforms-form input::placeholder,
.turo-contact .wpforms-form textarea::placeholder{

    color:rgba(17,17,17,.45)!important;
}

.turo-contact .wpforms-form input:focus,
.turo-contact .wpforms-form textarea:focus{

    background:#fff!important;

    border-color:#111!important;

    box-shadow:
        0 0 0 4px rgba(17,17,17,.05)!important;
}

/* =========================================================
   BOTÓN
========================================================= */

.turo-contact .wpforms-submit-container{

    margin-top:8px!important;

    padding:0!important;
}

.turo-contact .wpforms-form button[type=submit]{

    display:inline-flex!important;

    align-items:center;

    justify-content:center;

    height:56px!important;

    padding:0 34px!important;

    border-radius:999px!important;

    border:2px solid #111!important;

    background:#111!important;

    color:#fff!important;

    font-family:Poppins,sans-serif!important;

    font-size:13px!important;

    font-weight:700!important;

    text-transform:uppercase;

    transition:.3s;
}

.turo-contact .wpforms-form button[type=submit]:hover{

    background:transparent!important;

    color:#111!important;

    transform:translateY(-2px);

    box-shadow:
        0 12px 24px rgba(0,0,0,.12)!important;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width:1050px){

.turo-contact{

    grid-template-columns:1fr;

    gap:45px;

    width:calc(100% - 44px);

    padding:55px 40px;
}

}

@media(max-width:767px){

.turo-contact{

    width:calc(100% - 28px);

    padding:38px 20px;

    border-radius:34px;
}

.turo-contact__intro h2{

    font-size:46px;
}

.turo-contact__intro p{

    font-size:15px;
}

.turo-contact__form-card{

    padding:22px;
}

.turo-contact .wpforms-form button[type=submit]{

    width:100%!important;
}

}