¿A dónde vamos hoy?
Escribe ciudad, provincia o punto de interés. ¡Que empiece la aventura!
/* ===== Estilos para el Buscador Incrustado ===== */ .buscador-maps-wrapper { background: #FFFFFF; border-radius: 16px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); width: 100%; max-width: 400px; padding: 24px; box-sizing: border-box; text-align: center; margin: auto; /* Para centrar si hace falta */ } .buscador-maps-wrapper h2 { margin-top: 0; margin-bottom: 16px; font-size: 1.5rem; color: #E65100; /* naranja oscuro para el título */ } .buscador-maps-wrapper input[type="text"] { width: 100%; padding: 12px 16px; font-size: 1rem; border: 2px solid #FFCC80; /* borde naranja claro */ border-radius: 8px; box-sizing: border-box; outline: none; transition: border-color 0.2s ease-in-out; } .buscador-maps-wrapper input[type="text"]:focus { border-color: #FF8A65; /* naranja medio al enfocar */ } .buscador-maps-wrapper button { margin-top: 16px; width: 100%; padding: 12px; font-size: 1rem; font-weight: bold; color: #FFFFFF; background: #FF6E40; /* naranja intenso */ border: none; border-radius: 8px; cursor: pointer; box-shadow: 0 4px 8px rgba(255, 110, 64, 0.4); transition: background 0.2s ease-in-out, box-shadow 0.2s ease-in-out; } .buscador-maps-wrapper button:hover { background: #FF3D00; /* naranja más fuerte al pasar el mouse */ box-shadow: 0 6px 12px rgba(255, 61, 0, 0.4); } .buscador-maps-wrapper button:active { background: #DD2C00; /* naranja oscuro al hacer clic */ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } .buscador-maps-wrapper p { margin-top: 24px; font-size: 0.875rem; color: #757575; }
Escribe ciudad, provincia o punto de interés. ¡Que empiece la aventura!