/* FORMULARIO */
#formcontrols {
    background-color: rgba(255, 255, 255, 0.95);
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.2);
    max-width: 900px;
    margin: 0 auto;
    position: relative;
    z-index: 3;
    font-family: 'Arial', sans-serif;
}
#formcontrols h2 { color:#0A1F4C; font-size:28px; text-align:center; margin-bottom:10px; }
#formcontrols p { font-size:14px; color:#555; text-align:center; margin-bottom:25px; }
#formcontrols .nova-form-row { display:flex; gap:15px; flex-wrap:wrap; margin-bottom:20px; }
#formcontrols input, #formcontrols select, #formcontrols textarea {
    flex:1; padding:12px 15px; font-size:14px; border:1px solid #ccc; border-radius:8px;
    outline:none; transition:border-color 0.3s;
}
#formcontrols input:focus, #formcontrols select:focus, #formcontrols textarea:focus { border-color:#0A1F4C; }
#formcontrols textarea { flex-basis:100%; min-height:120px; resize:vertical; }
#formcontrols button { background-color:#0A1F4C; color:#fff; padding:12px 25px; border:none; border-radius:10px; cursor:pointer; font-size:16px; display:block; margin:0 auto; transition:background-color 0.3s; }
#formcontrols button:hover { background-color:#162D63; }

/* MAPA - HOVER */
.map-hover-zone iframe { width:100%; height:100%; border:0; filter: grayscale(100%) brightness(0.4); transition: filter 1s; }
.map-hover-zone.hover-active iframe { filter: grayscale(0%) brightness(1); }

/* MAPA CONTENEDOR */
.nova-full-map-contact { position:relative; width:100vw; min-height:650px; margin-left:calc(50% - 50vw); overflow:hidden; background:#e9eef5; display:flex; align-items:center; justify-content:center; padding:70px 18px; z-index:1; }
.nova-full-map-contact .map-hover-zone { position:absolute; inset:0; z-index:1; }
.nova-full-map-contact iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }

/* MEDIA QUERIES */
@media screen and (max-width:768px){
  #formcontrols { padding:20px; max-width:90%; }
  #formcontrols h2 { font-size:24px; }
  #formcontrols .nova-form-row { flex-direction:column; }
  #formcontrols input, #formcontrols select, #formcontrols textarea { width:100%; }
  #formcontrols textarea { min-height:100px; }
}
@media screen and (max-width:480px){
  #formcontrols { padding:15px; max-width:95%; }
  #formcontrols h2 { font-size:20px; }
  #formcontrols button { font-size:14px; padding:10px 20px; }
  #formcontrols textarea { min-height:90px; }
}
/* ========================= */
/* CONTENEDOR DEL MAPA       */
/* ========================= */
.nova-full-map-contact {
    position: relative;
    width: 100vw;
    min-height: 650px;
    margin-left: calc(50% - 50vw);
    overflow: hidden;
    background: #e9eef5;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 70px 18px;
    z-index: 1;
}

.nova-full-map-contact .map-hover-zone {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.nova-full-map-contact iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}