/* ── Directorio — Geoparque ── */
/* ── BREADCRUMB ── */
.breadcrumb{background:var(--g50);border-bottom:1px solid var(--g200);padding:10px 0}
.bc-inner{display:flex;align-items:center;gap:6px;font-size:.68rem;color:var(--g400);flex-wrap:wrap}
.bc-inner a{color:var(--c);text-decoration:none}.bc-inner a:hover{color:var(--bg)}
.bc-sep{color:var(--g200);font-size:.6rem}.bc-current{color:var(--bg);font-weight:600}

/* ── TOPBAR ── */
.topbar{background:var(--c);padding:6px 32px;display:flex;align-items:center;justify-content:space-between;font-size:.62rem;color:#fff;font-family:'Sora';font-weight:500;gap:12px;flex-wrap:wrap;position:sticky;top:0;z-index:1001}
.topbar-left{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.topbar-left span{display:flex;align-items:center;gap:5px}
.topbar-right{display:flex;align-items:center;gap:8px}
.topbar-right a{color:#fff;text-decoration:none;width:22px;height:22px;background:rgba(255,255,255,.18);border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:700;transition:all .3s}
.topbar-right a:hover{background:var(--a);color:var(--bg)}
@media(max-width:640px){.topbar{padding:5px 14px;font-size:.55rem}.topbar-left span:last-child{display:none}}

nav{position:sticky;top:0;z-index:1000;padding:0 24px;height:62px;display:flex;align-items:center;justify-content:space-between;background:var(--bg);box-shadow:0 2px 10px rgba(0,0,0,.18);gap:16px}

.nk a{color:rgba(255,255,255,.82);text-decoration:none;font-size:.72rem;font-weight:500;padding:6px 11px;border-radius:6px;transition:all .2s;line-height:1;white-space:nowrap}
.nk a:hover{background:rgba(255,255,255,.08);color:#fff}
.nk .nk 
.nk .sub{display:none;position:absolute;top:100%;left:0;background:var(--bg);border-radius:0 0 8px 8px;min-width:180px;box-shadow:0 8px 24px rgba(0,0,0,.22);padding:6px 0 8px;z-index:200;border:1px solid rgba(255,255,255,.06)}
.nk 
.nk .sub a{display:block;padding:6px 14px;color:rgba(255,255,255,.7);font-size:.66rem;border-radius:0}.nk .sub a:hover{background:rgba(255,255,255,.07);color:var(--c)}

@media(min-width:901px){}
@media(max-width:900px){
  .nk.open{display:flex}
  .nk>a,.nk>
  .nk>a{padding:12px 20px;font-size:.76rem}.nk>
  .nk .nk 
  .nk .sub{display:none;position:static;box-shadow:none;border:none;background:rgba(0,0,0,.2);padding:2px 0;border-bottom:1px solid rgba(255,255,255,.06)}.nk 
  .nk .sub a{color:rgba(255,255,255,.6);font-size:.7rem;padding:9px 20px 9px 36px;display:block}
  .nk 
  
}

/* ── HELPERS ── */

.rv{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.rv.vis{opacity:1;transform:translateY(0)}

/* ── HERO ── */
.drc-hero{background:linear-gradient(135deg,var(--bg) 0%,#0a2733 55%,#0d1f2d 100%);padding:36px 0 32px;position:relative;overflow:hidden}
.drc-hero::before{content:'';position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?w=1400&h=500&fit=crop&q=80') center/cover no-repeat;opacity:.1}
.drc-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:64px;background:linear-gradient(to top,var(--g50),transparent)}
.drc-hero 
.drc-hero-tag{display:inline-flex;align-items:center;gap:6px;background:rgba(255,200,67,.15);border:1px solid rgba(255,200,67,.3);border-radius:20px;padding:4px 12px;font-size:.58rem;color:var(--a);font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}
.drc-hero h1{font-family:var(--ft);font-size:clamp(1.5rem,3vw,2.2rem);color:var(--w);font-weight:700;line-height:1.1;margin-bottom:10px}
.drc-hero h1 span{color:var(--a)}
.drc-hero p{font-size:.78rem;color:rgba(255,255,255,.6);max-width:580px;line-height:1.65}

/* ── MAIN ── */
.drc-wrap{background:var(--g50);padding:48px 0 72px}

/* ── SECTION HEADER ── */
.drc-lbl{display:inline-flex;align-items:center;gap:8px;font-size:.54rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--c);margin-bottom:6px}
.drc-lbl::before{content:'';display:inline-block;width:20px;height:1px;background:var(--c)}
.drc-ttl{font-family:var(--ft);font-size:clamp(1rem,2vw,1.3rem);font-weight:700;color:var(--bg);margin-bottom:24px;text-transform:uppercase;letter-spacing:.04em}
.drc-ttl span{color:var(--c)}
.drc-div{height:1px;background:var(--g200);margin:52px 0}

/* ── DIRECTIVO DESTACADO (presidente/vicepresidente) ── */
.drc-tops{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}
@media(max-width:680px){.drc-tops{grid-template-columns:1fr}}

.drc-tcard{background:var(--w)!important;border-radius:18px!important;border:1.5px solid var(--g200)!important;overflow:hidden!important;transition:all .3s!important;display:flex!important;flex-direction:column!important;font-size:.58rem!important}
.drc-tcard:hover{transform:translateY(-4px)!important;box-shadow:0 12px 32px rgba(0,59,73,.1)!important;border-color:var(--c)!important}

.drc-thdr{background:linear-gradient(135deg,var(--bg),var(--bgl))!important;padding:18px 20px!important;display:flex!important;align-items:center!important;gap:14px!important}
.drc-tavt{width:56px!important;height:56px!important;border-radius:50%!important;background:rgba(255,255,255,.12)!important;border:2px solid rgba(255,255,255,.25)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1.2rem!important;flex-shrink:0!important;overflow:hidden!important}
.drc-tavt img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.drc-tbdg{display:inline-flex!important;align-items:center!important;gap:4px!important;background:var(--a)!important;color:var(--bg)!important;font-size:.44rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.07em!important;padding:3px 9px!important;border-radius:20px!important;margin-bottom:3px!important}
.drc-tnam{font-family:var(--ft)!important;font-size:.78rem!important;font-weight:700!important;color:var(--w)!important;line-height:1.2!important}

.drc-tinst{display:flex!important;align-items:flex-start!important;gap:6px!important;font-size:.58rem!important;color:var(--g600)!important;line-height:1.35!important}
.drc-tbody{padding:14px 20px!important;display:flex!important;flex-direction:column!important;gap:6px!important;flex:1}
.drc-tinst-icon{width:20px!important;height:20px!important;border-radius:5px!important;background:var(--cg)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:.58rem!important;flex-shrink:0!important;margin-top:1px}
.drc-tinst strong{color:var(--bg)!important;display:block!important;font-size:.52rem!important;margin-bottom:0!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.04em!important}

/* ── VOCALES GRID ── */
.drc-vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
@media(min-width:900px){.drc-vgrid{grid-template-columns:repeat(3,1fr)}}

.drc-vcard{background:var(--w);border-radius:16px;border:1.5px solid var(--g200);padding:20px;display:flex;align-items:flex-start;gap:14px;transition:all .3s}
.drc-vcard:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,59,73,.08);border-color:var(--c)}

.drc-vavt{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--bg),var(--bgl));display:flex;align-items:center;justify-content:center;font-family:var(--ft);font-weight:700;font-size:1.1rem;color:var(--a);flex-shrink:0;overflow:hidden;border:2px solid var(--g200)}
.drc-vavt img{width:100%;height:100%;object-fit:cover;display:block}
.drc-vavt span{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.drc-vinf{flex:1;min-width:0}
.drc-vnum{font-size:.48rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--c);margin-bottom:3px}
.drc-vnam{font-family:var(--ft);font-size:.82rem;font-weight:700;color:var(--bg);line-height:1.25;margin-bottom:5px}
.drc-vrol{display:inline-flex;align-items:center;gap:4px;font-size:.56rem;font-weight:600;background:var(--cg);color:var(--cd);padding:2px 9px;border-radius:10px;margin-bottom:7px}
.drc-vinst{font-size:.62rem;color:var(--g400);line-height:1.4}

/* ── COMISIÓN CARD ── */
.drc-ccard{background:var(--w);border-radius:18px;border:1.5px solid var(--g200);overflow:hidden;margin-top:8px}
.drc-chdr{background:linear-gradient(135deg,var(--a),#e6a800);padding:18px 24px;display:flex;align-items:center;gap:12px}
.drc-chdr h3{font-family:var(--ft);font-size:.95rem;font-weight:700;color:var(--bg)}
.drc-chdr .drc-cico{width:38px;height:38px;border-radius:10px;background:rgba(0,59,73,.15);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}
.drc-cbody{padding:22px 24px;display:flex;flex-direction:column;gap:14px}
.comision-
.drc-crow{display:flex;align-items:center;gap:14px}
.drc-crol{min-width:90px;font-size:.56rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--g400)}
.drc-cnam{font-family:var(--fh);font-size:.76rem;font-weight:700;color:var(--bg)}
.drc-csep{height:1px;background:var(--g100)}

/* ── ESTRUCTURA ORGÁNICA ── */
.drc-org{background:var(--w);border-radius:18px;border:1.5px solid var(--g200);padding:36px;overflow-x:auto}
.oc-level{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:0;position:relative}
.oc-connector{width:1px;height:32px;background:var(--g200);margin:0 auto}
.oc-h-line{height:1px;background:var(--g200);margin:0 auto;max-width:700px;position:relative}
.oc-h-line::before,.oc-h-line::after{content:'';position:absolute;top:0;width:1px;height:20px;background:var(--g200)}
.oc-h-line::before{left:16.66%}.oc-h-line::after{right:16.66%}

.drc-onode{background:var(--g50);border:1.5px solid var(--g200);border-radius:12px;padding:12px 16px;text-align:center;min-width:160px;max-width:200px;transition:all .25s}
.drc-onode:hover{border-color:var(--c);background:var(--w);box-shadow:0 4px 14px var(--cg)}
.drc-onode.primary{background:linear-gradient(135deg,var(--bg),var(--bgl));border-color:transparent}
.drc-onode.primary .drc-ottl{color:var(--a)}
.drc-onode.primary .drc-onam{color:var(--w)}
.drc-onode.secondary{background:linear-gradient(135deg,#0a2733,var(--bg));border-color:rgba(0,172,200,.3)}
.drc-onode.secondary .drc-ottl{color:var(--c)}
.drc-onode.secondary .drc-onam{color:rgba(255,255,255,.9)}
.drc-ottl{font-size:.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--c);margin-bottom:4px}
.drc-onam{font-family:var(--fh);font-size:.7rem;font-weight:700;color:var(--bg);line-height:1.3}
.drc-oinst{font-size:.56rem;color:var(--g400);margin-top:3px}
.drc-onode.primary .drc-oinst{color:rgba(255,255,255,.45)}
.drc-onode.secondary .drc-oinst{color:rgba(255,255,255,.4)}