/* ============================================================
   HOME — PIEL ENTERPRISE (jul 2026)
   Migra la estética de la home al sistema enterprise.css
   (serif Fraunces de gravitas + mono técnico + un acento ámbar
   + hairlines) SIN tocar estructura ni scripts. Se carga
   DESPUÉS de los estilos propios de la home para sobreescribir.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,500&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root {
  --font-display: 'Fraunces', Georgia, serif !important;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace !important;
}

/* Titulares: de grotesca 900 a serif editorial 500 (patrón Harvey/Anthropic) */
h1.font-display, h2.font-display, h3.font-display,
.font-display {
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 500 !important;
  letter-spacing: -0.015em !important;
}

/* El gradiente animado de texto (patrón 2023) → cursiva ámbar sólida */
.text-gradient-animate {
  background: none !important;
  animation: none !important;
  -webkit-text-fill-color: #F5C842 !important;
  color: #F5C842 !important;
  font-style: italic;
}

/* Botones: radio contenido y peso enterprise */
.btn-accent, .btn-ghost, .pulse-cta {
  border-radius: 6px !important;
  font-family: 'Inter', -apple-system, system-ui, sans-serif !important;
}
.pulse-cta { animation: none !important; } /* sin pulso: sobriedad = WOW enterprise */

/* Tarjetas y marcos: hairline 1px, sin glow */
.card-hover {
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 10px !important;
  transition: transform .2s, border-color .2s !important;
}
.card-hover:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(232,168,32,0.35) !important;
  box-shadow: 0 16px 50px rgba(0,0,0,0.45) !important;
}

/* Badges/eyebrows de sección: registro mono técnico */
.live-dot + span, .section-eyebrow {
  font-family: 'IBM Plex Mono', ui-monospace, monospace !important;
  letter-spacing: 0.12em !important;
  font-size: 0.72rem !important;
  text-transform: uppercase;
}

/* Enlaces de énfasis dentro del hero */
.hero-section a[style*="color:#F5C842"] { text-decoration: none; border-bottom: 1px solid rgba(245,200,66,0.35); }

/* FAQ y bloques: bordes finos coherentes */
.faq-item { border: none !important; border-bottom: 1px solid rgba(255,255,255,0.08) !important; border-radius: 0 !important; background: transparent !important; }

/* Suavizar cualquier resto violeta hacia neutro (anti-patrón IA genérica) */
[style*="rgba(124,92,252,0.05)"] { background: #0C0E13 !important; }

/* ---------- Marco de producto en el hero (producto como héroe) ---------- */
.hs-frame { background:#0E1016; border:1px solid rgba(255,255,255,0.08); border-radius:10px; overflow:hidden; box-shadow:0 24px 70px rgba(0,0,0,0.55); }
.hs-frame-bar { display:flex; align-items:center; gap:0.5rem; padding:0.6rem 1rem; border-bottom:1px solid rgba(255,255,255,0.05); background:#12141B; }
.hs-frame-bar .d { width:9px; height:9px; border-radius:50%; background:rgba(255,255,255,0.12); }
.hs-frame-bar .t { font-family:'IBM Plex Mono',monospace; font-size:0.68rem; color:#858B96; margin-left:0.5rem; letter-spacing:0.06em; }
.hs-mock { padding:1.15rem; display:grid; gap:0.8rem; }
.hs-row { display:grid; grid-template-columns:1fr 1fr; gap:0.8rem; }
.hs-card { background:#12141B; border:1px solid rgba(255,255,255,0.05); border-radius:8px; padding:0.85rem 0.95rem; }
.hs-card h5 { font-size:0.78rem; font-weight:600; color:#F2F2EF; margin:0 0 0.3rem; font-family:'Inter',sans-serif; }
.hs-card .meta { font-family:'IBM Plex Mono',monospace; font-size:0.64rem; color:#858B96; }
.hs-sem { display:inline-flex; align-items:center; gap:0.35rem; font-family:'IBM Plex Mono',monospace; font-size:0.62rem; padding:0.14rem 0.5rem; border-radius:4px; margin-bottom:0.45rem; }
.hs-sem::before { content:''; width:6px; height:6px; border-radius:50%; background:currentColor; }
.hs-sem.g { color:#2FBF8F; background:rgba(47,191,143,0.08); }
.hs-sem.a { color:#F5C842; background:rgba(245,200,66,0.08); }
.hs-cite { display:flex; align-items:flex-start; gap:0.6rem; background:#12141B; border:1px solid rgba(255,255,255,0.05); border-left:2px solid #2FBF8F; border-radius:6px; padding:0.75rem 0.9rem; }
.hs-cite .v { font-family:'IBM Plex Mono',monospace; font-size:0.6rem; color:#2FBF8F; letter-spacing:0.1em; white-space:nowrap; padding-top:2px; }
.hs-cite p { font-size:0.78rem; color:#B9BEC7; line-height:1.55; margin:0; }

/* Orbes decorativos violeta: fuera (un solo acento) */
.orb-violet { display: none !important; }