/* ═══════════════════════════════════════════════════════════
   Compliance Partners — Design System 2.0
   White · Tech · Vanguard
   ═══════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400&family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root {
    /* Surfaces */
    --bg:        #FFFFFF;
    --bg-alt:    #F4F6FA;
    --navy:      #0A1628;
    --navy-2:    #0D1F38;
    --navy-card: #111E30;
    /* Backwards compat aliases (used in older subpages) */
    --bg-deep:   #0A1628;
    --bg-dark:   #0D1F38;

    /* Brand */
    --gold:      #B8960A;
    --gold-2:    #C9A84C;
    --gold-bg:   rgba(184,150,10,0.08);
    --gold-border: rgba(184,150,10,0.2);

    /* Text */
    --text:      #0A1628;
    --text-2:    #2D3748;
    --text-3:    #4A5568;
    --muted:     #718096;
    --white:     #FFFFFF;
    --text-light: #C8D4E0; /* for dark sections */

    /* UI */
    --border:    rgba(10,22,40,0.08);
    --shadow:    0 2px 16px rgba(10,22,40,0.06);
    --shadow-lg: 0 8px 40px rgba(10,22,40,0.1);
    --t:         all 0.35s cubic-bezier(0.4,0,0.2,1);
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { font-family:'Inter',sans-serif; background:var(--bg); color:var(--text); line-height:1.6; overflow-x:hidden; }
h1,h2,h3,h4 { font-family:'Space Grotesk',sans-serif; line-height:1.15; }
img { max-width:100%; display:block; }

/* ── NAV ─────────────────────────────────────────── */
.nav {
    position:fixed; top:0; left:0; right:0; z-index:100;
    padding:16px 48px;
    display:flex; align-items:center; justify-content:space-between;
    transition:var(--t);
}
.nav.scrolled {
    background:rgba(255,255,255,0.97);
    backdrop-filter:blur(20px);
    border-bottom:1px solid var(--border);
    padding:12px 48px;
    box-shadow: var(--shadow);
}
.nav-logo { display:flex; align-items:center; gap:10px; text-decoration:none; }
.nav-logo img { height:60px; width:auto; object-fit:contain; }
.nav-links { list-style:none; display:flex; align-items:center; gap:28px; }
.nav-links a { color:var(--text-3); text-decoration:none; font-size:14px; font-weight:500; transition:color 0.25s; }
.nav-links a:hover, .nav-links a.active { color:var(--navy); }
.nav-cta {
    background:var(--navy); color:var(--white) !important;
    padding:10px 22px; border-radius:4px;
    font-weight:600 !important; font-size:13px !important;
    letter-spacing:0.02em; transition:var(--t) !important;
}
.nav-cta:hover { background:var(--gold) !important; color:var(--navy) !important; transform:translateY(-1px) !important; }
.nav-toggle { display:none; flex-direction:column; gap:5px; cursor:pointer; }
.nav-toggle span { width:24px; height:2px; background:var(--navy); border-radius:2px; display:block; }

/* ── BUTTONS ──────────────────────────────────────── */
.btn-primary {
    background:var(--navy); color:var(--white);
    padding:14px 32px; border-radius:4px;
    font-weight:600; font-size:14px; text-decoration:none;
    display:inline-flex; align-items:center; gap:8px;
    transition:var(--t); border:none; cursor:pointer;
    letter-spacing:0.02em;
}
.btn-primary:hover { background:var(--gold); color:var(--navy); transform:translateY(-2px); box-shadow:var(--shadow-lg); }

.btn-gold {
    background:var(--gold); color:var(--navy);
    padding:14px 32px; border-radius:4px;
    font-weight:700; font-size:14px; text-decoration:none;
    display:inline-flex; align-items:center; gap:8px;
    transition:var(--t); border:none; cursor:pointer;
}
.btn-gold:hover { background:var(--navy); color:var(--white); transform:translateY(-2px); box-shadow:var(--shadow-lg); }

.btn-outline {
    background:transparent; color:var(--navy);
    padding:14px 32px; border-radius:4px;
    font-weight:600; font-size:14px; text-decoration:none;
    border:1.5px solid var(--border); transition:var(--t);
    display:inline-flex; align-items:center; gap:8px;
}
.btn-outline:hover { border-color:var(--navy); background:var(--navy); color:var(--white); transform:translateY(-2px); }

.btn-outline-white {
    background:transparent; color:var(--white);
    padding:14px 32px; border-radius:4px;
    font-weight:600; font-size:14px; text-decoration:none;
    border:1.5px solid rgba(255,255,255,0.3); transition:var(--t);
    display:inline-flex; align-items:center; gap:8px;
}
.btn-outline-white:hover { border-color:var(--gold); color:var(--gold); transform:translateY(-2px); }
.btn-solid-white {
    background:var(--white); color:var(--navy);
    padding:14px 32px; border-radius:4px;
    font-weight:600; font-size:14px; text-decoration:none;
    border:1.5px solid var(--white); transition:var(--t);
    display:inline-flex; align-items:center; gap:8px;
}
.btn-solid-white:hover { background:var(--gold); border-color:var(--gold); color:var(--navy); transform:translateY(-2px); box-shadow:var(--shadow-lg); }
.btn-sm { padding:10px 20px !important; font-size:13px !important; }

/* ── LAYOUT ───────────────────────────────────────── */
.section { padding:96px 48px; }
.section-dark { background:var(--navy); }
.section-alt  { background:var(--bg-alt); }
.inner    { max-width:1120px; margin:0 auto; }
.inner-sm { max-width:760px;  margin:0 auto; }
.grid-2   { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.grid-3   { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.grid-4   { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.grid-2-1 { display:grid; grid-template-columns:1.25fr 1fr; gap:80px; align-items:start; }
.grid-1-2 { display:grid; grid-template-columns:1fr 1.25fr; gap:80px; align-items:start; }

/* ── LABELS & HEADINGS ────────────────────────────── */
.label {
    display:inline-flex; align-items:center; gap:8px;
    font-size:11px; font-weight:700; letter-spacing:0.22em;
    text-transform:uppercase; color:var(--gold); margin-bottom:14px;
}
.label::before { content:''; width:24px; height:1.5px; background:var(--gold); }
.label-center { justify-content:center; }
.label-center::before { display:none; }
.label-dark { color:var(--gold-2); }
.label-dark::before { background:var(--gold-2); }

.sec-title { font-size:clamp(30px,4vw,50px); font-weight:700; letter-spacing:-0.02em; margin-bottom:16px; }
.sec-title-sm { font-size:clamp(26px,3vw,38px); }
.sec-sub { font-size:17px; color:var(--text-3); font-weight:400; line-height:1.75; margin-bottom:52px; max-width:560px; }
.sec-sub-dark { color:var(--text-light); }
.text-gold { color:var(--gold); }
.text-gold-2 { color:var(--gold-2); }

/* ── CARDS ────────────────────────────────────────── */
.card {
    background:var(--bg); border:1px solid var(--border);
    border-radius:8px; padding:32px;
    transition:var(--t); position:relative; overflow:hidden;
    box-shadow: var(--shadow);
}
.card:hover { transform:translateY(-4px); box-shadow:var(--shadow-lg); border-color:rgba(184,150,10,0.3); }
.card::before { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:var(--gold); transform:scaleX(0); transform-origin:left; transition:transform 0.35s; }
.card:hover::before { transform:scaleX(1); }
.card-navy { background:var(--navy-card); border-color:rgba(255,255,255,0.06); }
.card-navy .card-title { color:var(--white); }
.card-navy .card-text { color:var(--text-light); }
.card-gold { background:var(--gold-bg); border-color:var(--gold-border); }
.card-gold::before { transform:scaleX(1); }
.card-icon { width:48px; height:48px; background:var(--gold-bg); border:1px solid var(--gold-border); border-radius:8px; display:flex; align-items:center; justify-content:center; font-size:20px; margin-bottom:18px; }
.card-icon-dark { background:rgba(184,150,10,0.1); border-color:rgba(184,150,10,0.2); }
.card-title { font-family:'Space Grotesk',sans-serif; font-size:16px; font-weight:600; margin-bottom:8px; line-height:1.4; color:var(--text); }
.card-sub { font-size:12px; color:var(--gold); font-weight:600; text-transform:uppercase; letter-spacing:0.08em; margin-bottom:6px; }
.card-text { font-size:14px; color:var(--text-3); line-height:1.65; }

/* ── CHECKLIST ────────────────────────────────────── */
.checklist { list-style:none; display:flex; flex-direction:column; gap:12px; }
.checklist li { display:flex; align-items:flex-start; gap:12px; font-size:15px; color:var(--text-2); line-height:1.55; }
.checklist li::before { content:'✓'; color:var(--gold); font-weight:700; flex-shrink:0; font-size:13px; margin-top:2px; font-family:'Space Grotesk',sans-serif; }
.checklist-arrow li::before { content:'→'; }
.checklist-dark li { color:var(--text-light); }

/* ── STEPS ────────────────────────────────────────── */
.steps { display:flex; flex-direction:column; }
.step { display:flex; gap:20px; padding-bottom:28px; }
.step:last-child { padding-bottom:0; }
.step-line { display:flex; flex-direction:column; align-items:center; }
.step-num { width:40px; height:40px; border-radius:50%; background:var(--gold-bg); border:1.5px solid var(--gold-border); display:flex; align-items:center; justify-content:center; font-family:'Space Grotesk',sans-serif; font-weight:700; color:var(--gold); font-size:15px; flex-shrink:0; }
.step-connector { flex:1; width:1px; background:var(--border); margin:6px 0; min-height:20px; }
.step:last-child .step-connector { display:none; }
.step-body { padding-top:6px; }
.step-body h4 { font-family:'Space Grotesk',sans-serif; font-size:15px; font-weight:600; margin-bottom:4px; color:var(--text); }
.step-body p { font-size:14px; color:var(--text-3); line-height:1.65; }

/* ── HIGHLIGHT ────────────────────────────────────── */
.highlight { background:var(--gold-bg); border-left:3px solid var(--gold); border-radius:0 8px 8px 0; padding:20px 24px; }
.highlight-label { font-size:10px; font-weight:700; color:var(--gold); letter-spacing:0.2em; text-transform:uppercase; margin-bottom:8px; }
.highlight-text { font-size:15px; color:var(--text-2); line-height:1.7; }
.highlight-text strong { color:var(--navy); font-weight:600; }

.highlight-dark { background:rgba(184,150,10,0.08); border-left-color:var(--gold-2); }
.highlight-dark .highlight-text { color:var(--text-light); }
.highlight-dark .highlight-text strong { color:var(--gold-2); }

/* ── CTA SECTION ──────────────────────────────────── */
.cta-section { background:var(--navy); padding:80px 48px; text-align:center; }
.cta-title { font-size:clamp(28px,3.5vw,44px); font-weight:700; margin-bottom:16px; color:var(--white); letter-spacing:-0.02em; }
.cta-text { font-size:17px; color:var(--text-light); font-weight:300; margin-bottom:36px; line-height:1.75; max-width:560px; margin-left:auto; margin-right:auto; }
.cta-actions { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }

/* ── CONTACT CHANNELS ─────────────────────────────── */
.ch { display:flex; align-items:center; gap:14px; background:var(--bg); border:1px solid var(--border); border-radius:8px; padding:16px 22px; text-decoration:none; color:var(--text); transition:var(--t); box-shadow:var(--shadow); }
.ch:hover { border-color:var(--gold-border); transform:translateY(-3px); box-shadow:var(--shadow-lg); }
.ch-icon { width:40px; height:40px; border-radius:8px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.ch-wa  { background:rgba(37,211,102,0.1); color:#1a9c4a; }
.ch-li  { background:rgba(10,102,194,0.1); color:#0A66C2; }
.ch-ig  { background:rgba(225,48,108,0.1); color:#C13584; }
.ch-web { background:var(--gold-bg); color:var(--gold); }
.ch-lbl { font-size:10px; color:var(--muted); text-transform:uppercase; letter-spacing:0.1em; display:block; font-weight:500; }
.ch-val { font-size:14px; font-weight:600; color:var(--text); display:block; }

/* ── BREADCRUMB ───────────────────────────────────── */
.breadcrumb { display:flex; align-items:center; gap:8px; font-size:12px; color:rgba(255,255,255,0.5); }
.breadcrumb a { color:rgba(255,255,255,0.5); text-decoration:none; transition:color 0.25s; }
.breadcrumb a:hover { color:var(--gold-2); }
.breadcrumb span { color:rgba(255,255,255,0.3); }

/* ── PAGE HERO (service pages) ────────────────────── */
.page-hero { padding:160px 48px 96px; background:var(--navy); position:relative; overflow:hidden; }
.page-hero::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse at 65% 40%,rgba(184,150,10,0.07) 0%,transparent 60%); }
.page-hero-dots { position:absolute; inset:0; opacity:0.04; background-image:radial-gradient(circle,var(--gold-2) 1px,transparent 1px); background-size:28px 28px; }
.page-hero-inner { max-width:760px; position:relative; z-index:2; }
.page-icon { font-size:48px; margin-bottom:20px; display:block; animation:fadeInDown 0.6s ease both; }
.page-title { font-size:clamp(34px,5vw,62px); font-weight:700; line-height:1.08; margin-bottom:18px; color:var(--white); letter-spacing:-0.02em; animation:fadeInUp 0.7s ease 0.1s both; }
.page-title span { color:var(--gold-2); }
.page-sub { font-size:clamp(15px,1.8vw,19px); color:var(--text-light); font-weight:300; line-height:1.75; max-width:580px; margin-bottom:36px; animation:fadeInUp 0.7s ease 0.2s both; }
.page-actions { display:flex; gap:12px; flex-wrap:wrap; animation:fadeInUp 0.7s ease 0.3s both; }

/* ── FOOTER ───────────────────────────────────────── */
footer { background:var(--navy); border-top:1px solid rgba(255,255,255,0.06); padding:52px 48px; }
.ft-inner { max-width:1120px; margin:0 auto; display:grid; grid-template-columns:1fr auto; gap:48px; align-items:center; }
.ft-logo { display:flex; align-items:center; gap:12px; text-decoration:none; margin-bottom:10px; }
.ft-logo img { height:40px; width:auto; object-fit:contain; }
.ft-logo-name { font-family:'Space Grotesk',sans-serif; font-size:17px; font-weight:700; color:var(--white); }
.ft-tag { font-size:13px; color:rgba(255,255,255,0.4); margin-bottom:0; }
.ft-links { list-style:none; display:flex; gap:20px; flex-wrap:wrap; justify-content:flex-end; margin-bottom:16px; }
.ft-links a { font-size:13px; color:rgba(255,255,255,0.5); text-decoration:none; transition:color 0.25s; font-weight:500; }
.ft-links a:hover { color:var(--gold-2); }
.ft-copy { font-size:11px; color:rgba(255,255,255,0.25); text-align:right; }

/* ── ANIMATIONS ───────────────────────────────────── */
@keyframes fadeInUp   { from{opacity:0;transform:translateY(28px)} to{opacity:1;transform:translateY(0)} }
@keyframes fadeInDown { from{opacity:0;transform:translateY(-18px)} to{opacity:1;transform:translateY(0)} }
@keyframes blink { 0%,100%{opacity:1} 50%{opacity:0.3} }

.reveal       { opacity:0; transform:translateY(36px); transition:opacity 0.65s ease,transform 0.65s ease; }
.reveal-left  { opacity:0; transform:translateX(-36px); transition:opacity 0.65s ease,transform 0.65s ease; }
.reveal-right { opacity:0; transform:translateX(36px); transition:opacity 0.65s ease,transform 0.65s ease; }
.reveal.in, .reveal-left.in, .reveal-right.in { opacity:1; transform:none; }

.d1{transition-delay:.08s} .d2{transition-delay:.16s} .d3{transition-delay:.24s}
.d4{transition-delay:.32s} .d5{transition-delay:.40s} .d6{transition-delay:.48s}
.d7{transition-delay:.56s} .d8{transition-delay:.64s} .d9{transition-delay:.72s}
.d10{transition-delay:.80s}

/* ── RESPONSIVE ───────────────────────────────────── */
@media(max-width:1024px){
    .grid-2-1,.grid-1-2 { grid-template-columns:1fr; gap:48px; }
    .grid-3 { grid-template-columns:repeat(2,1fr); }
    .ft-inner { grid-template-columns:1fr; gap:28px; }
    .ft-links { justify-content:flex-start; }
    .ft-copy { text-align:left; }
}
@media(max-width:900px){
    .nav { padding:14px 24px; }
    .nav.scrolled { padding:10px 24px; }
    .nav-links { display:none; }
    .nav-toggle { display:flex; }
    .section { padding:72px 24px; }
    .page-hero { padding:120px 24px 72px; }
    .cta-section { padding:64px 24px; }
    footer { padding:44px 24px; }
    .grid-2 { grid-template-columns:1fr; }
}
@media(max-width:640px){
    .grid-3 { grid-template-columns:1fr; }
    .grid-4 { grid-template-columns:repeat(2,1fr); }
    .cta-actions { flex-direction:column; align-items:center; }
    .page-actions { flex-direction:column; }
}

/* ── SEC-LABEL ALIAS (backwards compat) ─────────────── */
.sec-label { display:inline-flex; align-items:center; gap:8px; font-size:11px; font-weight:700; letter-spacing:0.22em; text-transform:uppercase; color:var(--gold); margin-bottom:14px; }
.sec-label::before { content:''; width:24px; height:1.5px; background:var(--gold); }
.sec-label-center { justify-content:center; }
.sec-label-center::before { display:none; }

/* ── DARK SECTION TEXT FIXES (backwards compat) ─────── */
[style*="bg-dark"] .checklist li,
[style*="bg-deep"] .checklist li { color:var(--text-light); }
[style*="bg-dark"] .card,
[style*="bg-deep"] .card { background:var(--navy-card); border-color:rgba(255,255,255,0.06); }
[style*="bg-dark"] .card-title,
[style*="bg-deep"] .card-title { color:var(--white); }
[style*="bg-dark"] .card-text,
[style*="bg-deep"] .card-text { color:var(--text-light); }

/* ── NAV DARK HERO MODE ──────────────────────────────── */
.nav--dark:not(.scrolled) .nav-links a { color:rgba(255,255,255,0.88); }
.nav--dark:not(.scrolled) .nav-links a:hover,
.nav--dark:not(.scrolled) .nav-links a.active { color:var(--gold-2); }
.nav--dark:not(.scrolled) .nav-cta { background:rgba(184,150,10,0.18) !important; color:var(--gold-2) !important; border:1px solid rgba(184,150,10,0.35) !important; }
.nav--dark:not(.scrolled) .nav-cta:hover { background:var(--gold) !important; color:var(--navy) !important; }
.nav--dark:not(.scrolled) .nav-toggle span { background:var(--white); }
.nav--dark:not(.scrolled) .nav-dropdown-btn { color:rgba(255,255,255,0.88) !important; }
.nav--dark:not(.scrolled) .nav-dropdown-btn:hover { color:var(--gold-2) !important; }
/* Menú móvil abierto: forzar texto oscuro aunque el nav esté en modo dark/top */
.nav--dark:not(.scrolled) .nav-links.mob-open > li > a:not(.nav-cta),
.nav--dark:not(.scrolled) .nav-links.mob-open .nav-dropdown-btn { color:var(--text-3) !important; }
.nav--dark:not(.scrolled) .nav-links.mob-open > li > a:not(.nav-cta):hover,
.nav--dark:not(.scrolled) .nav-links.mob-open .nav-dropdown-btn:hover { color:var(--navy) !important; }

/* ── DROPDOWN MENU ───────────────────────────────────── */
.nav-item { position:relative; }
.nav-dropdown-btn { display:flex; align-items:center; gap:5px; color:var(--text-3); text-decoration:none; font-size:14px; font-weight:500; background:none; border:none; cursor:pointer; padding:0; font-family:inherit; transition:color 0.25s; }
.nav-dropdown-btn:hover { color:var(--navy); }
.nav-arrow { font-size:9px; transition:transform 0.2s; line-height:1; display:inline-block; }
.nav-item:hover .nav-arrow { transform:rotate(180deg); }
.nav-dropdown-menu {
    position:absolute; top:calc(100% + 14px); left:50%;
    transform:translateX(-50%) translateY(-6px);
    background:white; border:1px solid var(--border);
    border-radius:10px;
    box-shadow:0 12px 40px rgba(10,22,40,0.14),0 2px 8px rgba(10,22,40,0.06);
    min-width:280px; padding:8px;
    opacity:0; visibility:hidden;
    transition:opacity 0.2s ease,transform 0.2s ease,visibility 0.2s;
    z-index:200;
}
.nav-item:hover .nav-dropdown-menu { opacity:1; visibility:visible; transform:translateX(-50%) translateY(0); }
.nav-dropdown-menu a { display:flex; align-items:center; gap:10px; padding:9px 12px; border-radius:6px; font-size:13px; font-weight:500; color:var(--text-2) !important; text-decoration:none; transition:background 0.15s; white-space:nowrap; }
.nav-dropdown-menu a:hover { background:var(--bg-alt); color:var(--navy) !important; }
.dropdown-icon { width:28px; height:28px; background:var(--gold-bg); border:1px solid var(--gold-border); border-radius:6px; display:flex; align-items:center; justify-content:center; font-size:12px; flex-shrink:0; }
.nav-dropdown-divider { height:1px; background:var(--border); margin:4px 0; }

/* ── NAV DROPDOWN CATEGORY LABEL ─────────────────────── */
.nav-drop-label { padding:8px 12px 4px; font-size:10px; font-weight:700; color:var(--gold); letter-spacing:.8px; text-transform:uppercase; display:flex; align-items:center; gap:6px; }
.nav-drop-sub { padding-left:28px !important; font-size:12.5px !important; color:var(--muted) !important; }
.nav-drop-sub:hover { color:var(--navy) !important; }

/* ── TEAM SECTION ────────────────────────────────────── */
.team-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; }
.team-card { background:var(--bg); border:1px solid var(--border); border-radius:12px; overflow:hidden; transition:var(--t); box-shadow:var(--shadow); }
.team-card:hover { transform:translateY(-6px); box-shadow:var(--shadow-lg); border-color:rgba(184,150,10,0.25); }
.team-photo { height:300px; overflow:hidden; background:var(--bg-alt); }
.team-photo img { width:100%; height:100%; object-fit:cover; object-position:center top; transition:transform 0.6s ease; }
.team-card:hover .team-photo img { transform:scale(1.04); }
.team-info { padding:28px; }
.team-name { font-family:'Space Grotesk',sans-serif; font-size:18px; font-weight:700; color:var(--text); margin-bottom:4px; line-height:1.3; }
.team-role { font-size:11px; color:var(--gold); font-weight:700; text-transform:uppercase; letter-spacing:0.1em; margin-bottom:12px; }
.team-desc { font-size:14px; color:var(--text-3); line-height:1.7; margin-bottom:16px; border-left:2px solid var(--gold-border); padding-left:12px; }
.team-creds { list-style:none; display:flex; flex-direction:column; gap:5px; }
.team-creds li { font-size:12px; color:var(--muted); padding-left:14px; position:relative; line-height:1.4; }
.team-creds li::before { content:'—'; position:absolute; left:0; color:var(--gold); font-weight:700; }

/* ── PROPUESTA DE VALOR LAYOUT ───────────────────────── */
.prop-layout { display:grid; grid-template-columns:1fr 1fr; gap:72px; align-items:start; }

/* ── DROPDOWN MOBILE ─────────────────────────────────── */
@media(max-width:900px){
    /* Nav mobile: todo alineado a la izquierda */
    .nav-links { align-items:flex-start; }
    /* Menú abierto: contener dentro del viewport y permitir scroll */
    .nav-links.mob-open { max-height:calc(100vh - 64px); overflow-y:auto; overflow-x:hidden; }
    .nav-item { width:100%; }
    .nav-links > li > a:not(.nav-dropdown-btn):not(.nav-cta) { display:block; width:100%; }
    .nav-cta { display:inline-block; }
    .nav-dropdown-btn { width:100%; justify-content:space-between; padding:2px 0; }

    /* Dropdown: usar max-height para contener correctamente */
    .nav-dropdown-menu { position:static !important; opacity:1; visibility:visible; max-height:0; overflow:hidden; transform:none !important; box-shadow:none !important; border:none !important; border-radius:8px; padding:0; transition:max-height 0.3s ease,padding 0.2s; border-left:2px solid var(--gold-border); margin:4px 0 4px 8px; background:var(--bg-alt); min-width:auto; width:calc(100% - 8px); }
    .nav-item.open .nav-dropdown-menu { max-height:600px; padding:4px 0; }
    .nav-dropdown-menu a { white-space:normal; color:var(--text-2) !important; padding:9px 14px; font-size:13px; border-radius:0; }
    .nav-dropdown-menu a:hover { background:rgba(184,150,10,0.08); }
    .nav-dropdown-divider { background:var(--border); }

    /* Propuesta de valor: 1 columna en móvil */
    .prop-layout { grid-template-columns:1fr; gap:40px; }

    /* Team grid */
    .team-grid { grid-template-columns:1fr; max-width:420px; margin-left:auto; margin-right:auto; }
}

/* ── FOOTER MOBILE ───────────────────────────────────── */
@media(max-width:900px){
    .ft-inner { text-align:center; }
    .ft-logo { justify-content:center; }
    .ft-links { justify-content:center; }
    .ft-copy { text-align:center; }
    .ft-tag { text-align:center; }
}