/* ============================================================
   zafra.css — la portada en temporada alta (12/11/2026): kits de
   fin de año y verano, el plazo para Navidad y el trabajo para la
   visita del Papa. Cargar después de portada.css.
   ============================================================ */

/* ---------- Portada: plazo y vitrina de kits ---------- */
.z-plazo{display:flex;align-items:center;gap:12px;margin:20px 0 0;padding:12px 16px;border-radius:16px;max-width:520px;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(4px)}
.z-plazo svg{color:#FFC531;flex:none}
.z-plazo b{display:block;font-family:'Raleway',sans-serif;font-weight:800;font-size:1.02rem;line-height:1.25}
.z-plazo span{display:block;font-size:.9rem;opacity:.9;margin-top:2px}
.z-plazo .z-cuenta{display:inline-block;background:#E6262E;color:#fff;font-weight:800;font-size:.78rem;padding:2px 9px;border-radius:999px;margin-left:6px;vertical-align:2px}

.z-vitrina{position:relative;display:block;text-decoration:none;color:var(--tinta);max-width:520px;width:100%;justify-self:center}
.z-vit-stage{position:relative;aspect-ratio:6/5;border-radius:32px;overflow:hidden;
  background:radial-gradient(70% 60% at 50% 42%,#fff 0%,#EAF3FC 62%,#D4E5F7 100%);box-shadow:0 30px 60px rgba(0,18,55,.38)}
.z-vit-slide{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 6% 22%;
  opacity:0;transform:scale(.97);transition:opacity .7s ease,transform .7s ease}
.z-vit-slide.on{opacity:1;transform:none}
.z-vit-slide img{width:122%;max-width:none;height:auto;object-fit:contain;margin-bottom:-4%}
.z-vit-chip{position:absolute;top:18px;left:18px;z-index:3;background:#E6262E;color:#fff;font:800 12px 'Raleway',sans-serif;letter-spacing:1px;
  padding:7px 13px;border-radius:999px;box-shadow:0 6px 16px rgba(230,38,46,.35)}
.z-vit-chip.sol{background:#FFB703;color:#3a2600;box-shadow:0 6px 16px rgba(255,183,3,.35)}
.z-vit-chip.azul{background:var(--azul);box-shadow:0 6px 16px rgba(0,74,173,.3)}
.z-vit-pie{position:absolute;left:16px;right:16px;bottom:16px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;
  background:#fff;border-radius:20px;padding:12px 16px;box-shadow:0 12px 30px rgba(0,18,55,.18)}
.z-vit-pie b{display:block;font-family:'Raleway',sans-serif;font-weight:800;font-size:1rem;line-height:1.2;color:var(--tinta)}
.z-vit-pie small{display:block;color:var(--tinta-2);font-size:.82rem;margin-top:2px}
.z-vit-monto{text-align:right;white-space:nowrap}
.z-vit-monto strong{display:block;font:800 1.6rem/1 'Public Sans',sans-serif;color:var(--azul);letter-spacing:-.5px}
.z-vit-monto small{font-size:.78rem}
.z-vit-puntos{position:absolute;top:22px;right:20px;z-index:3;display:flex;gap:6px}
.z-vit-puntos i{width:8px;height:8px;border-radius:50%;background:rgba(0,74,173,.22);transition:background .3s,width .3s}
.z-vit-puntos i.on{background:var(--azul);width:20px;border-radius:6px}
@media(max-width:900px){.z-vitrina{max-width:420px}}
/* En el teléfono los kits vienen justo abajo: la vitrina sobra y empuja todo. */
@media(max-width:640px){.z-vitrina{display:none}}
@media(prefers-reduced-motion:reduce){.z-vit-slide{transition:none}}

/* Las tarjetas de los kits están en css/kits.css. */
@media(max-width:640px){.z-papa-video{max-width:280px}}

/* ---------- Visita del Papa ---------- */
.z-papa{position:relative;background:linear-gradient(160deg,#03284F 0%,#053E5C 50%,#004AAD 100%);color:#fff;padding:64px 20px;overflow:hidden;scroll-margin-top:60px}
.z-papa::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(45% 55% at 85% 15%,rgba(93,224,230,.28),transparent 60%)}
.z-papa-in{position:relative;max-width:1080px;margin:0 auto;display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:48px;align-items:center}
.z-papa-video{position:relative;margin:0;border-radius:26px;overflow:hidden;background:#000;aspect-ratio:9/16;box-shadow:0 30px 60px rgba(0,0,0,.45);
  border:4px solid rgba(255,255,255,.14)}
.z-papa-video video{width:100%;height:100%;object-fit:cover;display:block;cursor:pointer}
.z-papa-sonido{position:absolute;right:12px;bottom:12px;z-index:2;border:0;border-radius:999px;background:rgba(0,0,0,.6);color:#fff;
  font:700 13px 'Public Sans',system-ui,sans-serif;padding:8px 12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.z-papa-play{position:absolute;inset:0;margin:auto;width:74px;height:74px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:var(--azul);
  font-size:28px;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.35);display:grid;place-items:center;padding-left:6px}
.z-papa-play[hidden]{display:none}
.z-papa .eyebrow{color:var(--celeste);font-weight:800;font-size:12.5px;letter-spacing:1px;text-transform:uppercase}
.z-papa h2{font-family:'Raleway',sans-serif;font-weight:800;font-size:clamp(1.8rem,3.6vw,2.7rem);line-height:1.08;margin:10px 0 14px}
.z-papa h2 .hl{color:var(--celeste)}
.z-papa p{font-size:16.5px;line-height:1.6;opacity:.94;margin:0 0 12px;max-width:52ch}
.z-papa p b{color:#fff}
.z-papa-cifras{list-style:none;margin:20px 0 22px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:520px}
.z-papa-cifras li{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:14px 12px;text-align:center}
.z-papa-cifras b{display:block;font:800 1.75rem/1 'Public Sans',sans-serif;color:var(--celeste);letter-spacing:-.5px}
.z-papa-cifras span{display:block;font-size:12.5px;opacity:.88;margin-top:5px;line-height:1.3}
.z-papa .p-ctas{margin:6px 0 0}
@media(max-width:820px){
  .z-papa-in{grid-template-columns:1fr;gap:30px}
  .z-papa-video{max-width:320px;justify-self:center;width:100%}
  .z-papa-copy{text-align:center}
  .z-papa p{margin-left:auto;margin-right:auto}
  .z-papa-cifras{margin-left:auto;margin-right:auto}
  .z-papa .p-ctas{justify-content:center}
}
@media(max-width:420px){.z-papa-cifras b{font-size:1.4rem}.z-papa-cifras span{font-size:11.5px}}