/* DISEÑO PROPIO DE LA PÁGINA DE GOBIERNO CORPORATIVO */
:root {
    --bg-main: #0c1424;        /* Variación de fondo para romper monotonía */
    --bg-card: #162238;
    --accent-blue: #00d2ff;
    --accent-gold: #d4af37;
    --text-white: #ffffff;
    --text-grey: #a0aec0;
    --warning-bg: #fff9e6;
    --warning-text: #5c4300;
}

* { box-sizing: border-box; margin: 0; padding: 0; font-family: sans-serif; }

body { background-color: var(--bg-main); color: var(--text-white); line-height: 1.7; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }

/* REUTILIZACIÓN ESTRUCTURAL DE COMPLIANCE */
.ads-disclaimer-banner { background-color: var(--warning-bg); padding: 12px 0; }
.container-disclaimer { display: table; width: 100%; }
.icon-disclaimer { display: table-cell; vertical-align: middle; width: 30px; }
.ads-disclaimer-banner p { display: table-cell; vertical-align: middle; color: var(--warning-text); font-size: 11pt; padding-left: 12px; }

/* HEADER */
.main-header { background-color: var(--bg-card); 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; width: 40%; }
.logo-svg { vertical-align: middle; margin-right: 10px; }
.logo-text { display: inline-block; vertical-align: middle; }
.brand-name { display: block; color: var(--text-white); font-size: 16pt; font-weight: bold; }
.brand-sub { display: block; color: var(--accent-gold); font-size: 8pt; }
.main-nav { display: table-cell; vertical-align: middle; text-align: right; }
.nav-link { color: var(--text-white); text-decoration: none; margin-left: 20px; font-size: 11pt; }
.nav-link.active { color: var(--accent-blue); font-weight: bold; }
.header-cta { display: table-cell; vertical-align: middle; text-align: right; padding-left: 20px; }

.btn { display: inline-block; padding: 10px 20px; border-radius: 4px; text-decoration: none; font-weight: bold; }
.btn-secondary { border: 1px solid var(--accent-blue); color: var(--accent-blue); }

/* SECCIÓN PROPIA */
.about-hero { padding: 80px 0; text-align: center; background: linear-gradient(180deg, var(--bg-card) 0%, var(--bg-main) 100%); }
.badge { display: inline-block; background-color: rgba(0,210,255,0.1); color: var(--accent-blue); padding: 5px 15px; border-radius: 20px; font-size: 9pt; margin-bottom: 15px; }
h1 { font-size: 26pt; margin-bottom: 20px; }
.lead-p { font-size: 13pt; color: var(--text-grey); max-width: 800px; margin: 0 auto; }

.about-details { padding: 60px 0; }
.split-layout { display: table; width: 100%; }
.text-block { display: table-cell; width: 55%; vertical-align: middle; padding-right: 40px; }
.text-block h2 { font-size: 18pt; margin-bottom: 20px; color: var(--accent-gold); }
.text-block p { font-size: 11pt; color: var(--text-grey); margin-bottom: 15px; text-align: justify; }
.img-block { display: table-cell; width: 45%; vertical-align: middle; }
.side-img { border-radius: 6px; border: 1px solid rgba(255,255,255,0.1); }

/* FOOTER STYLING */
.main-footer { background-color: #060a12; padding: 60px 0 30px 0; margin-top: 60px; border-top: 1px solid rgba(255,255,255,0.05); }
.footer-grid { display: table; width: 100%; }
.footer-brand-side { display: table-cell; width: 40%; padding-right: 30px; }
.footer-brand-desc { color: var(--text-grey); font-size: 10pt; margin-top: 10px; }
.footer-links-side { display: table-cell; width: 30%; }
.footer-links-side h4 { margin-bottom: 15px; font-size: 11pt; }
.footer-links-list { list-style: none; }
.footer-links-list li { margin-bottom: 8px; }
.footer-links-list a { color: var(--text-grey); text-decoration: none; font-size: 10pt; }
.footer-divider { border: 0; border-top: 1px solid rgba(255,255,255,0.05); margin: 30px 0 15px 0; }
.footer-bottom-disclaimer { color: #666; font-size: 8.5pt; text-align: justify; }