/* =========================================================
   EMMA — estilos pagina Producto (v2.0, child theme v2.1)
   Scopeado bajo .emma-producto. Compatible con bloques Gutenberg
   (layout de filas via .wp-block-columns). Texto = bloques editables.
   Naranja #FD830D exclusivo CTAs · verde solo dato positivo · Inter + Rubik.
   ========================================================= */
.emma-producto{
  --morado:#4D4A9E; --deep:#3A3877; --violet:#AC92EC;
  --green:#8DC049; --green-deep:#6FA033; --orange:#FD830D;
  --slate:#516377; --ink:#2c2a4a; --surface:#F6F6FB; --card:#fff;
  --line:#ECECEE; --line2:#DDDDE3; --radius:18px; --radius-sm:12px;
  --shadow-sm:0 1px 2px rgba(58,56,119,.06),0 8px 24px rgba(58,56,119,.05);
  --shadow-md:0 2px 6px rgba(58,56,119,.08),0 24px 60px rgba(58,56,119,.10);
  font-family:'Inter',system-ui,sans-serif;color:var(--slate);line-height:1.65;background:var(--card);
}
.emma-producto :where(h1,h2,h3){color:var(--morado);line-height:1.12;letter-spacing:-.02em;margin:0}
.emma-producto p{margin:0}
.emma-producto .emma-sec{padding:76px 24px}
.emma-producto .emma-sec > *{max-width:1160px;margin-left:auto;margin-right:auto}
.emma-producto .is-surface{background:var(--surface)}
.emma-producto .emma-center{text-align:center}
.emma-producto .eyebrow{font-family:'Rubik',sans-serif;font-weight:600;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--morado);display:inline-flex;align-items:center;gap:9px;margin-bottom:14px}
.emma-producto .eyebrow::before{content:"";width:22px;height:2px;background:var(--green);border-radius:2px}
.emma-producto .emma-center .eyebrow{justify-content:center}
.emma-producto .lead{font-size:17px;font-weight:400;line-height:1.55;color:var(--slate)}
.emma-producto .emma-head{max-width:680px}
.emma-producto .wp-block-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.emma-producto .emma-center .wp-block-buttons{justify-content:center}
.emma-producto .wp-block-button__link{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:15px;padding:13px 22px;border-radius:11px;border:1px solid transparent;text-decoration:none;transition:.18s ease}
.emma-producto .is-style-emma-cta .wp-block-button__link{background:var(--orange);color:#fff;box-shadow:0 6px 18px rgba(253,131,13,.32)}
.emma-producto .is-style-emma-cta .wp-block-button__link:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(253,131,13,.42)}
.emma-producto .is-style-emma-ghost .wp-block-button__link{background:transparent;color:var(--morado);border-color:var(--line2)}
.emma-producto .is-style-emma-ghost .wp-block-button__link:hover{border-color:var(--morado)}
.emma-producto .anchornav{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:30px}
.emma-producto .anchornav a{font-size:13.5px;font-weight:600;color:var(--morado);background:#fff;border:1px solid var(--line);padding:8px 14px;border-radius:999px;transition:.15s ease;text-decoration:none}
.emma-producto .anchornav a:hover{border-color:var(--morado);background:var(--surface)}
.emma-producto .emma-row .wp-block-columns{max-width:1080px;margin:0 auto;align-items:center;gap:52px}
.emma-producto .emma-row-reverse .wp-block-columns{flex-direction:row-reverse}
.emma-producto .emma-row h2{font-size:28px}
.emma-producto .emma-row .lead{font-size:16px;margin-top:10px}
.emma-producto .mod-ico{width:42px;height:42px;border-radius:11px;background:rgba(77,74,158,.08);display:grid;place-items:center;margin-bottom:14px}
.emma-producto .mod-ico svg{width:22px;height:22px;stroke:var(--morado);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.emma-producto .mod-list{list-style:none;padding:0;margin:18px 0 0}
.emma-producto .mod-list li{position:relative;padding-left:26px;margin:9px 0;color:var(--slate);font-size:15px}
.emma-producto .mod-list li::before{content:"";position:absolute;left:0;top:10px;width:14px;height:3px;border-radius:2px;background:var(--green)}
.emma-producto .shot{aspect-ratio:16/10;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow-md);background:var(--surface);display:grid;place-items:center;text-align:center;padding:22px;background-image:linear-gradient(rgba(77,74,158,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(77,74,158,.04) 1px,transparent 1px);background-size:26px 26px}
.emma-producto .shot .slot{max-width:340px}
.emma-producto .shot .slot b{color:var(--morado);display:block;margin-bottom:6px;font-size:14px}
.emma-producto .shot .slot span{font-size:12.5px;color:#9a9ab0}
.emma-producto .mini-gap{width:100%;max-width:360px}
.emma-producto .emma-feature{background:linear-gradient(160deg,var(--deep),var(--morado));color:#fff}
.emma-producto .emma-feature :where(h1,h2,h3){color:#fff}
.emma-producto .emma-feature h2{font-size:34px}
.emma-producto .emma-feature .eyebrow{color:#c9bef0}
.emma-producto .emma-feature .lead,
.emma-producto .emma-feature .mod-list li{color:rgba(255,255,255,.88)}
.emma-producto .emma-feature .shot{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.16);background-image:none}
.emma-producto .emma-feature .shot .slot b{color:#fff}
.emma-producto .emma-feature .shot .slot span{color:rgba(255,255,255,.65)}
.emma-producto .emma-final{background:linear-gradient(160deg,var(--deep),var(--morado));color:#fff;position:relative;overflow:hidden;text-align:center}
.emma-producto .emma-final::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(141,192,73,.16),transparent 45%)}
.emma-producto .emma-final > *{position:relative;z-index:1}
.emma-producto .emma-final h2{color:#fff;font-size:36px;font-weight:800}
.emma-producto .emma-final p{color:rgba(255,255,255,.85);font-size:18px;margin-top:14px}
.emma-producto .emma-final .is-style-emma-ghost .wp-block-button__link{color:#fff;border-color:rgba(255,255,255,.4)}
.emma-producto .form-slot{max-width:520px;margin:26px auto 0;background:rgba(255,255,255,.08);border:1px dashed rgba(255,255,255,.35);border-radius:14px;padding:20px;color:rgba(255,255,255,.75);font-size:13px;font-style:italic}
@media (max-width:900px){
  .emma-producto .emma-row .wp-block-columns,
  .emma-producto .emma-row-reverse .wp-block-columns{flex-direction:column;gap:26px}
  .emma-producto .emma-sec{padding:56px 20px}
  .emma-producto .emma-feature h2{font-size:28px}
  .emma-producto .emma-final h2{font-size:28px}
}
@media (prefers-reduced-motion:reduce){
  .emma-producto .is-style-emma-cta .wp-block-button__link:hover{transform:none}
}

/* H1 del intro */
.emma-producto .emma-head h1{font-size:46px;font-weight:800;letter-spacing:-.03em;line-height:1.06;margin-bottom:16px}
.emma-producto .emma-head .lead{margin:0 auto}

/* v3.1 — titulares Inter Light + tracking abierto */
.emma-producto .emma-head h1{font-weight:400;letter-spacing:-.012em}
.emma-producto .emma-row h2,.emma-producto .emma-feature h2,.emma-producto .emma-final h2{font-weight:400;letter-spacing:-.01em}

/* v7.4 — audit de espaciado: la bajada del hero (.emma-head .lead) tenia
   margin:0 auto (top 0) y quedaba pegada al H1. */
.emma-producto .emma-head .lead{margin-top:12px}

/* ===== v7.18 · ENLACES a las páginas de funciones (ciclo) ===== */
.emma-producto .mod-link{margin-top:20px;font-size:14.5px;font-weight:600}
.emma-producto .mod-link a{display:inline-block;color:var(--morado);text-decoration:none;border-bottom:1px solid rgba(77,74,158,.28);padding-bottom:2px;transition:color .15s ease,border-color .15s ease}
.emma-producto .mod-link a:hover{color:var(--deep);border-bottom-color:var(--morado)}
.emma-producto .emma-feature .mod-link a{color:#fff;border-bottom-color:rgba(255,255,255,.45)}
.emma-producto .emma-feature .mod-link a:hover{color:#fff;border-bottom-color:#fff}