/* ════════════════════════════════════════════════════════
   FERIA DEL ÁRBOL Y LA ESFERA (10-oct-2026)
   Página fija de temporada. Todo con prefijo fe- para no chocar con
   las hojas de otras páginas; usa las variables de estilos.css.
   ════════════════════════════════════════════════════════ */

/* ── Encabezado: la foto es de noche, el árbol al centro ── */
.fe-hero .ph-bg img{object-position:50% 45%}
.fe-hero .rb{background:linear-gradient(90deg,#F0183A 0%,#EC0A82 35%,#7C2D8E 70%,#FBB200 100%)}

/* ── Títulos de sección ── */
.fe-kick{font-family:'Oswald',sans-serif;letter-spacing:.28em;text-transform:uppercase;font-size:12px;color:var(--rosa-txt);margin-bottom:10px}
.fe-h2{font-family:'Fraunces',Georgia,serif;font-weight:900;font-size:clamp(28px,4.2vw,42px);line-height:1.05;letter-spacing:-.01em;color:var(--tinta);margin-bottom:18px}
.centro{text-align:center}
.fe-intro{max-width:62ch;margin:0 auto 30px;color:var(--soft);font-size:16px;line-height:1.65}

/* ── Texto + foto ── */
.fe-par{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,64px);align-items:center}
.fe-par .txt p,.fe-llegar .txt p{font-size:16px;line-height:1.7;color:var(--soft);margin-bottom:14px}
.fe-par .txt b,.fe-llegar .txt b{color:var(--tinta)}
.fe-pagina .foto{margin:0}
.fe-pagina .foto img{width:100%;height:auto;border-radius:18px;box-shadow:0 18px 44px rgba(36,29,56,.16)}

/* ── Las dos fechas ── */
.fe-fechas-sec{background:var(--crema)}
.fe-fechas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:900px;margin:10px auto 0}
.fe-fecha{background:#fff;border:1px solid var(--linea);border-radius:22px;padding:28px 26px 26px;border-top:6px solid var(--c,#EC0A82);box-shadow:0 12px 34px rgba(36,29,56,.07)}
.fe-fecha.f1{--c:#F0183A;--c-txt:var(--rojo-txt)}
.fe-fecha.f2{--c:#7C2D8E;--c-txt:var(--purpura-txt)}
.fe-dia{font-family:'Fraunces',Georgia,serif;font-weight:900;font-size:clamp(46px,7vw,64px);line-height:1;color:var(--c-txt)}
.fe-mes{font-family:'Oswald',sans-serif;letter-spacing:.14em;text-transform:uppercase;font-size:12.5px;color:var(--soft);margin:8px 0 14px}
.fe-fecha h3{font-family:'Fraunces',Georgia,serif;font-weight:800;font-size:22px;margin-bottom:8px}
.fe-fecha p{color:var(--soft);font-size:15px;line-height:1.65}
.fe-nota{max-width:70ch;margin:24px auto 0;text-align:center;font-size:14px;line-height:1.6;color:var(--soft)}

/* ── Qué hay ── */
.fe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.fe-item{background:#fff;border:1px solid var(--linea);border-radius:18px;padding:22px 22px 20px;position:relative;overflow:hidden}
.fe-item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--c)}
.fe-item.c1{--c:#EC0A82}.fe-item.c2{--c:#5FB924}.fe-item.c3{--c:#7C2D8E}
.fe-item.c4{--c:#00A6C8}.fe-item.c5{--c:#F7941D}.fe-item.c6{--c:#F0183A}
.fe-item h3{font-family:'Fraunces',Georgia,serif;font-weight:800;font-size:19px;margin-bottom:8px;color:var(--tinta)}
.fe-item p{color:var(--soft);font-size:15px;line-height:1.62}
.fe-fotos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:30px}

/* ── Cómo llegar + consejos ── */
.fe-llegar-sec{background:var(--crema)}
.fe-llegar{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,60px);align-items:start}
.fe-rutas{list-style:none;margin:6px 0 22px;padding:0}
.fe-rutas li{position:relative;padding:10px 0 10px 22px;border-bottom:1px solid var(--linea);color:var(--soft);font-size:15.5px;line-height:1.55}
.fe-rutas li::before{content:"";position:absolute;left:2px;top:17px;width:9px;height:9px;border-radius:50%;background:var(--rosa)}
.fe-rutas b{color:var(--tinta);margin-right:4px}
.fe-btns{display:flex;flex-wrap:wrap;gap:12px}
.fe-btn-out{border-color:var(--tinta);color:var(--tinta);background:transparent}
.fe-btn-out:hover{background:var(--tinta);color:#fff}
.fe-consejos{background:#241D38;color:#F3EFF7;border-radius:24px;padding:30px 30px 26px}
.fe-consejos h3{font-family:'Fraunces',Georgia,serif;font-weight:800;font-size:23px;margin-bottom:16px;color:#fff}
.fe-consejos ol{margin:0;padding:0;list-style:none;counter-reset:fe}
.fe-consejos li{counter-increment:fe;position:relative;padding:0 0 14px 40px;font-size:15px;line-height:1.6;color:#E2D7F0}
.fe-consejos li::before{content:counter(fe);position:absolute;left:0;top:0;width:27px;height:27px;border-radius:50%;background:#FBB200;color:#241D38;font-family:'Oswald',sans-serif;font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:center}
.fe-consejos li b{color:#fff}

/* ── Preguntas frecuentes (acordeón sin JS: details/summary) ── */
.fe-faq-lista{max-width:780px}
.fe-faq{background:#fff;border:1px solid var(--linea);border-radius:16px;margin-bottom:12px;overflow:hidden;transition:box-shadow .2s,border-color .2s}
.fe-faq[open]{border-color:var(--rosa);box-shadow:0 10px 30px rgba(36,29,56,.08)}
.fe-faq summary{cursor:pointer;list-style:none;position:relative;font-family:'Fraunces',Georgia,serif;font-weight:800;font-size:17.5px;color:var(--tinta);padding:18px 52px 18px 22px}
.fe-faq summary::-webkit-details-marker{display:none}
.fe-faq summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-family:'Oswald',sans-serif;font-weight:600;font-size:22px;color:var(--rosa-txt)}
.fe-faq[open] summary::after{content:"–"}
.fe-faq p{margin:0;padding:0 22px 20px;color:var(--soft);font-size:15px;line-height:1.7}

/* ── Sigue explorando ── */
.fe-mas-sec{background:var(--crema)}
.fe-mas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:8px}
.fe-mas-card{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--linea);border-radius:18px;padding:20px;border-bottom:5px solid var(--c);transition:transform .18s,box-shadow .18s}
.fe-mas-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(36,29,56,.1)}
.fe-mas-card.m1{--c:#EC0A82}.fe-mas-card.m2{--c:#7C2D8E}.fe-mas-card.m3{--c:#00A6C8}.fe-mas-card.m4{--c:#5FB924}
.fe-mas-card b{font-family:'Fraunces',Georgia,serif;font-weight:800;font-size:18px;color:var(--tinta)}
.fe-mas-card span{color:var(--soft);font-size:14.5px;line-height:1.55}

/* ── Pantallas medianas y celular ── */
@media(max-width:1000px){
  .fe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fe-mas{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:880px){
  .fe-par,.fe-llegar{grid-template-columns:1fr}
  .fe-par .foto{order:-1}
}
@media(max-width:640px){
  .fe-fechas,.fe-grid,.fe-fotos,.fe-mas{grid-template-columns:1fr}
  .fe-consejos{padding:24px 20px 18px}
  .fe-faq summary{font-size:16px;padding:15px 46px 15px 16px}
  .fe-faq p{padding:0 16px 16px}
  .fe-btns .btn{width:100%;justify-content:center;text-align:center}
}
@media(prefers-reduced-motion:reduce){
  .fe-mas-card,.fe-faq{transition:none}
  .fe-mas-card:hover{transform:none}
}