/* =============================================================
   PACAS SUMMIT PANAMA 2026 · Emprendelandia
   Estructura y clases: landing panama-adventure-2026 (referencia del
   cliente, copiada en _referencia-panama-adventure.css).
   Piel: colores MEDIDOS del dossier oficial de 19 paginas (fondo limpio).
   El dossier no es azul marino plano: es un degradado de azul cielo a
   magenta pasando por morado, con franja fucsia de fecha al pie.
   ============================================================= */
:root{
  /* --- medidos del fondo del dossier --- */
  --azul-cielo:#5EA2DF;   /* diagonal 37% */
  --azul-medio:#468AC9;   /* diagonal 50% */
  --azul:#3882BF;
  --azul-75:#407AAC;      /* diagonal 75% */
  --azul-hondo:#2F6699;
  --noche:#3E3A4B;        /* diagonal 100% */
  --morado:#7E659F;       /* franja superior */
  --magenta:#B4479A;      /* arriba derecha */
  --fucsia:#FF1880;       /* franja de fecha */
  --fucsia-d:#E82078;     /* franja de fecha */
  --nube:#AEB8C1;         /* arriba izquierda */

  /* --- derivados de trabajo --- */
  --ink:#3E3A4B;
  --ink-soft:#686573;     /* = #3E3A4B al 78% sobre blanco */
  --card:#ffffff;
  --panel:rgba(255,255,255,.94);
  --line:rgba(62,58,75,.12);
  --shadow:0 18px 44px -20px rgba(47,102,153,.45);
  --shadow-hot:0 20px 50px -18px rgba(180,71,154,.55);
  /* CTA: morado -> magenta. Texto blanco >= 4.87 en los dos extremos */
  --grad-hot:linear-gradient(100deg,#7E659F,#B4479A);
  --grad-cielo:linear-gradient(120deg,#5EA2DF,#3882BF);
  --grad-fucsia:linear-gradient(100deg,#B4479A,#E82078 55%,#FF1880);
  --r:20px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip}
body{
  font-family:'Manrope',system-ui,sans-serif;color:var(--ink);line-height:1.6;overflow-x:hidden;
  /* Fondo de pagina = combinacion medida del dossier */
  background:
    radial-gradient(900px 620px at 88% -6%, rgba(180,71,154,.55), transparent 62%),
    radial-gradient(760px 560px at 6% 8%, rgba(174,184,193,.30), transparent 60%),
    linear-gradient(168deg,#5EA2DF 0%,#468AC9 38%,#3882BF 66%,#3E3A4B 100%);
  background-attachment:fixed;background-size:cover;
}
h1,h2,h3,.disp{font-family:'Fahkwang',serif;line-height:1.08;letter-spacing:-.01em;font-weight:700}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}
.wrap{width:min(1140px,92vw);margin:0 auto}
.block{padding:clamp(56px,9vw,110px) 0;position:relative}
section{position:relative}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ---------- BOTONES ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:'Manrope';font-weight:800;
  border:0;cursor:pointer;border-radius:999px;padding:16px 28px;font-size:1rem;line-height:1.15;text-align:center;max-width:100%;
  transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,filter .25s}
.btn svg{width:1.25em;height:1.25em;flex:none}
.btn-hot{background:var(--grad-hot);color:#fff;box-shadow:var(--shadow-hot)}
.btn-hot:hover{transform:translateY(-3px) scale(1.02);filter:saturate(1.08)}
.btn-ghost{background:rgba(255,255,255,.14);color:#fff;border:1.5px solid rgba(255,255,255,.45)}
.btn-ghost:hover{background:rgba(255,255,255,.24)}
.btn-lg{padding:20px 34px;font-size:1.12rem}
.btn-block{width:100%}
.btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:560px){.btn-lg{padding:17px 22px;font-size:1.04rem}.btn{gap:8px}}

/* ---------- HEADER ---------- */
header{position:fixed;top:0;left:0;right:0;z-index:60;transition:.35s;padding:14px 0}
header.scrolled{background:rgba(47,102,153,.94);backdrop-filter:blur(14px);box-shadow:0 8px 30px -14px rgba(0,0,0,.5);padding:9px 0}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:10px}
.brand img{height:26px;width:auto}
.nav-links{display:none;gap:24px}
.nav-links a{color:#fff;font-weight:700;font-size:.92rem;transition:.2s}
.nav-links a:hover{text-decoration:underline}
.cta-top{display:none}
@media(min-width:980px){.nav-links{display:flex}.cta-top{display:inline-flex}}

/* ---------- HERO ----------
   Scrim sobre el degradado del dossier: deja ver el fondo real pero lo
   lleva a un tono donde el texto blanco pasa contraste. */
.hero{color:#fff;position:relative;overflow:hidden;text-align:center;
  padding:clamp(100px,16vw,146px) 0 clamp(54px,9vw,84px);
  background:linear-gradient(176deg,rgba(47,102,153,.88) 0%,rgba(47,102,153,.90) 45%,rgba(62,58,75,.93) 100%)}
.hero .wrap{position:relative;z-index:3;max-width:860px}
.aurora{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}
.aurora span{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;animation:float 16s ease-in-out infinite}
.aurora .a1{width:46vw;height:46vw;background:var(--magenta);top:-14%;right:-10%}
.aurora .a2{width:40vw;height:40vw;background:var(--azul-hondo);bottom:-16%;left:-10%;animation-delay:-5s}
.aurora .a3{width:30vw;height:30vw;background:var(--morado);top:26%;left:16%;animation-delay:-9s;opacity:.4}
@keyframes float{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(4%,6%) scale(1.08)}66%{transform:translate(-3%,-4%) scale(.96)}}
.hero-flag{display:inline-flex;align-items:center;gap:9px;background:var(--magenta);border:1px solid rgba(255,255,255,.38);
  padding:9px 18px;border-radius:999px;font-weight:800;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;color:#fff}
.hero h1{font-size:clamp(2.05rem,7.2vw,3.6rem);margin:22px auto 0;max-width:16ch}
.hero h1 .g{background:var(--grad-fucsia);color:#fff;padding:0 .16em;border-radius:.1em;
  box-decoration-break:clone;-webkit-box-decoration-break:clone}
.hero .sub{color:#fff;font-size:clamp(1rem,3.6vw,1.2rem);margin:18px auto 0;max-width:46ch;font-weight:700}
.hero .bajada{color:#fff;font-size:clamp(.98rem,3.4vw,1.06rem);margin:20px auto 0;max-width:62ch}

/* ---------- VIDEO ----------
   Patron clasico (padding-top 56.25%). No usar aspect-ratio en
   wistia-player: en movil sale 0,89 en vez de 1,78. */
.video-shell{margin:clamp(24px,5vw,36px) auto 0;max-width:780px;position:relative}
.video-shell::before{content:"";position:absolute;inset:-4px;border-radius:26px;background:var(--grad-fucsia);
  filter:blur(22px);opacity:.5;z-index:0;animation:pulseGlow 3.2s ease-in-out infinite}
@keyframes pulseGlow{0%,100%{opacity:.35}50%{opacity:.7}}
.video{position:relative;width:100%;height:0;padding-top:56.25%;border-radius:20px;overflow:hidden}
.video wistia-player{position:absolute;top:0;left:0;width:100%;height:100%;display:block}
/* El marco blanco va como box-shadow y no como border: un border de 3px le
   roba ancho a la caja y el reproductor baja de 1,778 a 1,764. */
.video-shell .video{z-index:1;background:#1b2430;
  box-shadow:0 0 0 3px rgba(255,255,255,.9),0 30px 60px -22px rgba(0,0,0,.7)}
.video-cab{font-weight:800;letter-spacing:.09em;text-transform:uppercase;font-size:.8rem;color:#fff;margin-bottom:12px}
.video-pie{color:#fff;font-size:.92rem;margin-top:14px;font-weight:700}

.hero-cta{margin-top:clamp(22px,5vw,32px);display:flex;flex-direction:column;align-items:center;gap:12px}
.hero-cta .btn{width:min(430px,90vw)}
.hero-cta .btn-hot{animation:bob 2.8s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.micro{font-size:.9rem;color:#fff;max-width:46ch}

/* franja de 5 iconos (portada del dossier) */
.icons5{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:clamp(26px,5vw,38px)}
.icons5 div{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.4);border-radius:14px;
  padding:14px 10px;font-weight:700;font-size:.86rem;color:#fff;display:flex;flex-direction:column;align-items:center;gap:7px}
.icons5 div i{font-style:normal;font-size:1.4rem;line-height:1}
@media(min-width:760px){.icons5{grid-template-columns:repeat(5,1fr)}}

.aviso{margin-top:22px;display:inline-block;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.45);
  border-radius:999px;padding:11px 20px;font-weight:700;font-size:.92rem;color:#fff}

/* ---------- FRANJA DE FECHA (la del pie del dossier) ---------- */
.date-strip{background:var(--fucsia-d);color:#fff;text-align:center;padding:20px 0}
.date-strip b{display:block;font-family:'Fahkwang';font-weight:700;font-size:clamp(1.3rem,4.4vw,1.8rem)}
.date-strip span{display:block;font-weight:800;font-size:clamp(1.18rem,3.4vw,1.3rem);margin-top:6px}
.date-strip small{display:block;font-weight:800;font-size:clamp(1.18rem,3.2vw,1.22rem);margin-top:8px}

/* ---------- MARCAS ---------- */
.marquee{background:rgba(62,58,75,.93);padding:16px 0;overflow:hidden;position:relative;color:#fff}
.marquee-track{display:flex;gap:46px;width:max-content;animation:scroll 24s linear infinite;align-items:center}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee-track span{font-family:'Fahkwang';font-weight:700;font-size:clamp(1.1rem,3.4vw,1.5rem);white-space:nowrap;display:flex;align-items:center;gap:12px}
.marquee-track span::after{content:"\2726";color:#FF8FC2;font-size:.7em}
@keyframes scroll{to{transform:translateX(-50%)}}
.brands-note{background:rgba(62,58,75,.93);color:#fff;text-align:center;padding:0 0 22px}
.brands-note p{max-width:62ch;margin:0 auto;font-size:.95rem;font-weight:600}

/* ---------- SECCIONES CLARAS ---------- */
.light{background:var(--panel)}
.eyebrow{display:inline-block;font-weight:800;letter-spacing:.11em;text-transform:uppercase;font-size:.78rem;
  color:#fff;background:var(--magenta);padding:7px 15px;border-radius:999px;margin-bottom:14px}
h2{font-size:clamp(1.7rem,5.4vw,2.6rem)}
.lead{color:var(--ink-soft);font-size:clamp(1rem,3.4vw,1.1rem);max-width:56ch;margin:14px auto 0}
.head{text-align:center;margin-bottom:clamp(30px,6vw,50px)}

/* ---------- STATS ---------- */
.stats .texto{max-width:62ch;margin:0 auto clamp(26px,5vw,40px);text-align:center;color:var(--ink-soft);font-size:1rem}
.stat-grid{display:grid;grid-template-columns:1fr;gap:14px}
.stat{background:var(--card);border-radius:var(--r);padding:26px 20px;text-align:center;position:relative;overflow:hidden;
  border:1px solid var(--line);box-shadow:var(--shadow);transition:transform .3s}
.stat:hover{transform:translateY(-6px)}
.stat::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--grad-fucsia)}
.stat:nth-child(2)::before{background:var(--grad-cielo)}
.stat:nth-child(3)::before{background:linear-gradient(90deg,#7E659F,#B4479A)}
.stat .ico{font-size:1.7rem}
.stat .num{font-family:'Fahkwang';font-weight:700;font-size:clamp(1.8rem,6.4vw,2.4rem);color:var(--ink);line-height:1.05;margin:8px 0 4px}
.stat .num.txt{font-size:clamp(1.25rem,4.4vw,1.5rem)}
.stat .lbl{font-size:.9rem;color:var(--ink-soft);font-weight:600}
@media(min-width:720px){.stat-grid{grid-template-columns:repeat(3,1fr)}}

/* ---------- SECCIONES OSCURAS ---------- */
.dark{color:#fff;overflow:hidden;
  background:linear-gradient(172deg,rgba(126,101,159,.94) 0%,rgba(47,102,153,.95) 46%,rgba(62,58,75,.96) 100%)}
.dark .wrap{position:relative;z-index:2}
.dark .eyebrow{background:var(--magenta);color:#fff}
.dark .lead{color:#fff}
.dark h2,.dark h3{color:#fff}
.dark .aurora span{opacity:.3}
.feat-grid{display:grid;gap:14px}
.feat{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.34);border-radius:var(--r);padding:22px;
  display:flex;gap:16px;align-items:flex-start;transition:.3s}
.feat:hover{background:rgba(255,255,255,.14);transform:translateY(-4px)}
.feat .fi{width:52px;height:52px;flex:none;border-radius:15px;display:grid;place-items:center;font-size:1.5rem;
  background:var(--grad-fucsia);box-shadow:var(--shadow-hot)}
.feat:nth-child(2) .fi{background:var(--grad-cielo)}
.feat:nth-child(3) .fi{background:linear-gradient(120deg,#7E659F,#B4479A)}
.feat:nth-child(4) .fi{background:linear-gradient(120deg,#2F6699,#7E659F)}
.feat:nth-child(5) .fi{background:linear-gradient(120deg,#B4479A,#FF1880)}
.feat h3{font-size:1.12rem;margin-bottom:5px}
.feat p{color:#fff;font-size:.95rem}
@media(min-width:760px){.feat-grid{grid-template-columns:1fr 1fr}}

/* ---------- CATEGORIAS DE PROVEEDORES ---------- */
.cat-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cat{background:var(--card);border-radius:18px;overflow:hidden;border:1px solid var(--line);
  box-shadow:var(--shadow);transition:transform .3s}
.cat:hover{transform:translateY(-6px)}
.cat .ph{aspect-ratio:3/2;overflow:hidden;background:#EDF2F7}
.cat .ph img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.cat:hover .ph img{transform:scale(1.06)}
.cat .nm{padding:14px 14px 16px;font-weight:800;font-size:.98rem;color:var(--ink);display:flex;gap:9px;align-items:flex-start}
.cat .nm::before{content:"";flex:none;width:6px;height:20px;border-radius:4px;background:var(--grad-fucsia);margin-top:2px}
.cat .nm small{display:block;font-weight:600;color:var(--ink-soft);font-size:.86rem;margin-top:2px}
.cat-pie{text-align:center;margin-top:24px;font-weight:700;color:var(--ink);font-size:1rem}
@media(min-width:760px){.cat-grid{grid-template-columns:repeat(4,1fr)}}

/* ---------- ITINERARIO ---------- */
.days{display:grid;gap:16px}
.day{background:var(--card);border-radius:var(--r);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden;
  display:flex;transition:transform .3s}
.day:hover{transform:translateY(-5px)}
.day .num{flex:none;width:78px;background:linear-gradient(170deg,#2F6699,#7E659F);color:#fff;display:flex;flex-direction:column;
  align-items:center;justify-content:center;padding:10px;text-align:center}
.day:nth-child(even) .num{background:linear-gradient(170deg,#B4479A,#E82078)}
.day .num small{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800}
.day .num b{font-family:'Fahkwang';font-size:2rem;line-height:1}
.day .body{padding:16px 18px;flex:1}
.day .body .d-title{font-weight:800;font-size:1.02rem;margin-bottom:4px;color:var(--ink)}
.day .body .d-fecha{font-size:.8rem;font-weight:800;color:var(--magenta);text-transform:uppercase;letter-spacing:.05em;margin-bottom:9px}
.day .body ul{list-style:none;display:grid;gap:6px}
.day .body li{display:flex;gap:9px;font-size:.93rem;color:var(--ink-soft)}
.day .body li b{color:var(--magenta);font-weight:800;flex:none}
@media(min-width:860px){.days{grid-template-columns:1fr 1fr}}

/* ---------- GALERIA ---------- */
.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.gallery figure{position:relative;border-radius:18px;overflow:hidden;box-shadow:var(--shadow);aspect-ratio:4/3;background:#2F6699}
.gallery figure:first-child{grid-column:1/-1;aspect-ratio:16/9}
.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.gallery figure:hover img{transform:scale(1.05)}
/* la foto de Vale viene recortada sobre negro: contain + screen la integra
   al degradado en vez de dejar un rectangulo negro */
.gallery figure.retrato{background:linear-gradient(180deg,#2F6699,#3E3A4B)}
.gallery figure.retrato img{object-fit:contain;mix-blend-mode:screen}
.gallery figure.retrato:hover img{transform:none}
.gallery figcaption{position:absolute;left:12px;right:12px;bottom:12px;color:#fff;font-weight:700;font-size:.82rem;
  background:rgba(47,102,153,.95);padding:7px 13px;border-radius:14px}
@media(min-width:760px){.gallery{grid-template-columns:repeat(3,1fr)}.gallery figure:first-child{grid-column:1/3;grid-row:span 2}}

/* ---------- INCLUYE ---------- */
.incl-grid{display:grid;gap:16px}
.incl-card{border-radius:var(--r);padding:26px 22px;box-shadow:var(--shadow);background:var(--card);border:1px solid var(--line)}
.incl-card h3{display:flex;align-items:center;gap:10px;font-size:1.14rem;margin-bottom:16px;color:var(--ink)}
.incl-card h3 i{font-style:normal;width:36px;height:36px;flex:none;border-radius:11px;display:grid;place-items:center;
  font-size:1.1rem;background:var(--grad-hot)}
.incl-card:nth-child(2) h3 i{background:var(--grad-cielo)}
.incl-card:nth-child(3) h3 i{background:var(--grad-fucsia)}
.incl-card ul{list-style:none;display:grid;gap:11px}
.incl-card li{display:flex;gap:11px;font-size:.95rem;align-items:flex-start;color:var(--ink-soft)}
.incl-card li .m{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:.72rem;
  font-weight:900;color:#fff;background:var(--magenta);margin-top:2px}
@media(min-width:900px){.incl-grid{grid-template-columns:repeat(3,1fr)}}

/* ---------- FUNDADORA ---------- */
.founder .wrap{display:grid;gap:26px;align-items:center;position:relative;z-index:2}
.f-photo{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 30px 60px -24px rgba(0,0,0,.7);
  border:2px solid rgba(255,255,255,.3);max-width:340px;margin:0 auto}
.founder p{color:#fff;margin-top:14px}
.founder ul{list-style:none;display:grid;gap:9px;margin-top:20px}
.founder li{display:flex;gap:10px;color:#fff;font-weight:600;font-size:.96rem}
.founder li b{color:#FFC7E4;flex:none}
.founder .sig{margin-top:22px;font-family:'Fahkwang';font-weight:700;font-size:1.3rem;color:#fff}
.founder .sig small{display:block;font-family:'Manrope';font-weight:700;font-size:.85rem;color:#FFC7E4;margin-top:2px}
@media(min-width:860px){.founder .wrap{grid-template-columns:.75fr 1.25fr;gap:44px}}

/* ---------- FAQ ---------- */
.faqs{max-width:780px;margin:0 auto;display:grid;gap:12px}
.faq{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}
.faq summary{list-style:none;cursor:pointer;padding:18px 20px;font-weight:800;display:flex;justify-content:space-between;
  gap:14px;align-items:center;color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq .plus{flex:none;width:28px;height:28px;border-radius:50%;background:var(--grad-hot);color:#fff;display:grid;
  place-items:center;font-size:1.2rem;transition:transform .3s}
.faq[open] .plus{transform:rotate(45deg)}
.faq .a{padding:0 20px 18px;color:var(--ink-soft);font-size:.96rem}

/* ---------- CIERRE ---------- */
.final{text-align:center}
.final .wrap{max-width:720px}
.final h2{font-size:clamp(1.85rem,6.2vw,2.9rem)}
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:26px 0}
.chip{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.45);padding:10px 16px;border-radius:999px;
  font-weight:700;font-size:.86rem;color:#fff}
.urg{display:inline-flex;align-items:center;gap:10px;background:var(--fucsia-d);border:1px solid rgba(255,255,255,.35);
  color:#fff;padding:10px 20px;border-radius:999px;font-weight:800;margin-bottom:12px;font-size:1.2rem}
.urg .live{width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.7);animation:live 1.5s infinite}
@keyframes live{0%{box-shadow:0 0 0 0 rgba(255,255,255,.7)}70%{box-shadow:0 0 0 10px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
.final .btn{width:min(440px,90vw);margin-top:8px}
.final .note{color:#fff;font-size:.9rem;margin-top:14px;max-width:48ch;margin-inline:auto}

/* ---------- FOOTER ---------- */
footer{background:rgba(62,58,75,.97);color:#fff;text-align:center;padding:40px 0 104px}
footer img{height:26px;width:auto;margin:0 auto 14px}
footer .fbrand{font-family:'Fahkwang';font-weight:700;color:#fff;font-size:1.25rem;margin-bottom:8px}
footer p{font-size:.88rem;max-width:64ch;margin:0 auto}
footer .legal{margin-top:12px;font-size:.8rem}

/* ---------- BARRA FIJA MOVIL ---------- */
.sticky-wa{position:fixed;left:0;right:0;bottom:0;z-index:70;padding:10px 14px calc(10px + env(safe-area-inset-bottom));
  background:rgba(47,102,153,.97);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.22);
  transform:translateY(120%);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.sticky-wa.show{transform:translateY(0)}
.sticky-wa .btn{width:100%}
@media(min-width:980px){.sticky-wa{display:none}}

/* ---------- REVEAL ---------- */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.reveal.in{opacity:1;transform:none}
.reveal.d1{transition-delay:.08s}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}