main.contacto {
	display: grid;
    grid-template-rows: 1fr auto;

	gap: 2rem;
    padding-top: 3rem;
}

main.contacto .btn-main {
    color: #fff;
}

main.contacto .image-container  {
    height: 300px;
    background-color: #f4eee5;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 5px;
    position: relative;
}

main.contacto .image-container svg {
    width: 40px;
    position: absolute;
    bottom: 10px;
    right: 16px;
    height: auto;
}

main.contacto .form-container {
	
	max-width: 680px;
	display: grid;
	gap: 14px;
    min-height: 50vh;
}

.domoting-form { max-width: 680px; display: grid; gap: 14px; }
.domoting-form .field { display: grid; gap: 6px; }
.domoting-form input[type="text"],
.domoting-form input[type="email"],
.domoting-form input[type="number"],
.domoting-form textarea { width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 6px; }
.domoting-form button { padding: 10px 16px; border: 0; border-radius: 8px; cursor: pointer; }
.notice.error { background: #ffecec; border:1px solid #f5c2c7; padding: 10px; border-radius: 6px; }
.notice.success { background: #e6ffed; border:1px solid #b7eb8f; padding: 10px; border-radius: 6px; }
.field.checkbox label { display: flex; gap: 8px; align-items: center; }


@media only screen and (min-width:768px) {
    main.contacto .image-container  {
        height: auto;
    }

    main.contacto {
        grid-template-columns: 1fr 1fr;
        gap: 2rem;
    }

}