/* IV Simposio de Reumatología — tema azul / beige / blanco */
:root{
  --navy:#1E3A5F;
  --navy-2:#132A44;
  --cyan:#3E74A8;
  --cyan-bright:#9CC4E4;
  --gold:#C6AE85;
  --gold-bright:#DECDA9;
  --green:#1F4568;
  --green-bright:#5C88B0;
  --cream:#F6F1E4;
  --cream-2:#ECE0C6;
  --white:#FFFFFF;
  --ink:#1F2A36;
  --ink-dim:#59636E;
  --hair:rgba(30,58,95,.14);
  --hair-soft:rgba(30,58,95,.08);
  --shadow:0 18px 40px rgba(30,58,95,.14);
  --ink-black:#1C1712;
}

/* ---------- HERO: blanco primero, líneas finas en azul / arena / negro ---------- */
.symp-hero{background:var(--white);color:var(--ink);border-bottom:1px solid var(--hair)}
.symp-hero::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(60% 55% at 10% 0%,rgba(198,174,133,.10),transparent 60%),
             radial-gradient(55% 50% at 95% 100%,rgba(62,116,168,.07),transparent 60%);
}
.symp-hero .roman{
  display:inline-flex;align-items:center;gap:12px;
  color:var(--ink-black);font-weight:500;
}
.symp-hero .roman::before{content:"";width:30px;height:1px;background:var(--gold)}
.symp-hero h1{color:var(--navy)}
.symp-hero h1 em{color:var(--cyan)}
.symp-hero .sub{
  color:var(--ink-black);font-weight:500;
  border-bottom:1px solid var(--hair);padding-bottom:26px;display:inline-block;
}
.symp-hero .lede{max-width:620px;color:var(--ink-dim);font-size:1.08rem;margin:22px 0 6px}

.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:8px}

.countdown{
  display:inline-flex;align-items:center;gap:8px;margin-bottom:22px;
  font-family:'IBM Plex Mono',monospace;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-dim);
}
.countdown b{color:var(--navy);font-family:'Fraunces',serif;font-size:.95rem;letter-spacing:0;text-transform:none}
.countdown::before{content:"●";color:var(--gold);font-size:.6rem}

.symp-hero .badge-free{border-color:var(--gold);color:var(--ink-black);background:transparent}

.symp-hero .symp-facts{
  display:flex;flex-wrap:wrap;gap:0;background:transparent;
  border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);
  margin:8px 0 30px;
}
.symp-hero .fact{
  flex:1 1 170px;background:transparent;border:none;border-right:1px solid var(--hair);
  border-radius:0;padding:22px 26px;
}
.symp-hero .fact:last-child{border-right:none}
.symp-hero .fact .label{color:var(--ink-dim)}
.symp-hero .fact .value{color:var(--navy);font-weight:500}
.symp-hero .fact .fact-note{
  margin-top:6px;font-family:'IBM Plex Mono',monospace;font-size:.68rem;
  line-height:1.4;color:var(--ink-dim);
}

.qr-note{
  margin:22px 0 0;font-family:'IBM Plex Mono',monospace;font-size:.78rem;
  color:var(--ink-dim);display:flex;align-items:center;gap:8px;
}
.qr-note::before{content:"▦";color:var(--gold);font-size:.9rem}
@media (max-width:640px){
  .symp-hero .fact{border-right:none;border-bottom:1px solid var(--hair)}
  .symp-hero .fact:last-child{border-bottom:none}
}

.symp-hero .support-row{border-top:1px solid var(--hair)}
.symp-hero .support-row .label{color:var(--ink-dim)}
.symp-hero .support-row .names{color:var(--navy)}

/* ---------- BENEFICIOS ---------- */
#beneficios{background:var(--cream)}
#beneficios .card .icon{background:var(--cream-2);color:var(--navy)}

/* ---------- AGENDA TIMELINE ---------- */
.timeline{position:relative;margin-top:8px}
.tl-item{display:grid;grid-template-columns:96px 24px 1fr;column-gap:20px;padding-bottom:26px}
.tl-item:last-child{padding-bottom:0}
.tl-time{
  font-family:'IBM Plex Mono',monospace;font-size:.82rem;color:var(--cyan);
  text-align:right;padding-top:3px;white-space:nowrap;
}
.tl-dot-col{position:relative;display:flex;justify-content:center}
.tl-dot{
  width:13px;height:13px;border-radius:50%;background:var(--navy);
  margin-top:4px;position:relative;z-index:2;box-shadow:0 0 0 4px var(--cream);
}
.tl-dot-col::before{
  content:"";position:absolute;top:17px;bottom:-26px;left:50%;width:2px;
  background:var(--hair);transform:translateX(-50%);
}
.tl-item:last-child .tl-dot-col::before{display:none}
.tl-content{
  background:var(--white);border:1px solid var(--hair);border-radius:8px;
  padding:14px 20px;margin-top:-4px;
}
.tl-content h4{font-family:'Fraunces',serif;font-weight:600;color:var(--navy);font-size:1.02rem;margin-bottom:4px}
.tl-content .speaker{font-family:'IBM Plex Mono',monospace;font-size:.8rem;color:var(--ink-dim)}

.tl-item.milestone .tl-dot{background:var(--gold);box-shadow:0 0 0 4px var(--cream)}
.tl-item.milestone .tl-content{
  background:var(--cream-2);border-color:transparent;text-align:center;
}
.tl-item.milestone .tl-content h4{color:var(--navy)}
.tl-item.milestone .tl-time{color:var(--ink-dim)}

@media (max-width:600px){
  .tl-item{grid-template-columns:70px 20px 1fr;column-gap:12px}
  .tl-time{font-size:.72rem}
  .tl-content{padding:12px 16px}
}

/* ---------- INSCRIPCIÓN: layout de 2 columnas ---------- */
.regis-grid{display:flex;gap:52px;align-items:flex-start}
.regis-side{flex:0 0 300px;padding-top:6px}
.regis-side h3{font-family:'Fraunces',serif;color:var(--white);font-size:1.2rem;margin-bottom:18px;font-weight:600}
.regis-side ul{list-style:none}
.regis-side li{
  display:flex;gap:12px;align-items:flex-start;margin-bottom:16px;
  color:rgba(246,241,228,.82);font-size:.95rem;
}
.regis-side li .tick{
  flex:none;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.1);
  display:flex;align-items:center;justify-content:center;color:var(--gold-bright);font-size:.75rem;
  margin-top:1px;
}
.regis-grid .form-panel{flex:1;margin:0;max-width:none}
@media (max-width:900px){
  .regis-grid{flex-direction:column}
  .regis-side{flex:0 0 auto}
}

/* ---------- FAQ ---------- */
.faq-list{max-width:760px}
.faq-item{border-bottom:1px solid var(--hair);padding:20px 0}
.faq-item summary{
  cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;
  font-family:'Fraunces',serif;font-weight:600;color:var(--navy);font-size:1.05rem;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{
  content:"+";font-family:'IBM Plex Mono',monospace;color:var(--cyan);font-size:1.3rem;flex:none;
}
.faq-item[open] summary::after{content:"–"}
.faq-item p{margin-top:14px;color:var(--ink-dim);max-width:640px}