.landing-construccion { font-family: ‘Segoe UI’, Roboto, Arial, sans-serif; color: #334155; background-color: #FAF9F6; padding: 40px 20px; text-align: center; max-width: 800px; margin: 0 auto; border-radius: 12px; } .landing-construccion h1 { color: #002147; font-size: 2.5rem; margin-bottom: 10px; } .landing-construccion .subtitulo { color: #00A693; font-size: 1.2rem; font-weight: 600; text-transform: uppercase; margin-bottom: 30px; } .aviso-proximamente { background-color: #e0f2f1; color: #004d40; display: inline-block; padding: 10px 20px; border-radius: 50px; font-weight: bold; margin-bottom: 40px; font-size: 0.9rem; } .sedes-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; text-align: left; margin-top: 30px; } @media (max-width: 600px) { .sedes-grid { grid-template-columns: 1fr; } } .sede-card { background: white; padding: 20px; border-radius: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.05); } .sede-card h4 { color: #002147; margin-top: 0; margin-bottom: 10px; } .btn-whatsapp-flotante { position: fixed; bottom: 30px; right: 30px; background-color: #25d366; color: white; border-radius: 50px; padding: 15px 25px; font-size: 16px; font-weight: bold; text-decoration: none; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3); z-index: 99999; display: flex; align-items: center; gap: 10px; transition: transform 0.3s ease; } .btn-whatsapp-flotante:hover { transform: scale(1.05); color: white; } .btn-whatsapp-flotante svg { width: 24px; height: 24px; fill: currentColor; } Contactar por WhatsApp