/* Barrera González · Stitch design · shared custom styles */
html { scroll-behavior: smooth; }

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
}

.bg-monogram-watermark {
  background-image: linear-gradient(rgba(252, 250, 247, 0.95), rgba(252, 250, 247, 0.95)),
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 100 100"><text y="50%" x="50%" dominant-baseline="middle" text-anchor="middle" font-family="Libre Caslon Text" font-size="20" fill="%23c5a059" opacity="0.05">BG</text></svg>');
}

.glass-nav {
  backdrop-filter: blur(8px);
  background-color: rgba(10, 22, 40, 0.02);
}
.glass-nav.scrolled { background-color: #0a1628; }

/* Scroll reveal */
.reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s cubic-bezier(.22,1,.36,1), transform .7s cubic-bezier(.22,1,.36,1); }
.reveal.is-visible { opacity: 1; transform: none; }

/* FAQ accordion */
details.faq-item > summary { list-style: none; cursor: pointer; }
details.faq-item > summary::-webkit-details-marker { display: none; }
details.faq-item[open] .faq-plus { transform: rotate(45deg); }

.fab-wa { transition: opacity .4s, transform .4s; }
.fab-wa.fab-hidden { opacity: 0; pointer-events: none; transform: translateY(12px); }

@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1; transform: none; transition: none; }
  .animate-bounce { animation: none; }
}

/* ── Artículos de blog ─────────────────────────────────────────── */
.article-body h2 { font-family: 'Libre Caslon Text', serif; font-size: 1.6rem; color: #0a1628; margin: 2.5rem 0 1rem; line-height: 1.3; }
.article-body h3 { font-family: 'Libre Caslon Text', serif; font-size: 1.2rem; color: #0a1628; margin: 2rem 0 0.75rem; }
.article-body p { font-size: 1rem; line-height: 1.8; color: #333333; margin-bottom: 1.2rem; }
.article-body ul, .article-body ol { margin: 1rem 0 1.5rem 1.5rem; }
.article-body ul li, .article-body ol li { font-size: 1rem; line-height: 1.8; color: #333333; margin-bottom: 0.4rem; }
.article-body ul li { list-style-type: disc; }
.article-body ol li { list-style-type: decimal; }
.article-body strong { color: #0a1628; font-weight: 700; }

/* Caja de ley / cita normativa */
.law-box { background: rgba(197,160,89,0.08); border-left: 3px solid #c5a059; padding: 1.25rem 1.5rem; margin: 1.5rem 0; }
.law-box-label { font-size: 11px; letter-spacing: 0.15em; font-weight: 700; color: #c5a059; text-transform: uppercase; margin-bottom: 6px; }
.law-box-text { font-family: 'Libre Caslon Text', serif; font-size: 0.95rem; color: #0a1628; line-height: 1.7; font-style: italic; }

/* Caja de advertencia */
.warning-box { background: rgba(139,0,0,0.04); border-left: 3px solid #8b0000; padding: 1.25rem 1.5rem; margin: 1.5rem 0; }
.warning-box p { color: #5e5e5c; margin: 0; }

/* Pasos numerados */
.step-item { display: flex; gap: 1rem; margin-bottom: 1.5rem; align-items: flex-start; }
.step-num { flex-shrink: 0; width: 32px; height: 32px; background: #0a1628; color: #c5a059; display: flex; align-items: center; justify-content: center; font-family: 'Libre Caslon Text', serif; font-size: 14px; font-weight: 700; }
.step-content h4 { font-family: 'Libre Caslon Text', serif; font-size: 1.05rem; color: #0a1628; margin-bottom: 4px; }
.step-content p { margin: 0; font-size: 0.95rem; color: #5e5e5c; }

/* Tarjetas de derechos */
.right-card { border: 1px solid rgba(197,160,89,0.3); padding: 1.25rem; margin-bottom: 1rem; display: flex; gap: 1rem; align-items: flex-start; }
.right-card .right-num { flex-shrink: 0; background: #0a1628; color: #c5a059; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; font-family: 'Libre Caslon Text', serif; font-size: 13px; font-weight: 700; }
.right-card .right-title { font-family: 'Libre Caslon Text', serif; font-size: 1rem; color: #0a1628; margin-bottom: 4px; }
.right-card .right-source { font-size: 11px; letter-spacing: 0.1em; color: #c5a059; font-weight: 700; text-transform: uppercase; margin-bottom: 6px; }
.right-card .right-desc { font-size: 0.9rem; color: #5e5e5c; line-height: 1.6; margin: 0; }

/* Lista de "lo que NO puede hacer" */
.no-right { background: rgba(139,0,0,0.05); border-left: 3px solid #8b0000; padding: 1rem 1.25rem; margin-bottom: 0.75rem; }
.no-right p { margin: 0; }
.no-right strong { color: #8b0000; }

/* CTA dentro del artículo */
.cta-inline { background: #0a1628; color: #fcfaf7; padding: 2rem; margin: 2rem 0; }
.cta-inline h3 { font-family: 'Libre Caslon Text', serif; font-size: 1.4rem; color: #fcfaf7; margin-bottom: 0.75rem; }
.cta-inline p { color: rgba(252,250,247,0.8); margin-bottom: 1.25rem; font-size: 0.95rem; }

/* Caja destacada (navy) */
.highlight-box { background: #0a1628; color: #fcfaf7; padding: 1.5rem; margin: 2rem 0; }
.highlight-box p { color: rgba(252,250,247,0.9); margin: 0; line-height: 1.7; }
.highlight-box strong { color: #c5a059; }