/* ────────────────────────────────────────────────────────────────────────
   A Store — Design Components (capa para Antigravity)
   Esta capa la EDITA ANTIGRAVITY libremente.
   Su trabajo es refinar las clases `astore-*` que emiten los shortcodes.

   Contrato:
     ❌ NO cambie nombres de clases.
     ❌ NO agregue nuevos hooks en functions.php.
     ✅ Cambie selectores, valores, atributos, media queries libremente.
   ──────────────────────────────────────────────────────────────────────── */

/* =========================================================================
   PUNTO DE PARTIDA — Antigravity empezará desde aquí.
   Estos selectores están agrupados por bloque Doc Maestro (Bloque 00–10).
   ========================================================================= */

/* ── BLOQUE 00 — urgency bar (amber) ─────────────────────────────────── */
.astore-urgency-bar { /* refinar tipografía, padding interno, animación de slide */ }

/* ── BLOQUE 02 — hero ─────────────────────────────────────────────────── */
.astore-hero {
  /* ajustar height, parallax, glow, mix-blend del overlay */
}
.astore-hero h1 {
  /* tipografía, scale, sombras en texto */
}

/* ── BLOQUE 03 — confianza ────────────────────────────────────────────── */
.astore-trust-section .astore-trust-row {
  /* separación, íconos bordes, tipografía */
}

/* ── BLOQUE 04 — productos WC ────────────────────────────────────────── */
.astore-productos ul.products li.product {
  /* mantener grid 4 cols desktop, 2 mobile responsive */
}

/* ── BLOQUE 05 — BESTSELLER (50/50 dark) ─────────────────────────────── */
.astore-feature { /* parallax, glow on hover, vista mobile stack */ }
.astore-feature-body .astore-feature-badge { /* badge amber */ }

/* ── BLOQUE 06 — cartelera (snap scroll) ──────────────────────────────── */
.astore-cartelera-scroll .astore-evento-card {
  /* hover effects + status badges (abierto/pronto/últimos/cerrado) */
}
.astore-evento-card .badge-status.abierto { color: #047857; background: #FFFFFF; border: 1px solid #047857; }
.astore-evento-card .badge-status.pronto  { color: var(--astore-amber); background: #FFF3E0; border: 1px solid var(--astore-amber); }
.astore-evento-card .badge-status.ultimos { color: #B91C1C; background: #FEE7E7; border: 1px solid #DC2626; }
.astore-evento-card .badge-status.cerrado { color: var(--astore-muted); background: var(--astore-offwhite); border: 1px solid var(--astore-muted-dk); }

/* ── BLOQUE 07 — servicios ───────────────────────────────────────────── */
.astore-services .card { /* hover cyan border glow */ }

/* ── BLOQUE 08 — stats + reseñas ─────────────────────────────────────── */
.astore-stats .astore-stat .num {
  /* count-up animation (ya hay JS), tipografía números */
}
.astore-resenas .astore-resena { /* hover lift shadow */ }

/* ── BLOQUE 09 — cómo comprar ────────────────────────────────────────── */
.astore-como-comprar .astore-step { /* micro-stagger en entrada */ }

/* ── BLOQUE 10 — CTA final WA ────────────────────────────────────────── */
.astore-cta-final { /* gradiente diagonal Doc Maestro */ }
.astore-cta-final .astore-fab-final { /* pulse animation opcional */ }