/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */
/* Mejora la navegación por anclas en toda la app */
html {
  scroll-behavior: smooth;
}

/* ─── Landing pública (TD260912.01) — scoped bajo .hilora-landing ─────────── */
.hilora-landing { color: #0b1220; }
.hilora-landing h1,
.hilora-landing h2,
.hilora-landing h3 { letter-spacing: -0.03em; }

.hilora-landing .lp-title { font-size: clamp(2.3rem, 6vw, 4.1rem); line-height: 1.03; font-weight: 800; }
.hilora-landing .lp-h2 { font-size: clamp(1.7rem, 4vw, 2.6rem); font-weight: 800; }
.hilora-landing .lp-h3 { font-size: clamp(1.25rem, 2.6vw, 1.75rem); font-weight: 800; }
.hilora-landing .lp-lead { font-size: clamp(1.05rem, 2.2vw, 1.3rem); line-height: 1.5; color: #6b7280; }
.hilora-landing .lp-muted { color: #6b7280; }
.hilora-landing .lp-eyebrow { color: #0d6efd; font-weight: 700; font-size: .82rem; letter-spacing: .04em; text-transform: uppercase; }

.hilora-landing .lp-btn { display: inline-flex; align-items: center; justify-content: center; height: 52px; padding: 0 30px; border-radius: 12px; font-weight: 700; font-size: 1.05rem; border: 1.5px solid transparent; text-decoration: none; }
.hilora-landing .lp-btn-primary { background: #0d6efd; color: #fff; box-shadow: 0 8px 22px rgba(13, 110, 253, .30); }
.hilora-landing .lp-btn-primary:hover { background: #0b5ed7; color: #fff; }
.hilora-landing .lp-btn-ghost { background: #fff; color: #0b1220; border-color: #e5e7eb; }
.hilora-landing .lp-btn-ghost:hover { border-color: #c8d0da; color: #0b1220; }

.hilora-landing .lp-browser { background: #fff; border: 1px solid #e5e7eb; border-radius: 18px; box-shadow: 0 24px 70px rgba(11, 18, 32, .14); overflow: hidden; }
.hilora-landing .lp-browser-bar { display: flex; align-items: center; gap: 7px; padding: 13px 18px; border-bottom: 1px solid #e5e7eb; background: #f5f7fa; }
.hilora-landing .lp-dot { width: 11px; height: 11px; border-radius: 50%; }

.hilora-landing .lp-shot { width: 100%; display: block; border: 1px solid #e5e7eb; border-radius: 14px; box-shadow: 0 16px 44px rgba(11, 18, 32, .12); }

.hilora-landing .lp-dark { background: #0b1220; color: #fff; border-radius: 24px; }
.hilora-landing .lp-dark-card { background: #141d30; border: 1px solid #1f2a40; border-radius: 14px; }
.hilora-landing .lp-dark-muted { color: #9aa4b2; }

.hilora-landing .lp-chip { background: #fff; border: 1px solid #e5e7eb; border-radius: 999px; padding: 9px 18px; font-weight: 600; font-size: .92rem; }
.hilora-landing .lp-badge { display: inline-flex; align-items: center; gap: 7px; color: #6b7280; font-size: .9rem; }

.hilora-landing .lp-icon { width: 66px; height: 66px; border-radius: 50%; background: #e7f0ff; display: inline-flex; align-items: center; justify-content: center; }