/* ==============================
   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;
}