/* Identidad visual del sitio público, misma paleta que el panel interno (estilo.css). */
:root {
  --aurion-navy: #0b2545;
  --aurion-navy-dark: #081a33;
  --aurion-gold: #c99a3c;
  --aurion-gold-dark: #a87f2e;
  --aurion-bg: #f4f6f9;
}

body {
  background: var(--aurion-bg);
  font-family: 'Inter', 'Segoe UI', Roboto, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6, .brand-publico, .precio-publico {
  font-family: 'Poppins', 'Segoe UI', Roboto, Arial, sans-serif;
}

/* Header */
.header-publico { background: #fff; transition: box-shadow .2s ease; }
.header-publico.is-scrolled { box-shadow: 0 4px 16px rgba(11,37,69,.08); }
.header-publico .brand-publico { color: var(--aurion-navy) !important; font-weight: 700; }
.header-publico .nav-link-publico {
  color: var(--aurion-navy); font-weight: 500; text-decoration: none; position: relative;
}
.header-publico .nav-link-publico::after {
  content: ""; position: absolute; left: 0; bottom: -4px; width: 0; height: 2px;
  background: var(--aurion-gold); transition: width .2s ease;
}
.header-publico .nav-link-publico:hover::after { width: 100%; }
.header-publico .nav-link-publico:hover { color: var(--aurion-gold-dark); }

.btn-aurion {
  background: var(--aurion-navy); border-color: var(--aurion-navy); color: #fff;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.btn-aurion:hover {
  background: var(--aurion-navy-dark); border-color: var(--aurion-navy-dark); color: #fff;
  transform: translateY(-2px); box-shadow: 0 8px 18px rgba(11,37,69,.25);
}

/* Hero */
.hero-aurion {
  position: relative;
  background: linear-gradient(135deg, var(--aurion-navy) 0%, var(--aurion-navy-dark) 100%);
  color: #fff;
  border-radius: 24px;
  padding: 4.5rem 2.5rem;
  overflow: hidden;
  isolation: isolate;
}
.hero-aurion::before,
.hero-aurion::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  z-index: -1;
}
.hero-aurion::before {
  width: 380px; height: 380px;
  background: radial-gradient(circle, rgba(201,154,60,.35) 0%, rgba(201,154,60,0) 70%);
  top: -140px; right: -100px;
}
.hero-aurion::after {
  width: 280px; height: 280px;
  background: radial-gradient(circle, rgba(255,255,255,.08) 0%, rgba(255,255,255,0) 70%);
  bottom: -110px; left: -70px;
}
.hero-aurion h1 { letter-spacing: -.02em; }
.hero-aurion .btn-gold {
  background: var(--aurion-gold); border-color: var(--aurion-gold); color: #1c1206; font-weight: 600;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.hero-aurion .btn-gold:hover {
  background: var(--aurion-gold-dark); border-color: var(--aurion-gold-dark); color: #1c1206;
  transform: translateY(-2px); box-shadow: 0 10px 22px rgba(0,0,0,.25);
}
.hero-icono {
  width: 220px; height: 220px; border-radius: 50%;
  background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.15);
  display: flex; align-items: center; justify-content: center;
  font-size: 6rem; color: var(--aurion-gold);
  margin: 0 auto;
}

/* Franja de estadísticas */
.stat-item { text-align: center; }
.stat-item .stat-numero {
  font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 2.2rem; color: var(--aurion-navy);
  line-height: 1;
}
.stat-item .stat-etiqueta { color: #6c7684; font-size: .9rem; margin-top: .35rem; }

/* Secciones alternadas para dar ritmo visual */
.seccion-tinta { background: #fff; border-radius: 24px; padding: 2.5rem; }

/* Categorías */
.tile-categoria {
  border: none; border-radius: 18px; transition: transform .18s ease, box-shadow .18s ease;
  box-shadow: 0 2px 10px rgba(11,37,69,.06);
}
.tile-categoria:hover { transform: translateY(-6px); box-shadow: 0 16px 30px rgba(11,37,69,.15); }
.tile-categoria .icono-circulo {
  width: 58px; height: 58px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; margin: 0 auto .75rem;
  font-size: 1.5rem;
}
.icono-tono-0 { background: rgba(201,154,60,.15); color: var(--aurion-gold-dark); }
.icono-tono-1 { background: rgba(11,37,69,.10); color: var(--aurion-navy); }
.icono-tono-2 { background: rgba(37,211,102,.15); color: #1e9e52; }
.icono-tono-3 { background: rgba(201,154,60,.15); color: var(--aurion-gold-dark); }

/* Productos */
.card-producto {
  border: none; border-radius: 18px; overflow: hidden; position: relative;
  transition: transform .18s ease, box-shadow .18s ease;
  box-shadow: 0 2px 10px rgba(11,37,69,.06);
}
.card-producto:hover { transform: translateY(-6px); box-shadow: 0 16px 30px rgba(11,37,69,.15); }
.card-producto .precio-publico { color: var(--aurion-navy); font-weight: 700; }
.card-producto .precio-tachado { color: #9aa3b2; text-decoration: line-through; font-size: .85rem; }
.badge-oferta {
  position: absolute; top: .75rem; left: .75rem; z-index: 2;
  background: var(--aurion-gold); color: #1c1206; font-weight: 700;
  padding: .3rem .7rem; border-radius: 999px; font-size: .72rem; letter-spacing: .03em;
}

/* Revelado suave al hacer scroll */
.reveal { opacity: 0; transform: translateY(18px); transition: opacity .5s ease, transform .5s ease; }
.reveal.is-visible { opacity: 1; transform: translateY(0); }

/* Footer */
.footer-publico {
  background: linear-gradient(135deg, var(--aurion-navy) 0%, var(--aurion-navy-dark) 100%);
  color: rgba(255,255,255,.85);
}
.footer-publico .footer-brand { font-family: 'Poppins', sans-serif; font-weight: 700; color: #fff; font-size: 1.1rem; }
.footer-publico hr { border-color: rgba(255,255,255,.15); }
.footer-publico .whatsapp-pill {
  background: #25D366; color: #fff; padding: .5rem 1.1rem; border-radius: 999px;
  text-decoration: none; font-weight: 600; display: inline-flex; align-items: center; gap: .4rem;
  transition: transform .15s ease;
}
.footer-publico .whatsapp-pill:hover { background: #1ebc59; color: #fff; transform: translateY(-2px); }
.footer-publico .social-icon {
  width: 40px; height: 40px; border-radius: 50%; background: rgba(255,255,255,.1);
  display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,.6);
  transition: background .15s ease, color .15s ease;
}
.footer-publico .social-icon:hover { background: rgba(255,255,255,.2); color: #fff; }