body { width: 100% !important; padding: 0px; margin: 0px; height: 100%; float: left }

.cabecera { float: left; width: 92%; background: url('../img/back-movilidad.png') no-repeat 95% 35% / 10%, linear-gradient(90deg, #0B7CD9 0%, #C0E2FF 100%);  margin: 0% !important; padding: 4%; border-radius: 0px; -webkit-box-shadow: 2px 6px 10px -7px #000000; box-shadow: 2px 6px 10px -7px #000000; z-index: 1; position: absolute }

.cabecera a { display: block; float: left; width: 100% }
h1 { width: 67%; float: left; margin: 15px 0px; padding: 0px 10% 0px 0px; text-decoration: none; color:#ffffff; font-size: 1.1em }
h1 span { float: left; color:#ffffff; width: 100%; font-size: 0.8em; font-weight: normal }

.listado-enlaces { float: left; list-style: none; margin-bottom: 10px }
.listado-enlaces { float: left; margin: 0px 0px 10px; padding: 0 4%; width: 92% }
.listado-enlaces li { background: #fff; -webkit-box-shadow: 2px 6px 10px -7px #000000; box-shadow: 2px 6px 10px -7px #000000; margin-bottom: 10px; border-radius: 10px; padding: 3%; height: auto; float: left; width: 94% }
.listado-enlaces li a { display: block; float: left; width: 100% }
.listado-enlaces li a h2 { width: 67%; float: left; margin: 15px 0px; padding: 0px 10% 0px 0px; text-decoration: none; color:#353535; font-size: 1.1em }
.listado-enlaces li a h2 span { float: left; color:#727272; width: 100%; font-size: 0.8em }
.listado-enlaces li { background: url("../img/next-mapas.png") #ffffff no-repeat 95% center; background-size: 10% }
.icon-mapas { background: url("../img/bg-mapas.png") no-repeat center; width: 20%; height: 72px; float: left; background-size: 80%; margin-right: 3% }
.item-mapas { background: url("../img/icon-mapas.png") no-repeat center; width: 20%; height: 72px; float: left; background-size: 80%; margin-right: 3% }

h2 { float: left; width: 96%; margin: 2% 4% 2% 0% }
#mapah2 { float: left; width: 88%; margin: 2% 4% 2% 8% }
.form-container { width: 88%; float: left; background: #fff; margin: 2% 4% 0%; border-radius: 10px; box-shadow: 0px 2px 10px rgba(0,0,0,0.15); padding: 2% }
form { padding: 1%; float: left; width: 98% }
label {font-weight: 500; font-size: 1em; display: block; margin: 4px 0px; color: #333 }
textarea, input[type="text"], input[type="email"], input[type="tel"] { width: 93.5%; border: 1px solid #5eb4a2; border-radius: 6px; padding: 3%; font-size: 1em; margin:5px 0px 0px; outline: none }
textarea { height: 100px; resize: none }
.image-upload { text-align: center; margin: 10px 0 }
.image-preview { width: 240px; height: 240px; border: 1px solid #0B9287; border-radius: 10px; margin: 0 auto 10px; display: flex; align-items: center; justify-content: center } 
.image-preview img { max-width: 200px; max-height: 200px; height: auto }
.btns { display: flex; justify-content: center; gap: 10px; margin-bottom: 10px }
.btn { padding: 8px 16px; border: none; border-radius: 20px; font-weight: 500; cursor: pointer; transition: 0.2s }
.btn-adjuntar { background: #2f8f83; color: #fff; box-shadow: 2px 3px 6px rgba(0,0,0,0.2) }
.btn-tomar { background: #9be1d4; color: #000; box-shadow: 2px 3px 6px rgba(0,0,0,0.1) }
.btn-enviar { background: #2f8f83; color: #fff; box-shadow: 2px 3px 6px rgba(0,0,0,0.2); width: 140px; border-radius: 10px; padding: 2px }
.btn-enviar span { border: 1px solid #fff; border-radius: 10px; width: 86%; padding: 6%; float: left }
.info { font-size: 13px; color: #444; text-align: center; margin-bottom: 10px }
.map-container { border-radius: 0 0 10px 10px; overflow: hidden; margin: 5px 0px 10px }
.map-header { background: linear-gradient(90deg, #2f8f83, #49b2a7); color: #fff; padding: 8px 10px; font-weight: 600; border-radius: 0px }
iframe { width: 100%; height: 280px; border: none; margin-bottom:10px }