/* RadioAds360 — /aprende: artículo de contenido + FAQ + formulario de captura. Complementa /radio/market.css
   (que trae mk-nav y mk-foot). Sistema visual actual: Plus Jakarta Sans, verde #16a34a. Responsive. */
:root{ --ink:#0f1115; --muted:#5b626f; --muted2:#8b919c; --border:#e8eaec; --green:#16a34a; --green3:#15803d;
  --green-tint:#f0fdf4; --bg:#f5f7f5; }
.learn{ font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; background:var(--bg); color:var(--ink);
  padding:34px 18px 72px; }
.art{ max-width:760px; margin:0 auto; }
.art-eyebrow{ text-transform:uppercase; letter-spacing:.08em; font-size:12px; font-weight:800; color:var(--green3); }
.art h1{ font-size:clamp(28px,5vw,40px); font-weight:800; letter-spacing:-.02em; line-height:1.12; margin:8px 0 14px; }
.art-lede{ font-size:19px; line-height:1.6; color:var(--muted); margin:0 0 20px; }
.art-cta{ display:inline-flex; align-items:center; gap:8px; background:linear-gradient(135deg,var(--green),var(--green3));
  color:#fff; text-decoration:none; font-weight:700; font-size:15px; border-radius:12px; padding:12px 20px; margin-bottom:12px;
  box-shadow:0 12px 26px -12px rgba(22,163,74,.55); }
.art-sec{ margin:26px 0; }
.art-sec h2{ font-size:clamp(21px,3.5vw,27px); font-weight:800; letter-spacing:-.01em; margin:0 0 10px; }
.art-sec h3{ font-size:18px; font-weight:700; margin:18px 0 6px; }
.art-sec p{ font-size:17px; line-height:1.72; color:#2b2f36; margin:0 0 14px; }
.art-sec ul,.art-sec ol{ font-size:17px; line-height:1.72; color:#2b2f36; padding-left:22px; margin:0 0 14px; }
.art-sec li{ margin:6px 0; }
.art-sec a{ color:var(--green3); }
/* AVISO DESTACADO — callout honesto dentro del artículo (regla, advertencia). */
.art-sec .aviso{ background:#fffbeb; border-left:4px solid #d97706; border-radius:0 12px 12px 0; padding:14px 18px; margin:18px 0; }
.art-sec .aviso p{ font-size:16px; color:#3a2f1a; margin:0; }
.art-sec .aviso strong{ font-weight:800; }
.art-sec table{ width:100%; border-collapse:collapse; font-size:15px; margin:0 0 16px; }
.art-sec th,.art-sec td{ border:1px solid var(--border); padding:9px 11px; text-align:left; }
.art-sec th{ background:#fff; font-weight:800; }

/* FAQ */
.art-faq{ max-width:760px; margin:34px auto 0; }
.art-faq h2{ font-size:24px; font-weight:800; margin:0 0 12px; }
.faq-item{ background:#fff; border:1px solid var(--border); border-radius:12px; margin:0 0 10px; overflow:hidden; }
.faq-item summary{ cursor:pointer; padding:15px 16px; font-weight:700; font-size:16px; list-style:none; display:flex; justify-content:space-between; gap:12px; }
.faq-item summary::-webkit-details-marker{ display:none; }
.faq-item summary::after{ content:'+'; color:var(--green3); font-weight:800; }
.faq-item[open] summary::after{ content:'–'; }
.faq-item>div{ padding:0 16px 15px; color:#2b2f36; font-size:16px; line-height:1.7; }

/* Formulario de captura */
.lead-wrap{ max-width:760px; margin:30px auto 0; }
.lead-form{ background:#fff; border:1px solid var(--border); border-radius:16px; padding:20px; box-shadow:0 10px 30px -18px rgba(16,24,40,.18); }
.lead-mid .lead-form{ background:var(--green-tint); border-color:#bbf7d0; }
.lf-head{ margin-bottom:14px; }
.lf-head b{ font-size:18px; } .lf-head span{ display:block; color:var(--muted); font-size:14px; margin-top:2px; }
.lf-grid{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.lf-grid label{ display:flex; flex-direction:column; gap:5px; font-size:13px; font-weight:700; color:#3a3f47; }
.lf-grid .lf-full{ grid-column:1 / -1; }
.lf-grid .opt{ color:var(--muted2); font-weight:500; }
.lf-grid input,.lf-grid select,.lf-grid textarea{ font-family:inherit; font-size:15px; font-weight:500; color:var(--ink);
  border:1px solid var(--border); border-radius:10px; padding:10px 12px; background:#fff; width:100%; }
.lf-grid textarea{ resize:vertical; }
.lf-grid input:focus,.lf-grid select:focus,.lf-grid textarea:focus{ outline:2px solid var(--green); outline-offset:0; border-color:var(--green); }
.lf-consent{ display:flex; align-items:flex-start; gap:9px; margin:14px 0 4px; font-size:13.5px; color:#3a3f47; }
.lf-consent input{ margin-top:2px; width:16px; height:16px; accent-color:var(--green); }
.lf-consent a{ color:var(--green3); font-weight:700; }
.lf-hp{ position:absolute; left:-9999px; width:1px; height:1px; opacity:0; }   /* honeypot antispam */
.lead-form button{ margin-top:12px; width:100%; border:0; border-radius:11px; padding:13px; font-family:inherit;
  font-weight:800; font-size:15px; color:#fff; background:linear-gradient(135deg,var(--green),var(--green3)); cursor:pointer; }
.lead-form button:disabled{ opacity:.6; cursor:default; }
.lf-msg{ margin:10px 0 0; font-size:13.5px; font-weight:600; color:var(--muted); }
.lf-msg.err{ color:#b91c1c; }
.lf-done{ text-align:center; padding:18px; color:var(--green3); font-size:16px; }

@media(max-width:560px){ .lf-grid{ grid-template-columns:1fr; } .art-sec p,.art-sec ul,.art-sec ol{ font-size:16px; } }