/* PALETA PROPIA DISRUPTIVA: FONDOS CON DEGRADADOS DE ESMERALDA OBSCURO Y AZUL PROFUNDO */
:root {
    --bg-main: #040d1a;
    --bg-inner: #0a172c;
    --accent-gold: #cf9f40;
    --accent-emerald: #00b488;
    --text-light: #e2e8f0;
    --text-dark-yellow: #4a3300;
}

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

.ads-alert-banner { background-color: #fff6e0; padding: 14px 0; border-bottom: 2px solid #f5d0a1; }
.banner-flex { display: table; width: 100%; }
.alert-svg-icon { display: table-cell; vertical-align: middle; width: 30px; }
.alert-text { display: table-cell; color: var(--text-dark-yellow); font-size: 10.5pt; padding-left: 15px; }

.main-header { background-color: var(--bg-inner); padding: 20px 0; border-bottom: 1px solid rgba(207,159,64,0.25); }
.header-grid { display: table; width: 100%; }
.corporate-logo { display: table-cell; text-decoration: none; }
.logo-main { color: #fff; font-size: 15pt; font-weight: bold; }
.logo-sub { color: var(--accent-gold); font-size: 8pt; display: block; }
.navigation-bar { display: table-cell; text-align: right; vertical-align: middle; }
.nav-element { color: #fff; text-decoration: none; margin-left: 25px; }
.nav-element.active { color: var(--accent-emerald); font-weight: 700; }

.about-hero-section { padding: 90px 0; text-align: center; background: linear-gradient(180deg, var(--bg-inner) 0%, var(--bg-main) 100%); }
.context-pill { display: inline-block; background-color: rgba(0,180,136,0.15); color: var(--accent-emerald); padding: 5px 15px; border-radius: 20px; font-size: 9pt; font-weight: bold; margin-bottom: 20px; }
h1 { font-size: 26pt; color: #fff; margin-bottom: 15px; }
.hero-subtext { color: var(--accent-gold); font-size: 12pt; }

.about-corporate-body { padding: 80px 0; }
.split-about-grid { display: table; width: 100%; }
.about-text-column { display: table-cell; width: 55%; padding-right: 45px; vertical-align: middle; }
.about-text-column h2 { font-size: 18pt; color: #fff; margin-bottom: 20px; }
.about-text-column p { font-size: 11pt; color: #a0aec0; margin-bottom: 15px; text-align: justify; }
.about-media-column { display: table-cell; width: 45%; vertical-align: middle; }
.about-side-img { border-radius: 6px; border: 2px solid rgba(207,159,64,0.2); }

.corporate-footer { background-color: #020710; padding: 50px 0; border-top: 1px solid rgba(255,255,255,0.05); }
.disclaimer-compliance-footer-box { color: #5a6575; font-size: 8.5pt; text-align: justify; }
.corporate-copyright { text-align: center; margin-top: 15px; color: #3b4450; }