.dap-enganche{--enganche-color:var(--accent,#f97316);background:var(--bg-base)}.dap-enganche-hero{background:linear-gradient(135deg, color-mix(in oklab, var(--enganche-color) 78%, #0f172a) 0%, color-mix(in oklab, var(--enganche-color) 28%, #0f172a) 100%);color:#fff;text-align:center;padding:5rem 1.5rem 4.5rem;position:relative;overflow:hidden}.dap-enganche-hero:before{content:"";background:radial-gradient(circle at 30% 30%,#ffffff14,#0000 60%);position:absolute;inset:0}.dap-enganche-hero>*{position:relative}.dap-enganche-badge{letter-spacing:.14em;text-transform:uppercase;color:var(--enganche-color);background:#fffffff2;border-radius:999px;margin-bottom:1.25rem;padding:.4rem .85rem;font-size:.72rem;font-weight:800;display:inline-block}.dap-enganche-hero h1{letter-spacing:-.025em;max-width:820px;margin:0 auto .85rem;font-size:clamp(1.85rem,4.5vw,3.2rem);font-weight:600;line-height:1.15}.dap-enganche-hero p{color:#ffffffd1;max-width:640px;margin:0 auto;font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.6}.dap-enganche-benefits,.dap-enganche-steps,.dap-enganche-tools,.dap-enganche-extra{max-width:1100px;margin:0 auto;padding:4rem 1.5rem}.dap-enganche-benefits h2,.dap-enganche-steps h2,.dap-enganche-tools h2{letter-spacing:-.015em;text-align:center;margin-bottom:2rem;font-size:clamp(1.35rem,2.2vw,1.85rem);font-weight:700}.dap-enganche-benefits-grid{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (min-width:640px){.dap-enganche-benefits-grid{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.dap-enganche-benefits-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.dap-enganche-benefit{background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;padding:1.5rem;transition:border-color .2s,transform .2s}.dap-enganche-benefit:hover{border-color:var(--enganche-color);transform:translateY(-2px)}.dap-enganche-benefit-icon{margin-bottom:.75rem;font-size:2rem;display:block}.dap-enganche-benefit h3{margin-bottom:.4rem;font-size:1rem;font-weight:700}.dap-enganche-benefit p{color:var(--text-secondary);font-size:.92rem;line-height:1.55}.dap-enganche-steps{background:var(--bg-surface);border:1px solid var(--border);border-radius:18px}.dap-enganche-steps-list{gap:1.25rem;max-width:720px;margin:0 auto;padding:0;list-style:none;display:grid}.dap-enganche-step{border-bottom:1px solid var(--border);gap:1.25rem;padding:1.25rem 0;display:flex}.dap-enganche-step:last-child{border-bottom:none;padding-bottom:0}.dap-enganche-step-num{background:color-mix(in oklab, var(--enganche-color) 14%, transparent);width:44px;height:44px;color:var(--enganche-color);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-family:Outfit,sans-serif;font-size:1rem;font-weight:800;display:inline-flex}.dap-enganche-step h3{margin-bottom:.3rem;font-size:1.05rem;font-weight:700}.dap-enganche-step p{color:var(--text-secondary);font-size:.93rem;line-height:1.55}.dap-enganche-tools-sub{text-align:center;color:var(--text-muted);margin-top:-1.25rem;margin-bottom:1.75rem;font-size:.95rem}.dap-enganche-tools-grid{grid-template-columns:1fr;gap:.85rem;display:grid}@media (min-width:640px){.dap-enganche-tools-grid{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.dap-enganche-tools-grid{grid-template-columns:repeat(3,1fr)}}.dap-enganche-tool{background:color-mix(in oklab, var(--enganche-color) 6%, var(--bg-surface));border:1px solid color-mix(in oklab, var(--enganche-color) 25%, var(--border));border-radius:12px;flex-direction:column;gap:.4rem;padding:1rem 1.25rem;display:flex}.dap-enganche-tool-icon{font-size:1.5rem;line-height:1}.dap-enganche-tool h3{font-size:.95rem;font-weight:700}.dap-enganche-tool p{color:var(--text-secondary);font-size:.85rem;line-height:1.45}.dap-enganche-cta{color:#fff;text-align:center;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);padding:4rem 1.5rem;position:relative;overflow:hidden}.dap-enganche-cta:before{content:"";background:radial-gradient(circle at center, color-mix(in oklab, var(--enganche-color) 22%, transparent), transparent 60%);position:absolute;inset:0}.dap-enganche-cta>*{position:relative}.dap-enganche-cta h2{letter-spacing:-.02em;margin-bottom:.85rem;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700}.dap-enganche-cta p{color:#ffffffc7;max-width:540px;margin:0 auto 2rem;font-size:1.05rem;line-height:1.6}.dap-enganche-cta-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.dap-enganche-cta-btn{border-radius:12px;justify-content:center;align-items:center;min-width:220px;padding:.95rem 1.85rem;font-size:.98rem;font-weight:700;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex}.dap-enganche-cta-btn.primary{background:var(--enganche-color);color:#0f172a}.dap-enganche-cta-btn.primary:hover{background:color-mix(in oklab, var(--enganche-color) 80%, white);transform:translateY(-1px)}.dap-enganche-cta-btn.ghost{color:#fff;background:0 0;border:1px solid #ffffff40}.dap-enganche-cta-btn.ghost:hover{background:#ffffff0f;border-color:#ffffff80}.dap-enganche-extra{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);border-radius:14px;padding:1.5rem 1.75rem;font-size:.92rem;line-height:1.6}
