/* ════════════════════════════════════════════════════════════
   PICÓN — Bodega volcánica · capa de VARIEDAD de formas
   Malvasía + basalto + Bodoni. Formas distintas del base:
   CTAs pill con borde dorado · cards redondeadas + hairline oro ·
   botón de menú propio · badges pill · esquinas suaves.
   Cargado DESPUÉS de style-upgrade.css → gana por orden.
   ════════════════════════════════════════════════════════════ */

/* ─── ESQUINAS SUAVES (el base era --r:2px afilado) ─── */
:root { --r: 12px; }

/* ─── CTAs: PÍLDORA con borde dorado (editorial vino) ─── */
.btn-hp, .btn-hs, .btn-svc, .btn-cur, .rf-submit, .nav-cta {
  border-radius: 999px !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.72rem;
}
.btn-hp, .rf-submit, .nav-cta {
  background: var(--acc);
  color: #17120C;
  border: 1.5px solid var(--acc);
  padding: 0.9rem 1.7rem;
  transition: background .25s, color .25s, transform .25s, box-shadow .25s;
}
.btn-hp:hover, .rf-submit:hover, .nav-cta:hover {
  background: transparent;
  color: var(--acc);
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(106, 46, 82,0.28);
}
.btn-hs {
  border: 1.5px solid var(--acc);
  color: var(--acc);
  padding: 0.9rem 1.6rem;
  background: transparent;
}
.btn-hs:hover { background: var(--acc); color: #17120C; }
.btn-svc, .btn-cur { border: 1px solid var(--line-2); padding: 0.55rem 1.1rem; }
.btn-svc:hover, .btn-cur:hover { border-color: var(--acc); color: var(--acc); }

/* ─── CARDS: redondeadas + hairline dorado + hover lift ─── */
.svc, .cur, .gi, .test-c, .rf-wrap, .qr-card, .ib {
  border-radius: 16px !important;
  overflow: hidden;
}
.svc, .test-c {
  border: 1px solid rgba(106, 46, 82,0.22);
  box-shadow: 0 8px 30px rgba(23,18,12,0.06);
  transition: transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s;
}
.svc:hover, .test-c:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 44px rgba(23,18,12,0.14);
  border-color: rgba(106, 46, 82,0.5);
}
.cur { border: 1px solid rgba(255,255,255,0.10); }
.gi { border-radius: 14px !important; }
.svc-img, .cur-img, .gi img { border-radius: 0 !important; }

/* ─── BADGES: pill outline dorado ─── */
.cur-badge {
  border-radius: 999px !important;
  border: 1px solid var(--acc);
  background: rgba(106, 46, 82,0.14);
  color: var(--acc-2);
  letter-spacing: 0.14em;
}
.svc-tag {
  border-radius: 999px !important;
  border: 1px solid var(--line-2);
  background: transparent;
}

/* ─── LABEL de sección: rulita dorada ─── */
.lbl { position: relative; }

/* ─── BOTÓN DE MENÚ MÓVIL: pastilla con borde (otro estilo) ─── */
.menu-btn {
  border: 1.5px solid var(--acc) !important;
  border-radius: 999px !important;
  padding: 0.5rem 1rem !important;
  color: var(--acc) !important;
  letter-spacing: 0.14em;
  transition: background .25s, color .25s;
}
.menu-btn:hover { background: var(--acc) !important; color: #17120C !important; }

/* ─── INPUTS del formulario: redondeados ─── */
.rf input, .rf select, .rf textarea { border-radius: 10px !important; }
.rf input:focus, .rf select:focus, .rf textarea:focus { border-color: var(--acc) !important; }

/* ─── SCROLL-TOP + chatbot: círculo dorado ─── */
.scroll-top { border-radius: 999px !important; }

/* ─── HERO: título Bodoni con más aire ─── */
.h-title { letter-spacing: -0.01em; }

/* ─── STATS rediseñadas: tira editorial con números Bodoni + separadores oro ─── */
.hero-stats { border-top: 1px solid rgba(106, 46, 82,0.35) !important; }
.hero-stats-i { display: flex !important; justify-content: center; align-items: stretch; gap: 0 !important; flex-wrap: wrap; grid-template-columns: none !important; }
.hstat {
  position: relative; padding: 1.6rem 2.4rem !important; text-align: center;
  border: none !important; background: transparent !important;
}
.hstat + .hstat::before {
  content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
  height: 46px; width: 1px;
  background: linear-gradient(transparent, rgba(106, 46, 82,0.55), transparent);
}
.hstat-n {
  font-family: "Bodoni Moda", "Didot", Georgia, serif !important;
  font-style: italic; font-weight: 500; font-size: 2.7rem !important;
  color: var(--acc-2) !important; line-height: 1;
}
.hstat-l {
  font-family: var(--mono) !important; font-size: 0.58rem; letter-spacing: 0.22em;
  text-transform: uppercase; color: rgba(244,244,241,0.55); margin-top: 0.5rem;
}
@media (max-width: 720px) {
  .hstat { padding: 1.1rem 1.3rem !important; }
  .hstat-n { font-size: 2rem !important; }
}

/* ─── TOQUE: letra capital editorial en el "Sobre" ─── */
.about-bio::first-letter {
  font-family: "Bodoni Moda", "Didot", Georgia, serif;
  font-size: 3.4em; float: left; line-height: 0.72;
  color: var(--acc); margin: 0.08em 0.12em 0 0; font-weight: 500;
}

/* ─── TOQUE: marco fino sobre el hero (editorial vino) ─── */
.hero { position: relative; }
.hero::after {
  content: ''; position: absolute; inset: 14px; z-index: 2;
  border: 1px solid rgba(244,244,241,0.16); pointer-events: none;
}
@media (max-width: 720px){ .hero::after { inset: 9px; } }

/* ─── TOQUE: rombo dorado antes del eyebrow de sección ─── */
.sec .lbl::before {
  content: '◆'; color: var(--acc); font-size: 0.6em;
  margin-right: 0.55em; vertical-align: 0.12em; opacity: 0.85;
}