/* ============================================================
   CNCPIE · Micrositio Simposio — sistema visual (scoped .simposio-page)
   Dark premium institucional · azul/negro profundo · dorado sobrio.
   Sin dependencias. Reveal/carrusel/modal con vanilla JS.
   ============================================================ */

.simposio-page{--gold:#e4ca8c;--amber:#ffb800;--ink:#0a0e16;--ink2:#070b16;--line:rgba(255,255,255,.10);
  font-family:'Manrope',system-ui,sans-serif;font-size:18px;color:#cbd5e1;background:#0a0e16;line-height:1.6;-webkit-font-smoothing:antialiased}
.simposio-page::before{content:"";position:fixed;inset:0;z-index:-2;background:
  radial-gradient(1100px 720px at 86% -10%, rgba(255,184,0,.05), transparent 55%),
  radial-gradient(950px 820px at -12% 20%, rgba(38,64,122,.26), transparent 55%),
  linear-gradient(180deg,#0a0e16,#070b12 55%,#0a0e16)}
.simposio-page .disp{font-family:'Poppins',system-ui,sans-serif;font-weight:700;letter-spacing:-.02em}

/* ---- Layout ---- */
.simposio-page .wrap{max-width:1440px;margin-inline:auto;padding-inline:clamp(1rem,4vw,3rem)}
.simposio-page .sec{padding-block:clamp(4.5rem,8vw,8rem);position:relative}
.simposio-page .sec--tight{padding-block:clamp(3rem,5vw,5rem)}

/* ---- Tipografía ---- */
.simposio-page .eyebrow{display:inline-flex;align-items:center;gap:.6rem;color:var(--gold);font-size:.8rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase}
.simposio-page .eyebrow::before{content:"";width:30px;height:2px;background:linear-gradient(90deg,var(--gold),transparent)}
.simposio-page .h2{font-family:'Poppins',sans-serif;font-weight:700;color:#fff;letter-spacing:-.03em;line-height:1.02;font-size:clamp(2.6rem,5.2vw,4.5rem)}
.simposio-page .lead{color:#c3cbd9;font-size:clamp(1.3rem,1.8vw,1.6rem);line-height:1.5}
.simposio-page .muted{color:#8b97a9}
.simposio-page .gold{color:var(--gold)}

/* ---- Botones ---- */
.simposio-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;font-weight:700;font-size:1.0625rem;padding:1rem 1.75rem;border-radius:.75rem;cursor:pointer;transition:transform .25s ease,filter .25s ease,background .25s ease,border-color .25s ease}
.simposio-page .btn svg{transition:transform .3s ease}
.simposio-page .btn:hover svg{transform:translateX(4px)}
.simposio-page .btn-gold{background:var(--amber);color:#0a0e16}
.simposio-page .btn-gold:hover{filter:brightness(1.07)}
.simposio-page .btn-ghost{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.18)}
.simposio-page .btn-ghost:hover{background:rgba(255,255,255,.12)}
.simposio-page .btn-navy{background:#1c2f5d;color:#fff}
.simposio-page .btn-navy:hover{background:#26407a}
.simposio-page .fw:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ink),0 0 0 4px var(--gold)}

/* ---- Utilidades ---- */
.simposio-page .panel{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:1rem}
.simposio-page .glass{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.simposio-page .ph{position:relative;background:linear-gradient(135deg,#16203a,#0a0e16);overflow:hidden}
.simposio-page .hairline{height:1px;background:linear-gradient(90deg,transparent,rgba(228,202,140,.5),transparent)}

/* ---- Reveal al scroll ---- */
.simposio-page .rv{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.simposio-page .rv.in{opacity:1;transform:none}

/* ============ 1 · HERO ============ */
.simposio-page .hero{position:relative;min-height:88vh;display:flex;align-items:center;text-align:center;overflow:hidden}
.simposio-page .hero__media{position:absolute;inset:0;z-index:-1}
.simposio-page .hero__media img,.simposio-page .hero__media video{width:100%;height:100%;object-fit:cover}
.simposio-page .hero__media::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 25%,rgba(10,14,22,.5),rgba(10,14,22,.86) 72%),linear-gradient(0deg,#0a0e16 3%,rgba(10,14,22,.5) 55%)}
.simposio-page .hero h1{font-family:'Poppins',sans-serif;font-weight:800;color:#fff;letter-spacing:-.03em;line-height:1;font-size:clamp(2.9rem,7vw,6.2rem)}
.simposio-page .hero__pill{display:inline-flex;align-items:center;gap:.55rem;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);color:#e6ebf3;border-radius:999px;padding:.6rem 1.1rem;font-weight:600;font-size:1rem}
.simposio-page .hero__logo {
  width: clamp(360px, 28vw, 640px);
  height: auto;
  max-height: none;
  object-fit: contain;
}

/* ============ 2 · BANDA CONTADOR ============ */
.simposio-page .band{background:linear-gradient(180deg,#0e1526,#0a0e16);border-block:1px solid rgba(228,202,140,.24)}
.simposio-page .cd{display:flex;align-items:flex-start;gap:clamp(1rem,3vw,2.75rem)}
.simposio-page .cd__u{position:relative;text-align:center;min-width:4.5rem}
.simposio-page .cd__u+.cd__u::before{content:":";position:absolute;left:-1.1rem;top:34%;transform:translateY(-50%);color:var(--gold);font-weight:800;font-size:1.6rem;opacity:.6}
.simposio-page .cd__n{font-family:'Poppins',sans-serif;font-weight:800;color:#fff;line-height:1;font-size:clamp(2.6rem,5.5vw,4.25rem)}
.simposio-page .cd__l{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:#8b97a9;margin-top:.4rem}

/* ============ 3 · QUÉ ES (editorial) ============ */
.simposio-page .quees{display:grid;gap:clamp(2rem,5vw,4.5rem);align-items:center}
@media(min-width:1024px){.simposio-page .quees{grid-template-columns:1.05fr 1fr}}
.simposio-page .quees__imgs{position:relative;min-height:26rem}
.simposio-page .quees__imgs img,.simposio-page .quees__imgs .ph{border-radius:1rem;object-fit:cover;box-shadow:0 40px 80px -40px rgba(0,0,0,.9)}
.simposio-page .quees__img1{position:absolute;inset:0 22% 18% 0;width:78%;height:82%}
.simposio-page .quees__img2{position:absolute;right:0;bottom:0;width:52%;height:56%;border:5px solid #0a0e16}

/* ============ 4 · MÉTRICAS ============ */
.simposio-page .metrics{background:linear-gradient(180deg,#0c1322,#0a0e16)}
.simposio-page .metric__n{font-family:'Poppins',sans-serif;font-weight:800;color:var(--gold);line-height:1;font-size:clamp(2.8rem,5vw,4.25rem)}
.simposio-page .metric__l{color:#9aa6b6;margin-top:.5rem;font-size:1.05rem}

/* ============ 5 · ACCESOS (tickets) ============ */
.simposio-page .sec--tickets{background:
  radial-gradient(700px 400px at 85% 15%, rgba(228,202,140,.10), transparent 60%),
  linear-gradient(135deg,#0d1526,#0a0e16)}
.simposio-page .ticket{position:relative;display:grid;grid-template-columns:1fr;background:linear-gradient(135deg,#f7f0de,#ebdfbe);color:#0a0e16;border-radius:1rem;overflow:hidden;box-shadow:0 34px 70px -34px rgba(0,0,0,.85);transition:transform .4s cubic-bezier(.2,.7,.2,1)}
@media(min-width:640px){.simposio-page .ticket{grid-template-columns:minmax(0,34%) 1fr}}
.simposio-page .ticket:hover{transform:translateY(-5px)}
.simposio-page .ticket__stub{padding:2rem;background:rgba(10,14,22,.05);display:flex;flex-direction:column;justify-content:center;border-right:2px dashed rgba(10,14,22,.22)}
@media(max-width:639px){.simposio-page .ticket__stub{border-right:0;border-bottom:2px dashed rgba(10,14,22,.22)}}
.simposio-page .ticket__body{position:relative;padding:2rem clamp(1.5rem,3vw,2.5rem)}
.simposio-page .ticket__notch{position:absolute;left:-13px;width:26px;height:26px;border-radius:999px;background:#0a0e16}
.simposio-page .ticket__notch.t{top:-13px}.simposio-page .ticket__notch.b{bottom:-13px}
.simposio-page .ticket__mod{font-size:.72rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#8a6d2f}
.simposio-page .ticket__price{font-family:'Poppins',sans-serif;font-weight:800;color:#0a0e16;line-height:1;font-size:clamp(2.4rem,4vw,3.25rem)}

/* ============ 6 · PONENTES ============ */
.simposio-page .spk-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1rem,2vw,1.5rem)}
@media(min-width:768px){.simposio-page .spk-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1200px){.simposio-page .spk-grid{grid-template-columns:repeat(4,1fr)}}
.simposio-page .spk{position:relative;aspect-ratio:4/5;border-radius:1rem;overflow:hidden;border:1px solid var(--line);background:#0f1524;cursor:pointer;transition:transform .4s cubic-bezier(.2,.7,.2,1),border-color .4s,box-shadow .4s}
.simposio-page .spk:hover{transform:translateY(-5px);border-color:rgba(228,202,140,.45);box-shadow:0 40px 70px -34px rgba(0,0,0,.9)}
.simposio-page .spk:focus-visible{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(228,202,140,.4)}
.simposio-page .spk img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.simposio-page .spk:hover img{transform:scale(1.05)}
.simposio-page .spk__ph{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(120% 90% at 50% 20%,#1a2542,#0a0e16)}
.simposio-page .spk__ph span{font-family:'Poppins',sans-serif;font-weight:800;color:rgba(228,202,140,.7);font-size:clamp(3rem,6vw,4.5rem)}
.simposio-page .spk__grad{position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,11,20,.95) 8%,rgba(7,11,20,.55) 34%,transparent 62%)}
.simposio-page .spk__b{position:absolute;left:0;right:0;bottom:0;padding:1.4rem}
.simposio-page .spk__type{display:inline-block;font-size:.66rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);background:rgba(228,202,140,.16);border:1px solid rgba(228,202,140,.3);border-radius:999px;padding:.25rem .7rem}
.simposio-page .spk__name{font-family:'Poppins',sans-serif;font-weight:700;color:#fff;font-size:1.35rem;line-height:1.15;margin-top:.6rem}

/* Modal ponente */
.simposio-page .modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:1.25rem;background:rgba(4,7,13,.78);backdrop-filter:blur(6px)}
.simposio-page .modal.open{display:flex}
.simposio-page .modal__card{position:relative;width:min(56rem,100%);max-height:90vh;overflow:auto;background:#0e1424;border:1px solid rgba(228,202,140,.3);border-radius:1.25rem;display:grid;grid-template-columns:1fr}
@media(min-width:720px){.simposio-page .modal__card{grid-template-columns:40% 1fr}}
.simposio-page .modal__img{position:relative;min-height:18rem;background:#0f1524}
.simposio-page .modal__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center}
.simposio-page .modal__body{padding:clamp(1.5rem,3vw,2.5rem)}
.simposio-page .modal__close{position:absolute;top:1rem;right:1rem;width:2.75rem;height:2.75rem;border-radius:999px;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.2);color:#fff;display:grid;place-items:center;cursor:pointer;z-index:2}
.simposio-page .modal__close:hover{background:rgba(0,0,0,.75)}

/* ============ 7 · AGENDA ============ */
.simposio-page .daytabs{display:flex;flex-wrap:wrap;gap:.75rem}
.simposio-page .daytab{background:rgba(255,255,255,.04);border:1px solid var(--line);color:#c3cbd9;border-radius:.75rem;padding:.9rem 1.5rem;font-weight:700;cursor:pointer;transition:all .25s ease;text-align:left}
.simposio-page .daytab small{display:block;font-weight:500;color:#8b97a9;font-size:.8rem}
.simposio-page .daytab[aria-selected="true"]{background:var(--amber);color:#0a0e16;border-color:transparent}
.simposio-page .daytab[aria-selected="true"] small{color:rgba(10,14,22,.7)}
.simposio-page .daypanel[hidden]{display:none}
.simposio-page .ag{display:grid;grid-template-columns:1fr;gap:clamp(1rem,2vw,1.4rem)}
.simposio-page .ag__row{display:grid;grid-template-columns:1fr;gap:1rem;background:rgba(255,255,255,.03);border:1px solid var(--line);border-left:3px solid rgba(228,202,140,.5);border-radius:.85rem;padding:clamp(1.4rem,2.5vw,2rem);transition:border-color .35s,transform .35s,background .35s}
@media(min-width:768px){.simposio-page .ag__row{grid-template-columns:210px 1fr;gap:2rem}}
.simposio-page .ag__row:hover{border-left-color:var(--gold);transform:translateX(4px);background:rgba(255,255,255,.05)}
.simposio-page .ag__time{font-family:'Poppins',sans-serif;font-weight:800;color:#fff;font-size:clamp(1.6rem,2.4vw,2.1rem);line-height:1}
.simposio-page .ag__type{display:inline-block;margin-top:.6rem;font-size:.66rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);background:rgba(228,202,140,.1);border-radius:999px;padding:.3rem .8rem}
.simposio-page .ag__title{font-family:'Poppins',sans-serif;font-weight:700;color:#fff;font-size:clamp(1.4rem,2.2vw,1.85rem);line-height:1.15}

/* ============ 8 · SEDE ============ */
.simposio-page .venue{position:relative;min-height:34rem;display:flex;align-items:flex-end;overflow:hidden;border-radius:1.25rem}
.simposio-page .venue__map{position:absolute;inset:0}
.simposio-page .venue__map iframe,.simposio-page .venue__map img,.simposio-page .venue__map .ph{width:100%;height:100%;border:0;filter:grayscale(.3) brightness(.6)}
.simposio-page .venue__grad{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,14,22,.94) 10%,rgba(10,14,22,.5) 55%,rgba(10,14,22,.25))}
.simposio-page .venue__card{position:relative;max-width:34rem;padding:clamp(1.75rem,4vw,3rem)}

/* ============ 9 · HOTELES ============ */
.simposio-page .sec--hotels{background:linear-gradient(180deg,#0b1220,#0a0e16)}
.simposio-page .hotel{display:grid;grid-template-columns:1fr;gap:0;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:1rem;overflow:hidden;transition:border-color .35s,transform .35s}
@media(min-width:900px){.simposio-page .hotel{grid-template-columns:38% 1fr}}
.simposio-page .hotel:hover{transform:translateY(-4px);border-color:rgba(228,202,140,.4)}
.simposio-page .hotel__img{position:relative;min-height:15rem}
.simposio-page .hotel__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.simposio-page .hotel__meta{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem 1.5rem;margin-top:1.25rem}
.simposio-page .hotel__meta dt{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:#7f8b9c}
.simposio-page .hotel__meta dd{color:#e6ebf3;font-weight:600}

/* ============ 10 · TRANSPORTE ============ */
.simposio-page .trans{display:grid;grid-template-columns:1fr;gap:1.25rem}
@media(min-width:640px){.simposio-page .trans{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.simposio-page .trans{grid-template-columns:repeat(3,1fr)}}
.simposio-page .trans__box{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:1rem;padding:clamp(1.5rem,2.5vw,2rem);transition:border-color .35s,transform .35s}
.simposio-page .trans__box:hover{border-color:rgba(228,202,140,.4);transform:translateY(-3px)}
.simposio-page .trans__ic{width:3rem;height:3rem;border-radius:.75rem;display:grid;place-items:center;background:rgba(228,202,140,.12);color:var(--gold);margin-bottom:1rem}

/* ============ 11 · GALERÍA (mosaico) ============ */
.simposio-page .mosaic{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
@media(min-width:768px){.simposio-page .mosaic{grid-template-columns:repeat(4,1fr);grid-auto-rows:14rem}}
.simposio-page .mosaic figure{position:relative;overflow:hidden;border-radius:.85rem;background:#0f1524}
@media(min-width:768px){
  .simposio-page .mosaic figure:nth-child(1){grid-column:span 2;grid-row:span 2}
  .simposio-page .mosaic figure:nth-child(6){grid-column:span 2}
}
.simposio-page .mosaic img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.simposio-page .mosaic figure:hover img{transform:scale(1.06)}

/* ============ 12 · VIDEOS ============ */
.simposio-page .vids{display:grid;grid-template-columns:1fr;gap:clamp(1rem,2vw,1.75rem)}
@media(min-width:768px){.simposio-page .vids{grid-template-columns:repeat(3,1fr)}}
.simposio-page .vid{display:block;border:1px solid var(--line);border-radius:1rem;overflow:hidden;background:rgba(255,255,255,.03);transition:transform .35s,border-color .35s}
.simposio-page .vid:hover{transform:translateY(-4px);border-color:rgba(228,202,140,.4)}
.simposio-page .vid__thumb{position:relative;aspect-ratio:16/9;background:#000}
.simposio-page .vid__thumb img{width:100%;height:100%;object-fit:cover}
.simposio-page .vid__play{position:absolute;inset:0;display:grid;place-items:center}
.simposio-page .vid__play span{width:4rem;height:4rem;border-radius:999px;background:rgba(255,184,0,.92);color:#0a0e16;display:grid;place-items:center;transition:transform .3s}
.simposio-page .vid:hover .vid__play span{transform:scale(1.12)}

/* ============ 13 · TESTIMONIOS (carrusel) ============ */
.simposio-page .sec--testi{background:radial-gradient(700px 380px at 50% 0%,rgba(228,202,140,.08),transparent 60%),linear-gradient(180deg,#0c1322,#0a0e16)}
.simposio-page .tcar{overflow:hidden}
.simposio-page .tcar__track{display:flex;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.simposio-page .tcar__item{flex:0 0 100%;padding:0 clamp(1rem,4vw,3rem);text-align:center}
.simposio-page .tcar__q{font-family:'Poppins',sans-serif;font-weight:600;color:#fff;font-size:clamp(1.5rem,2.8vw,2.25rem);line-height:1.35;letter-spacing:-.01em}
.simposio-page .tcar__dots{display:flex;justify-content:center;gap:.5rem;margin-top:2.5rem}
.simposio-page .tcar__dot{width:.65rem;height:.65rem;border-radius:999px;background:rgba(255,255,255,.2);cursor:pointer;transition:background .3s,width .3s}
.simposio-page .tcar__dot.on{background:var(--gold);width:1.6rem}

/* ============ 14 · EDICIONES / PATROCINADORES ============ */
.simposio-page .prev{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
@media(min-width:900px){.simposio-page .prev{grid-template-columns:repeat(4,1fr)}}
.simposio-page .prev a{display:block;border:1px solid var(--line);border-radius:.85rem;overflow:hidden;background:rgba(255,255,255,.02);transition:border-color .35s,transform .35s}
.simposio-page .prev a:hover{border-color:rgba(228,202,140,.4);transform:translateY(-3px)}
.simposio-page .spon-grid{display:flex;flex-wrap:wrap;gap:1.25rem}
.simposio-page .spon{width:clamp(9rem,15vw,12rem);height:6.5rem;display:grid;place-items:center;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:.85rem;filter:grayscale(1) opacity(.82);transition:filter .35s,transform .35s,border-color .35s}
.simposio-page .spon:hover{filter:none;transform:translateY(-4px);border-color:rgba(228,202,140,.4)}

/* ============ 15 · FAQ + CONTACTO ============ */
.simposio-page .acc{border:1px solid var(--line);border-radius:.85rem;background:rgba(255,255,255,.02);overflow:hidden;margin-bottom:.7rem}
.simposio-page .acc[open]{border-color:rgba(228,202,140,.4)}
.simposio-page .acc>summary{list-style:none;cursor:pointer;padding:1.35rem 1.5rem;display:flex;gap:1rem;align-items:flex-start;font-weight:700;color:#f1f5f9;font-size:1.15rem}
.simposio-page .acc>summary::-webkit-details-marker{display:none}
.simposio-page .acc>summary .chev{margin-left:auto;color:var(--gold);transition:transform .3s;flex:none}
.simposio-page .acc[open]>summary .chev{transform:rotate(180deg)}
.simposio-page .acc .body{padding:0 1.5rem 1.4rem;color:#9aa6b6;line-height:1.7}
.simposio-page .inp{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);color:#fff;border-radius:.7rem;padding:.9rem 1.1rem;font-size:1.0625rem}
.simposio-page .inp:focus{outline:none;border-color:var(--gold)}
.simposio-page .inp::placeholder{color:#64748b}

@media (prefers-reduced-motion:reduce){
  .simposio-page .rv{opacity:1 !important;transform:none !important;transition:none}
  .simposio-page .tcar__track{transition:none}
}