/* PALETA PROPIA CON TONALIDADES AZUL MARINO ELÉCTRICO */
:root {
    --bg-main: #0a0e1a;
    --bg-form: #111728;
    --accent-blue: #00d2ff;
    --accent-gold: #d4af37;
    --text-white: #ffffff;
    --text-gray: #8f9cae;
    --warning-bg: #fff9e6;
    --warning-text: #5c4300;
}

* { box-sizing: border-box; margin: 0; padding: 0; font-family: Arial, sans-serif; }
body { background-color: var(--bg-main); color: var(--text-white); line-height: 1.6; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }

.ads-disclaimer-banner { background-color: var(--warning-bg); padding: 12px 0; }
.container-disclaimer { display: table; width: 100%; }
.ads-disclaimer-banner p { display: table-cell; color: var(--warning-text); font-size: 11pt; padding-left: 12px; }

.main-header { background-color: var(--bg-form); padding: 15px 0; border-bottom: 1px solid rgba(212,175,55,0.2); }
.header-flex { display: table; width: 100%; }
.logo-brand { display: table-cell; vertical-align: middle; text-decoration: none; }
.brand-name { color: var(--text-white); font-size: 16pt; font-weight: bold; }
.main-nav { display: table-cell; text-align: right; vertical-align: middle; }
.nav-link { color: var(--text-white); text-decoration: none; margin-left: 20px; }
.nav-link.active { color: var(--accent-blue); }

.contact-area { padding: 80px 0; }
.contact-grid { display: table; width: 100%; table-layout: fixed; }
.info-side { display: table-cell; width: 50%; vertical-align: middle; padding-right: 50px; }
.info-side h1 { font-size: 24pt; margin-bottom: 20px; color: var(--accent-blue); }
.card-detail { background-color: var(--bg-form); padding: 20px; border-radius: 4px; margin-top: 20px; border-left: 4px solid var(--accent-gold); }
.card-detail h3 { font-size: 12pt; margin-bottom: 5px; }

.form-side { display: table-cell; width: 50%; vertical-align: middle; }
.form-box { background-color: var(--bg-form); padding: 35px; border-radius: 6px; border: 1px solid rgba(255,255,255,0.05); }
.form-box h2 { font-size: 16pt; margin-bottom: 20px; text-align: center; }
.form-group { margin-bottom: 15px; }
.form-group label { display: block; font-size: 9.5pt; margin-bottom: 5px; }
.form-box input, .form-box select { width: 100%; padding: 10px; background-color: var(--bg-main); border: 1px solid rgba(255,255,255,0.1); color: #fff; border-radius: 4px; }

.btn { display: inline-block; padding: 12px; font-weight: bold; text-align: center; border-radius: 4px; text-decoration: none; cursor: pointer; border: 0; }
.btn-primary { background-color: var(--accent-gold); color: #000; }
.btn-block { display: block; width: 100%; }

.form-msg { margin-top: 15px; text-align: center; font-weight: bold; font-size: 10pt; }
.form-msg.success { color: #2ecc71; }
.form-msg.error { color: #e74c3c; }

.main-footer { background-color: #05080f; padding: 40px 0; margin-top: 60px; border-top: 1px solid rgba(255,255,255,0.05); }
.footer-bottom-disclaimer { color: #555; font-size: 8.5pt; text-align: justify; }