/* ==============================
   Formulario
============================== */
.form {
    display: flex;
    flex-direction: column;
    gap: 15px;
    max-width: 500px;
    width: 100%;
}

.form input, .form select, .form textarea {
    padding: 12px;
    border-radius: 8px;
    border: 1px solid #ccc;
    font-size: 1em;
}

.form button {
    width: fit-content;
    align-self: center;
}



/* ==============================
   Iframe (Google Maps)
============================== */
.map {
    width: 100%;
    max-width: 800px;
    height: 300px;
    border: 0;
    border-radius: 15px;
}

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

.google-form {
    width: 100%;
    max-width: 640px;

    height: 1150px;

    border: none;
    border-radius: 20px;

    background: transparent;

    overflow: hidden;

    transition: all 0.3s ease;
}

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

@media (max-width: 768px) {

    .section {
        padding-left: 12px;
        padding-right: 12px;
    }

    .google-form {

        width: 100%;
        max-width: 100%;

        height: 1200px;

        border-radius: 16px;

    }
}

/* ==============================
   SMALL PHONES
============================== */

@media (max-width: 480px) {

    .google-form {

        height: 1250px;

        border-radius: 12px;
    }
}