/* DRONCORE · blog y páginas legales con la línea v5.
   Se carga después de styles.css y web-v5.css: recolorea lo que styles.css sigue pintando
   (artículos, newsletters, legales) sin tocar su maquetación. */
:root {
  --bg: #041114;
  --bg-soft: #0a2328;
  --card: rgba(15, 48, 54, .62);
  --muted: #9fb9bb;
  --brand: #21505b;
  --brand-2: #7fd1cb;
  --line: rgba(127, 209, 203, .16);
  --header-height: 72px;
}
html { background: #041114 !important; }
body { background: radial-gradient(ellipse 110% 70% at 55% 0%, #143c44 0%, #0a2328 38%, #041114 78%) no-repeat, #041114 !important; background-attachment: scroll !important; font-family: Poppins, Arial, Helvetica, sans-serif; }
body, p, li { color: #c9dcdd; }
h1, h2, h3, h4 { font-family: Poppins, Arial, sans-serif; color: #f2f7f6; letter-spacing: -.01em; }
main { padding-top: clamp(1.5rem, 4vw, 3rem); padding-bottom: clamp(2rem, 5vw, 4rem); }
main a:not(.btn) { color: #7fd1cb; }
.blog-feature-kicker, .eyebrow { display: inline-flex; align-items: center; gap: .6rem; color: #7fd1cb !important; font-size: .76rem !important; font-weight: 600 !important; letter-spacing: .16em !important; text-transform: uppercase; }
.blog-feature-kicker::before, .eyebrow::before { content: ""; width: 0; height: 0; border-left: 8px solid #7fd1cb; border-top: 5px solid transparent; border-bottom: 5px solid transparent; }
main .card, .saas-newsletter, .blog-feature-card, .legal-page .card { background: rgba(10, 35, 40, .72) !important; border: 1px solid rgba(127, 209, 203, .16) !important; border-radius: 20px !important; box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .6) !important; }
.blog-feature-card img, .blog-card-cover img, .screenshot-placeholder img, .fire-media img, .webinar-media img { border-radius: 12px; }
.screenshot-placeholder { background: transparent !important; border: 0 !important; box-shadow: none !important; }
.newsletter-divider { border: 0; border-top: 1px solid rgba(127, 209, 203, .16); }
.legal-content p, .legal-content li { color: #c9dcdd; }
.legal-content h1, .legal-content h2, .legal-content h3 { color: #f2f7f6; }
.legal-content a { color: #7fd1cb; }
main .btn, main button.btn { border-radius: 999px; font-family: Poppins, sans-serif; font-weight: 600; }
.cta-strong, main .btn:not(.btn-ghost) { background: #f47b45 !important; border-color: #f47b45 !important; color: #fff !important; box-shadow: none !important; }
main input[type="email"], main input[type="text"] { border-radius: 12px; border: 1px solid rgba(127, 209, 203, .16); background: rgba(4, 17, 20, .7); color: #f2f7f6; font-family: Poppins, sans-serif; }
/* el reveal de styles.css (clase .visible) convive con el de v5 (.in) */
.reveal.visible { opacity: 1 !important; transform: none !important; }
main h1, main h2, main h3 { text-transform: none !important; font-weight: 600 !important; letter-spacing: -.02em !important; }
main h1 { font-size: clamp(2rem, 4.4vw, 3.2rem) !important; line-height: 1.1 !important; }
main h2 { font-size: clamp(1.4rem, 2.6vw, 2.1rem) !important; line-height: 1.15 !important; }