.elementor-26 .elementor-element.elementor-element-1a49f86{--display:flex;}.elementor-26 .elementor-element.elementor-element-1a49f86.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-26 .elementor-element.elementor-element-1a49f86{--width:83.543%;}}/* Start custom CSS for html, class: .elementor-element-a2a8e43 */@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,700;1,9..40,300&family=DM+Mono:wght@400;500&display=swap');

#lp { all: initial !important; display: block !important; font-family: 'DM Sans', sans-serif !important; font-size: 17px !important; line-height: 1.65 !important; color: #f0ece4 !important; background: #0a0a0a !important; -webkit-font-smoothing: antialiased !important; overflow-x: hidden !important; width: 100% !important; }
#lp *, #lp *::before, #lp *::after { box-sizing: border-box !important; }
#lp h1, #lp h2, #lp h3, #lp h4, #lp h5 { font-family: 'Bebas Neue', sans-serif !important; font-weight: 400 !important; line-height: 1 !important; letter-spacing: 0.02em !important; color: #ffffff !important; margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; text-transform: none !important; }
#lp p, #lp li, #lp span, #lp a, #lp label, #lp input, #lp textarea, #lp select, #lp button { font-family: 'DM Sans', sans-serif !important; margin: 0 !important; padding: 0 !important; }
#lp ul, #lp ol { list-style: none !important; margin: 0 !important; padding: 0 !important; }
#lp a { text-decoration: none !important; color: #d4ff00 !important; }

/* UTILIDADES */
#lp .w { max-width: 1100px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 24px !important; padding-right: 24px !important; }
#lp .tag { display: inline-block !important; font-family: 'DM Mono', monospace !important; font-size: 11px !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; color: #d4ff00 !important; margin-bottom: 20px !important; background: none !important; border: none !important; padding: 0 !important; }
#lp .btn { display: inline-flex !important; align-items: center !important; gap: 10px !important; background: #d4ff00 !important; color: #000000 !important; font-family: 'DM Sans', sans-serif !important; font-weight: 700 !important; font-size: 15px !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; padding: 16px 36px !important; border: none !important; border-radius: 4px !important; cursor: pointer !important; text-decoration: none !important; line-height: 1 !important; box-shadow: none !important; transition: background 0.2s, transform 0.15s !important; }
#lp .btn:hover { background: #e8ff33 !important; transform: translateY(-2px) !important; color: #000000 !important; text-decoration: none !important; }
#lp .btn svg { width: 16px !important; height: 16px !important; flex-shrink: 0 !important; fill: none !important; stroke: currentColor !important; stroke-width: 2.5 !important; stroke-linecap: round !important; stroke-linejoin: round !important; }

/* SECCIÓN BASE */
#lp .sec { display: block !important; padding-top: 96px !important; padding-bottom: 96px !important; border-top: 1px solid #252525 !important; background: #0a0a0a !important; }
#lp .sec--dark { background: #111111 !important; }
#lp .sec h2 { font-size: clamp(40px, 5vw, 72px) !important; margin-bottom: 20px !important; line-height: 0.95 !important; }
#lp .sec__intro { font-size: 17px !important; line-height: 1.7 !important; color: #b8b4ae !important; max-width: 620px !important; margin-bottom: 0 !important; display: block !important; }

/* HERO */
#lp .hero { display: block !important; position: relative !important; min-height: 100vh !important; background: #0a0a0a !important; overflow: hidden !important; padding-top: 0 !important; padding-bottom: 0 !important; border-top: none !important; }
#lp .hero__glow { position: absolute !important; inset: 0 !important; background: radial-gradient(ellipse 65% 55% at 85% 35%, rgba(212,255,0,0.08) 0%, transparent 65%), radial-gradient(ellipse 45% 45% at 10% 75%, rgba(255,92,26,0.07) 0%, transparent 55%) !important; pointer-events: none !important; z-index: 0 !important; }
#lp .hero__inner { position: relative !important; z-index: 1 !important; display: grid !important; grid-template-columns: 1fr 400px !important; gap: 64px !important; align-items: center !important; min-height: 100vh !important; padding: 80px 24px !important; max-width: 1100px !important; margin: 0 auto !important; }
#lp .hero__eyebrow { display: flex !important; align-items: center !important; gap: 14px !important; margin-bottom: 32px !important; }
#lp .hero__eyebrow-line { width: 40px !important; height: 2px !important; background: #d4ff00 !important; flex-shrink: 0 !important; display: block !important; }
#lp .hero h1 { font-size: clamp(56px, 8vw, 104px) !important; line-height: 0.9 !important; margin-bottom: 28px !important; }
#lp .hero h1 em { font-style: normal !important; color: #d4ff00 !important; }
#lp .hero__sub { font-size: 18px !important; line-height: 1.65 !important; color: #b8b4ae !important; max-width: 520px !important; margin-bottom: 36px !important; display: block !important; }
#lp .hero__bullets { display: flex !important; flex-direction: column !important; gap: 12px !important; margin-bottom: 44px !important; }
#lp .hero__bullets li { display: flex !important; align-items: flex-start !important; gap: 12px !important; font-size: 16px !important; font-weight: 500 !important; color: #f0ece4 !important; line-height: 1.4 !important; }
#lp .hero__bullets li::before { content: '✔' !important; color: #d4ff00 !important; font-size: 13px !important; margin-top: 2px !important; flex-shrink: 0 !important; }
#lp .hero__card { background: #111111 !important; border: 1px solid #252525 !important; border-radius: 8px !important; padding: 40px 36px !important; display: flex !important; flex-direction: column !important; gap: 0 !important; }
#lp .hero__stat { display: flex !important; flex-direction: column !important; gap: 4px !important; padding: 28px 0 !important; border-bottom: 1px solid #252525 !important; }
#lp .hero__stat:first-child { padding-top: 0 !important; }
#lp .hero__stat:last-child { border-bottom: none !important; padding-bottom: 0 !important; }
#lp .hero__stat-num { font-family: 'Bebas Neue', sans-serif !important; font-size: 68px !important; line-height: 1 !important; color: #d4ff00 !important; display: block !important; }
#lp .hero__stat-label { font-size: 13px !important; color: #7a7570 !important; line-height: 1.4 !important; display: block !important; }

/* PROBLEMA */
#lp .prob__grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 48px !important; margin-top: 56px !important; align-items: start !important; }
#lp .prob__list { display: flex !important; flex-direction: column !important; gap: 16px !important; }
#lp .prob__item { display: flex !important; align-items: flex-start !important; gap: 16px !important; padding: 20px !important; background: #111111 !important; border: 1px solid #252525 !important; border-left: 3px solid #ff5c1a !important; border-radius: 4px !important; }
#lp .prob__item-ico { font-size: 20px !important; flex-shrink: 0 !important; line-height: 1.4 !important; }
#lp .prob__item-txt { font-size: 15px !important; color: #f0ece4 !important; line-height: 1.5 !important; }
#lp .prob__callout { background: linear-gradient(135deg, rgba(212,255,0,0.07), rgba(255,92,26,0.05)) !important; border: 1px solid rgba(212,255,0,0.18) !important; border-radius: 8px !important; padding: 40px 36px !important; display: flex !important; flex-direction: column !important; gap: 20px !important; }
#lp .prob__callout h3 { font-family: 'Bebas Neue', sans-serif !important; font-size: 34px !important; line-height: 1.05 !important; color: #ffffff !important; }
#lp .prob__callout p { font-size: 16px !important; color: #b8b4ae !important; line-height: 1.65 !important; max-width: 100% !important; }

/* RESULTADOS */
#lp .results__row { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 20px !important; margin-top: 56px !important; }
#lp .result-card { background: #111111 !important; border: 1px solid #252525 !important; border-radius: 8px !important; padding: 36px 28px !important; position: relative !important; overflow: hidden !important; }
#lp .result-card::before { content: '' !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; height: 3px !important; background: #d4ff00 !important; display: block !important; }
#lp .result-card__num { font-family: 'Bebas Neue', sans-serif !important; font-size: 76px !important; line-height: 1 !important; color: #d4ff00 !important; display: block !important; margin-bottom: 8px !important; }
#lp .result-card__label { font-size: 15px !important; font-weight: 600 !important; color: #f0ece4 !important; display: block !important; margin-bottom: 8px !important; line-height: 1.3 !important; }
#lp .result-card p { font-size: 13px !important; color: #7a7570 !important; line-height: 1.5 !important; max-width: 100% !important; }

/* OFERTA */
#lp .steps { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 20px !important; margin-top: 56px !important; }
#lp .step { background: #111111 !important; border: 1px solid #252525 !important; border-radius: 8px !important; padding: 36px 32px !important; position: relative !important; overflow: hidden !important; }
#lp .step__bg-num { font-family: 'Bebas Neue', sans-serif !important; font-size: 100px !important; line-height: 1 !important; color: #1e1e1e !important; position: absolute !important; top: 12px !important; right: 20px !important; pointer-events: none !important; user-select: none !important; display: block !important; }
#lp .step h3 { font-family: 'Bebas Neue', sans-serif !important; font-size: 28px !important; color: #ffffff !important; margin-bottom: 4px !important; }
#lp .step__sub { display: block !important; font-family: 'DM Mono', monospace !important; font-size: 11px !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; color: #d4ff00 !important; margin-bottom: 20px !important; }
#lp .step ul { display: flex !important; flex-direction: column !important; gap: 10px !important; }
#lp .step ul li { font-size: 14px !important; color: #a8a4a0 !important; padding-left: 18px !important; position: relative !important; line-height: 1.45 !important; }
#lp .step ul li::before { content: '→' !important; position: absolute !important; left: 0 !important; color: #d4ff00 !important; font-size: 12px !important; }

/* TIMELINE */
#lp .tl { max-width: 620px !important; margin-top: 56px !important; position: relative !important; }
#lp .tl::before { content: '' !important; position: absolute !important; left: 39px !important; top: 0 !important; bottom: 0 !important; width: 2px !important; background: linear-gradient(to bottom, #d4ff00, #ff5c1a 60%, transparent) !important; display: block !important; }
#lp .tl__item { display: flex !important; gap: 28px !important; align-items: flex-start !important; padding-bottom: 52px !important; }
#lp .tl__item:last-child { padding-bottom: 0 !important; }
#lp .tl__dot { width: 80px !important; height: 80px !important; border-radius: 50% !important; background: #111111 !important; border: 2px solid #d4ff00 !important; display: flex !important; align-items: center !important; justify-content: center !important; font-family: 'Bebas Neue', sans-serif !important; font-size: 20px !important; color: #d4ff00 !important; flex-shrink: 0 !important; position: relative !important; z-index: 1 !important; }
#lp .tl__dot--orange { border-color: #ff5c1a !important; color: #ff5c1a !important; }
#lp .tl__body { padding-top: 18px !important; }
#lp .tl__body h3 { font-family: 'Bebas Neue', sans-serif !important; font-size: 28px !important; color: #ffffff !important; margin-bottom: 8px !important; }
#lp .tl__body p { font-size: 15px !important; color: #7a7570 !important; line-height: 1.6 !important; max-width: 460px !important; }
#lp .tl__body strong { color: #d4ff00 !important; font-weight: 600 !important; font-family: 'DM Sans', sans-serif !important; }

/* POR QUÉ YO */
#lp .why__grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 72px !important; align-items: start !important; }
#lp .why__pillars { display: flex !important; flex-direction: column !important; gap: 20px !important; margin-top: 28px !important; }
#lp .pillar { display: flex !important; gap: 16px !important; align-items: flex-start !important; }
#lp .pillar__ico { width: 44px !important; height: 44px !important; border-radius: 4px !important; background: rgba(212,255,0,0.08) !important; border: 1px solid rgba(212,255,0,0.18) !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 20px !important; flex-shrink: 0 !important; line-height: 1 !important; }
#lp .pillar__txt strong { display: block !important; font-size: 15px !important; font-weight: 700 !important; color: #ffffff !important; margin-bottom: 3px !important; font-family: 'DM Sans', sans-serif !important; }
#lp .pillar__txt span { font-size: 14px !important; color: #7a7570 !important; line-height: 1.45 !important; }
#lp .quote { background: #181818 !important; border-left: 4px solid #d4ff00 !important; border-radius: 0 8px 8px 0 !important; padding: 32px 28px !important; margin-top: 36px !important; }
#lp .quote p { font-size: 17px !important; font-style: italic !important; color: #f0ece4 !important; line-height: 1.7 !important; max-width: 100% !important; }

/* CTA FINAL */
#lp .cta-final { display: block !important; text-align: center !important; padding-top: 120px !important; padding-bottom: 80px !important; background: #0a0a0a !important; border-top: 1px solid #252525 !important; position: relative !important; overflow: hidden !important; }
#lp .cta-final__glow { position: absolute !important; inset: 0 !important; background: radial-gradient(ellipse 70% 55% at 50% 100%, rgba(212,255,0,0.07) 0%, transparent 65%) !important; pointer-events: none !important; }
#lp .cta-final h2 { font-size: clamp(44px, 6vw, 88px) !important; margin-bottom: 20px !important; position: relative !important; z-index: 1 !important; }
#lp .cta-final p { font-size: 18px !important; color: #a8a4a0 !important; max-width: 540px !important; margin: 0 auto 44px !important; position: relative !important; z-index: 1 !important; }

/* MICROCIERRE */
#lp .micro { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 12px 40px !important; padding: 44px 24px !important; border-top: 1px solid #252525 !important; background: #0a0a0a !important; }
#lp .micro__item { font-family: 'DM Mono', monospace !important; font-size: 11px !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; color: #7a7570 !important; display: flex !important; align-items: center !important; gap: 8px !important; }
#lp .micro__item::before { content: '◆' !important; color: #d4ff00 !important; font-size: 7px !important; }

/* FORMULARIO */
#lp .form-sec { display: block !important; background: #111111 !important; border-top: 1px solid #252525 !important; padding-top: 96px !important; padding-bottom: 96px !important; }
#lp .form-wrap { max-width: 680px !important; margin: 0 auto !important; padding: 0 24px !important; }
#lp .form-wrap h2 { font-size: clamp(38px, 4vw, 62px) !important; text-align: center !important; margin-bottom: 12px !important; }
#lp .form-wrap > p { text-align: center !important; color: #7a7570 !important; font-size: 16px !important; margin-bottom: 52px !important; max-width: 100% !important; }
#lp .form { display: flex !important; flex-direction: column !important; gap: 20px !important; }
#lp .form__row { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 20px !important; }
#lp .form__group { display: flex !important; flex-direction: column !important; gap: 8px !important; }
#lp .form label { font-family: 'DM Mono', monospace !important; font-size: 11px !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; color: #7a7570 !important; display: block !important; }
#lp .form input, #lp .form textarea, #lp .form select { display: block !important; width: 100% !important; background: #0a0a0a !important; border: 1px solid #2a2a2a !important; border-radius: 4px !important; padding: 14px 16px !important; font-size: 15px !important; font-family: 'DM Sans', sans-serif !important; color: #f0ece4 !important; outline: none !important; -webkit-appearance: none !important; appearance: none !important; box-shadow: none !important; line-height: 1.5 !important; transition: border-color 0.2s !important; }
#lp .form input:focus, #lp .form textarea:focus, #lp .form select:focus { border-color: #d4ff00 !important; box-shadow: 0 0 0 3px rgba(212,255,0,0.08) !important; outline: none !important; }
#lp .form input::placeholder, #lp .form textarea::placeholder { color: #3a3a3a !important; }
#lp .form textarea { resize: vertical !important; min-height: 120px !important; }
#lp .form select option { background: #111111 !important; color: #f0ece4 !important; }
#lp .form__submit { display: flex !important; justify-content: center !important; margin-top: 8px !important; }
#lp .form__submit .btn { font-size: 16px !important; padding: 18px 52px !important; }
#lp .form__note { text-align: center !important; font-size: 13px !important; color: #4a4a4a !important; margin-top: 16px !important; display: block !important; }
#lp .form-ok { display: none !important; text-align: center !important; padding: 52px 24px !important; }
#lp .form-ok.on { display: block !important; }
#lp .form-ok h3 { font-family: 'Bebas Neue', sans-serif !important; font-size: 44px !important; color: #d4ff00 !important; margin-bottom: 12px !important; }
#lp .form-ok p { color: #7a7570 !important; font-size: 16px !important; line-height: 1.6 !important; }

/* RESPONSIVE */
@media (max-width: 860px) {
  #lp .hero__inner { grid-template-columns: 1fr !important; min-height: auto !important; padding-top: 60px !important; padding-bottom: 60px !important; }
  #lp .hero__card { display: none !important; }
  #lp .prob__grid, #lp .why__grid { grid-template-columns: 1fr !important; }
  #lp .results__row { grid-template-columns: 1fr !important; }
  #lp .steps { grid-template-columns: 1fr !important; }
  #lp .form__row { grid-template-columns: 1fr !important; }
  #lp .sec { padding-top: 64px !important; padding-bottom: 64px !important; }
}

/* ANIMACIONES */
@keyframes lp-up { from { opacity: 0; transform: translateY(32px); } to { opacity: 1; transform: translateY(0); } }
#lp [data-a] { opacity: 0; }
#lp [data-a].in { animation: lp-up 0.7s cubic-bezier(0.22, 1, 0.36, 1) forwards !important; }/* End custom CSS */