/* Embudo product system: a shared commercial language, not a shared template. */
:root { --embudo-ink:#061423; --embudo-paper:#f3f6f8; --embudo-white:#fff; --embudo-line:rgba(6,20,35,.14); --embudo-orange:#f2a25a; --embudo-green:#c8ff2e; --embudo-blue:#2580a0; }
body.embudo-product { --accent:var(--embudo-green); background:var(--embudo-paper)!important; color:var(--embudo-ink)!important; font-family:Inter,Arial,sans-serif!important; overflow-x:hidden; }
body.embudo-levantar { --accent:#78c5e1; } body.embudo-cobranzas { --accent:var(--embudo-orange); }
body.embudo-product .container { width:min(1240px,calc(100% - 48px))!important; max-width:none!important; margin-inline:auto!important; }
body.embudo-product .header, body.embudo-product header:not(.footer) { position:relative!important; z-index:5; width:100%!important; padding:18px 0!important; background:var(--embudo-ink)!important; border-bottom:1px solid rgba(255,255,255,.15)!important; box-shadow:none!important; }
body.embudo-product > nav { position:relative!important; z-index:5!important; width:100%!important; max-width:none!important; min-height:76px!important; padding:18px max(24px,calc((100% - 1240px)/2))!important; background:var(--embudo-ink)!important; border-bottom:1px solid rgba(255,255,255,.15)!important; box-sizing:border-box!important; }
body.embudo-product > nav .logo span { color:var(--accent)!important; }
body.embudo-cobranzas > nav .logo span { display:none!important; }
body.embudo-product .nav { min-height:44px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:24px!important; }
body.embudo-product .brand-logo { width:auto!important; height:30px!important; max-width:180px!important; filter:none!important; }
body.embudo-product .nav-links { display:flex!important; gap:20px!important; align-items:center!important; }
body.embudo-product .nav-links a, body.embudo-product .header .nav a { color:#fff!important; font-size:12px!important; font-weight:800!important; letter-spacing:.07em!important; text-transform:uppercase!important; }
body.embudo-product .nav-links .button, body.embudo-product .nav .button, body.embudo-product .cta-sm { color:var(--embudo-ink)!important; background:var(--accent)!important; border:1px solid var(--accent)!important; border-radius:0!important; padding:12px 16px!important; }
body.embudo-product .hero { position:relative!important; isolation:isolate; overflow:hidden!important; min-height:620px!important; display:flex!important; align-items:center!important; padding:92px 0 80px!important; background:var(--embudo-ink)!important; color:#fff!important; }
body.embudo-product .hero:before { content:""; position:absolute; z-index:-1; inset:-35% -10% auto 38%; height:720px; opacity:.7; background:radial-gradient(circle at 45% 45%,color-mix(in srgb,var(--accent) 45%,transparent),transparent 16%),repeating-linear-gradient(115deg,transparent 0 40px,rgba(255,255,255,.1) 41px 42px,transparent 43px 80px); transform:rotate(-8deg); }
body.embudo-product .hero-grid { align-items:center!important; gap:clamp(28px,7vw,100px)!important; }
body.embudo-product .hero h1 { color:#fff!important; font-size:clamp(3.3rem,7vw,6.8rem)!important; line-height:.91!important; max-width:850px!important; letter-spacing:-.075em!important; margin-bottom:24px!important; }
body.embudo-product .hero h1 strong, body.embudo-product .hero h1 em { color:var(--accent)!important; font-style:normal!important; }
body.embudo-inmo .hero .eyebrow { color:var(--accent)!important; }
body.embudo-product .hero-lead, body.embudo-product .hero p { color:rgba(255,255,255,.76)!important; font-size:clamp(1.05rem,1.6vw,1.34rem)!important; line-height:1.55!important; max-width:620px!important; }
body.embudo-product .hero-actions { display:flex!important; flex-wrap:wrap!important; gap:12px!important; margin-top:34px!important; }
body.embudo-product .button, body.embudo-product button[type=submit], body.embudo-product input[type=submit] { border-radius:0!important; box-shadow:none!important; font-weight:850!important; letter-spacing:.03em!important; }
body.embudo-product .button.primary, body.embudo-product .hero .button, body.embudo-product button[type=submit] { background:var(--accent)!important; border-color:var(--accent)!important; color:var(--embudo-ink)!important; }
body.embudo-product .button.secondary { color:#fff!important; border-color:rgba(255,255,255,.45)!important; background:transparent!important; }
body.embudo-product .lead-card, body.embudo-product .room-card, body.embudo-product .hero-visual, body.embudo-product .hero-metrics { border-radius:0!important; border:1px solid rgba(255,255,255,.25)!important; box-shadow:16px 16px 0 rgba(200,255,46,.16)!important; }
/* The Inmo operations panel sits inside a dark hero but is itself a light interface. */
body.embudo-inmo .ops-panel, body.embudo-inmo .ops-panel .panel-top strong, body.embudo-inmo .ops-panel .lead-card b, body.embudo-inmo .ops-panel .metric strong { color:var(--embudo-ink)!important; }
body.embudo-inmo .ops-panel .lead-card small, body.embudo-inmo .ops-panel .metric span { color:#425160!important; }
body.embudo-product .logos { background:var(--accent)!important; padding:22px 0!important; color:var(--embudo-ink)!important; border:0!important; }
body.embudo-product .logos p, body.embudo-product .logo-words { color:var(--embudo-ink)!important; }
body.embudo-product .logo-words span { font-weight:900!important; letter-spacing:.08em!important; text-transform:uppercase!important; }
body.embudo-product section:not(.hero), body.embudo-product .stats { padding:clamp(72px,10vw,132px) 0!important; background:var(--embudo-paper)!important; color:var(--embudo-ink)!important; }
body.embudo-product section:nth-of-type(even):not(.hero) { background:var(--embudo-white)!important; }
body.embudo-product .section-head { max-width:800px!important; margin-bottom:42px!important; }
body.embudo-product .section-head.center { margin-inline:auto!important; }
body.embudo-product .section-head h2, body.embudo-product section h2 { color:var(--embudo-ink)!important; font-size:clamp(2.35rem,5vw,4.9rem)!important; line-height:.98!important; letter-spacing:-.065em!important; }
body.embudo-product .section-head p, body.embudo-product section p { color:#425160!important; line-height:1.65!important; }
body.embudo-product .pain-grid, body.embudo-product .agent-grid, body.embudo-product .deliverable-grid, body.embudo-product .plan-grid, body.embudo-product .pricing-grid, body.embudo-product .cases-grid, body.embudo-product .faq-grid { gap:2px!important; }
body.embudo-product .pain-card, body.embudo-product .agent-card, body.embudo-product .deliverable-card, body.embudo-product .plan, body.embudo-product .price-card, body.embudo-product .case-card, body.embudo-product .obj-card, body.embudo-product .faq-item { border:1px solid var(--embudo-line)!important; border-radius:0!important; box-shadow:none!important; background:#fff!important; padding:30px!important; transition:transform .22s ease,background .22s ease!important; }
body.embudo-product .pain-card:hover, body.embudo-product .agent-card:hover, body.embudo-product .deliverable-card:hover, body.embudo-product .case-card:hover { transform:translate(-5px,-5px)!important; background:var(--accent)!important; }
body.embudo-product .pain-card h3, body.embudo-product .agent-card h3, body.embudo-product .deliverable-card h3, body.embudo-product .plan h3, body.embudo-product .price-card h3, body.embudo-product .case-card h3, body.embudo-product .obj-card h3 { color:var(--embudo-ink)!important; font-size:1.25rem!important; }
/* These sections deliberately break the light/dark rhythm; keep their surface and copy paired. */
body.embudo-product section.workflow:not(.hero), body.embudo-product section.method:not(.hero), body.embudo-product section.risk:not(.hero), body.embudo-product section.stats:not(.hero) { background:var(--embudo-ink)!important; color:#fff!important; }
body.embudo-product .workflow h2, body.embudo-product .method h2, body.embudo-product .risk h2, body.embudo-product .workflow h3, body.embudo-product .method h3, body.embudo-product .risk h3 { color:#fff!important; }
body.embudo-product .workflow p, body.embudo-product .method p, body.embudo-product .risk p { color:rgba(255,255,255,.7)!important; }
body.embudo-product .workflow-item, body.embudo-product .workflow-item strong, body.embudo-product .workflow-item p, body.embudo-product .dashboard-card, body.embudo-product .dashboard-card strong, body.embudo-product .dashboard-card h4, body.embudo-product .dashboard-card .deal { color:var(--embudo-ink)!important; }
body.embudo-product .workflow-item p, body.embudo-product .dashboard-card .deal small { color:#425160!important; }
body.embudo-product .method .time-step, body.embudo-product .method .time-step h3 { color:var(--embudo-ink)!important; }
body.embudo-product .method .time-step p { color:#425160!important; }
body.embudo-product .risk-panel > div:not(.score), body.embudo-product .risk-panel > div:not(.score) h2, body.embudo-product .risk-panel > div:not(.score) strong { color:var(--embudo-ink)!important; }
body.embudo-product .risk-panel > div:not(.score) .risk-item span { color:#425160!important; }
/* Explicit surface/content pairing for Levantar's white cards inside dark sections. */
body.embudo-levantar section.method .timeline .time-step h3 { color:#061423!important; }
body.embudo-levantar section.method .timeline .time-step p { color:#425160!important; }
body.embudo-levantar section.risk .risk-panel > div:not(.score) h2 { color:#061423!important; }
body.embudo-product .dashboard-card, body.embudo-product .risk-panel, body.embudo-product .step, body.embudo-product .method-step { border-radius:0!important; box-shadow:none!important; }
body.embudo-product .stats { color:#fff!important; padding:44px 0!important; }
body.embudo-product .stat strong, body.embudo-product .stat span, body.embudo-product .stats strong { color:var(--accent)!important; }
body.embudo-product .plan.featured, body.embudo-product .price-card.featured { border:2px solid var(--accent)!important; transform:none!important; }
body.embudo-product section.cta:not(.hero), body.embudo-product section.cta-final:not(.hero) { background:var(--accent)!important; color:var(--embudo-ink)!important; padding:clamp(72px,10vw,124px) 0!important; }
body.embudo-product .cta h2, body.embudo-product .cta h3, body.embudo-product .cta-final h2, body.embudo-product .cta-final h3, body.embudo-product .cta p, body.embudo-product .cta-final p { color:var(--embudo-ink)!important; }
body.embudo-product .cta .eyebrow, body.embudo-product .cta-list, body.embudo-product .cta-list span { color:var(--embudo-ink)!important; }
body.embudo-product .cta-list span::before { color:var(--embudo-ink)!important; }
body.embudo-product .contact-card, body.embudo-product .cta-final form { background:var(--embudo-ink)!important; color:#fff!important; border-radius:0!important; box-shadow:14px 14px 0 rgba(6,20,35,.24)!important; }
body.embudo-product .contact-card label, body.embudo-product .contact-card h3 { color:#fff!important; }
body.embudo-product .contact-card input, body.embudo-product .contact-card textarea, body.embudo-product .contact-card select, body.embudo-product .cta-final input, body.embudo-product .cta-final textarea, body.embudo-product .cta-final select { border-radius:0!important; border-color:rgba(255,255,255,.35)!important; background:#0d2237!important; color:#fff!important; }
body.embudo-product .footer, body.embudo-product footer { padding:52px 0!important; background:var(--embudo-ink)!important; color:rgba(255,255,255,.7)!important; border-top:1px solid rgba(255,255,255,.16)!important; }
body.embudo-product .footer a, body.embudo-product footer a { color:#fff!important; }
body.embudo-product .footer-logo { height:26px!important; width:auto!important; }
body.embudo-cobranzas .hero .btn-outline { color:#fff!important; background:transparent!important; border:1px solid rgba(255,255,255,.48)!important; }
body.embudo-cobranzas .hero .btn-outline:hover { color:var(--embudo-ink)!important; background:#fff!important; }
body.embudo-cobranzas .hero .btn-primary { background:var(--accent)!important; color:var(--embudo-ink)!important; }
body.embudo-cobranzas .hero-metrics .metric .num { color:var(--accent)!important; }
body.embudo-cobranzas .hero-metrics .metric .label { color:rgba(255,255,255,.72)!important; }
body.embudo-cobranzas .hero-metrics .metric .num span { color:var(--embudo-ink)!important; }
/* Inmo uses lime as a signal, never as body copy on a light surface. */
body.embudo-inmo section:not(.workflow):not(.cta) .eyebrow,
body.embudo-inmo section:not(.workflow):not(.cta) .agent .num,
body.embudo-inmo section:not(.workflow):not(.cta) .time-step span,
body.embudo-inmo section:not(.workflow):not(.cta) .plan li::before,
body.embudo-inmo section:not(.workflow):not(.cta) summary::after,
body.embudo-inmo section:not(.workflow):not(.cta) .live,
body.embudo-inmo section:not(.workflow):not(.cta) .tag.warm { color:#145c4b!important; }
body.embudo-inmo .contact-card .form-note { color:rgba(255,255,255,.72)!important; }
@media (max-width:760px) { body.embudo-product .container { width:calc(100% - 32px)!important; } body.embudo-product .nav-links { display:none!important; } body.embudo-product .hero { min-height:0!important; padding:68px 0 56px!important; } body.embudo-product .hero .container { width:calc(100vw - 32px)!important; max-width:calc(100vw - 32px)!important; } body.embudo-product .hero-grid, body.embudo-product .hero-grid > * { width:100%!important; max-width:100%!important; min-width:0!important; } body.embudo-product .hero-grid { grid-template-columns:minmax(0,1fr)!important; } body.embudo-product .hero h1 { font-size:clamp(2.25rem,11vw,3rem)!important; max-width:100%!important; white-space:normal!important; overflow-wrap:anywhere!important; word-break:break-word!important; } body.embudo-product .hero-lead { font-size:.96rem!important; overflow-wrap:anywhere!important; } body.embudo-product .proof-strip { gap:8px!important; } body.embudo-product .proof-pill { max-width:100%!important; white-space:normal!important; } body.embudo-product section:not(.hero) { padding:66px 0!important; } body.embudo-product .pain-card,body.embudo-product .agent-card,body.embudo-product .deliverable-card,body.embudo-product .plan,body.embudo-product .price-card,body.embudo-product .case-card,body.embudo-product .obj-card,body.embudo-product .faq-item { padding:24px!important; } }