/* ══════════════════════════════════════════════════════════
   EXPERIENCIAS (experiencias-chignahuapan.html, 22-oct-2026)
   Usa secciones-20261021.css (portada, títulos, «Sigue planeando»); aquí, su paleta (atardecer en la sierra)
   y la rejilla de experiencias: cada tarjeta es una liga entera, con foto (o el dibujo de su lugar) y el texto debajo.
   ══════════════════════════════════════════════════════════ */
.sc-experiencias{--sc-osc:#2A1530;--sc-luz:#FFC46B;--sc-txt:#A3331C;--sc-fondo:#FBF1EA;--sc-vivo:#E2562E}
.ex-lista{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ex-card a{display:flex;flex-direction:column;height:100%;border-radius:20px;overflow:hidden;background:#fff;
  border:1px solid var(--linea);text-decoration:none;color:inherit;box-shadow:0 16px 36px -28px rgba(40,20,30,.55);
  transition:transform .2s,box-shadow .2s}
.ex-card a:hover{transform:translateY(-4px);box-shadow:0 22px 44px -26px rgba(40,20,30,.6)}
.ex-card a:focus-visible{outline:3px solid var(--sc-txt);outline-offset:3px}
.ex-foto{margin:0;aspect-ratio:3/2;overflow:hidden;background:var(--sc-fondo)}
.ex-foto img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.ex-card a:hover .ex-foto img{transform:scale(1.05)}
.ex-ilu{display:flex;align-items:center;justify-content:center;aspect-ratio:3/2;color:#FFE3A8}
.ex-ilu-mictlan{background:radial-gradient(120% 120% at 50% 0%,#5B2A6E 0%,#2A1530 70%)}
.ex-ilu-mictlan svg{width:84px;height:84px}
.ex-ilu-chigni{background:radial-gradient(90% 90% at 50% 40%,#F2477E 0%,#7A2F8F 55%,#12101A 100%);align-items:flex-end}
.ex-ilu-chigni img{height:92%;width:auto;filter:drop-shadow(0 10px 16px rgba(0,0,0,.35))}
.ex-tx{display:flex;flex-direction:column;gap:8px;padding:16px 18px 20px;flex:1}
.ex-tx b{font-family:'Fraunces',Georgia,serif;font-weight:800;font-size:20px;line-height:1.2;color:var(--tinta)}
.ex-tx>span{font-size:15px;line-height:1.55;color:var(--soft)}
.ex-tx .ex-ir{margin-top:auto;font-family:'Oswald',sans-serif;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  font-size:13px;color:var(--sc-txt)}
.ex-tx .ex-ir::after{content:" →"}
/* El hueco de foto de una tarjeta (23-oct-2026: «Visita el ajolotario», mientras llega su foto) */
.ex-foto-pend .sc-pend{height:100%;border-radius:0;border-width:0 0 2px;aspect-ratio:auto;color:var(--sc-txt)}

/* ── Ruta Chigni, arriba y en grande (23-oct-2026, Uriel): sus cuatro Chignis y las dos ligas ── */
.ex-rc{position:relative;color:#fff;overflow:hidden;
  background:radial-gradient(120% 140% at 85% 20%,#F2477E 0%,#9B2F8F 38%,#3A1748 72%,#1E0F26 100%)}
.ex-rc::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;
  background:repeating-linear-gradient(115deg,#fff 0 2px,transparent 2px 26px)}
.ex-rc-in{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:36px;align-items:center;padding-top:52px;padding-bottom:52px}
.ex-rc-ey{margin:0 0 10px;font-family:'Oswald',sans-serif;font-weight:600;letter-spacing:.2em;text-transform:uppercase;font-size:13px;color:#FFD2E4}
.ex-rc-h{margin:0;font-family:'Fraunces',Georgia,serif;font-weight:900;font-size:clamp(34px,4.6vw,58px);line-height:1.02;letter-spacing:-.02em}
.ex-rc-h em{font-style:italic;color:#FFE08A}
.ex-rc-p{margin:16px 0 0;font-size:17px;line-height:1.6;color:rgba(255,255,255,.9);max-width:46ch}
.ex-rc-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.ex-rc-btns .sc-btn-luz{--sc-luz:#FFE08A}
.ex-rc-btn2{border-color:rgba(255,255,255,.85);color:#fff;background:rgba(255,255,255,.1)}
.ex-rc-btn2:hover{background:rgba(255,255,255,.2)}
.ex-rc-pers{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}
.ex-rc-pers a{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:#fff;
  border-radius:18px;padding:10px 6px 12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);transition:transform .2s,background .2s}
.ex-rc-pers a:hover{transform:translateY(-4px);background:rgba(255,255,255,.16)}
.ex-rc-pers a:focus-visible{outline:3px solid #FFE08A;outline-offset:3px}
.ex-rc-pers img{display:block;width:100%;max-width:150px;height:auto;filter:drop-shadow(0 12px 18px rgba(0,0,0,.35))}
.ex-rc-pers span{font-family:'Oswald',sans-serif;font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:13px}
@media (max-width:900px){
  .ex-rc-in{grid-template-columns:minmax(0,1fr);gap:26px;padding-top:40px;padding-bottom:40px}
}
@media (max-width:520px){
  .ex-rc-pers{gap:8px}
  .ex-rc-pers a{padding:8px 4px 10px;border-radius:14px}
  .ex-rc-pers span{font-size:11px;letter-spacing:.08em}
  .ex-rc-btns .sc-btn{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.ex-rc-pers a{transition:none}.ex-rc-pers a:hover{transform:none}}

@media (max-width:1000px){.ex-lista{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.ex-lista{grid-template-columns:minmax(0,1fr);gap:14px}}
@media (prefers-reduced-motion:reduce){
  .ex-card a,.ex-foto img{transition:none}
  .ex-card a:hover{transform:none}
  .ex-card a:hover .ex-foto img{transform:none}
}