:root{--bg-color:#0a0a0f;--bg-alt:#050508;--surface:#0c0c12;--surface-2:#1a1a24;--primary:#F59E0B;--primary-text:#F59E0B;--secondary:#2563EB;--success:#10b981;--text-main:#ffffff;--text-muted:#94a3b8;--text-muted-2:#64748b;--card-bg:#0e0e1c;--card-border:rgba(255,255,255,0.1);--border-soft:rgba(255,255,255,0.12);--wa-color:#25d366;--img-placeholder:#090e18;color-scheme:dark}[data-theme="light"]{--bg-color:#F8FAFC;--bg-alt:#EEF2F7;--surface:#FFFFFF;--surface-2:#F1F5F9;--primary:#F59E0B;--primary-text:#9A5B0A;--secondary:#2563EB;--success:#047857;--text-main:#0F172A;--text-muted:#475569;--text-muted-2:#475569;--card-bg:#FFFFFF;--card-border:#E2E8F0;--border-soft:rgba(15,23,42,0.12);--wa-color:#25d366;--img-placeholder:#F1F5F9;color-scheme:light}.theme-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:44px;min-height:44px;border-radius:50%;border:1px solid var(--border-soft);background:var(--surface);color:var(--text-main);cursor:pointer;flex:0 0 auto;margin-left:14px;transition:border-color 0.2s ease,transform 0.2s ease,background 0.2s ease}.navbar .nav-actions{order:2}@media (min-width:769px){.navbar .theme-toggle-btn{order:3;margin-left:14px}}@media (max-width:768px){.navbar .theme-toggle-btn{order:3;margin-left:8px}.navbar .hamburger{order:2}}.theme-toggle-btn:hover{border-color:var(--primary);transform:translateY(-1px)}.theme-toggle-btn:focus-visible{outline:2px solid var(--secondary);outline-offset:2px}.theme-toggle-btn svg{width:18px;height:18px}.theme-toggle-btn .icon-moon{display:none}html[data-theme="light"] .theme-toggle-btn .icon-sun{display:none}html[data-theme="light"] .theme-toggle-btn .icon-moon{display:inline-flex}@media (prefers-reduced-motion:reduce){.theme-toggle-btn{transition:none}}*{box-sizing:border-box;margin:0;padding:0;font-family:'Inter',sans-serif}*[id]{scroll-margin-top:85px}h1,h2,h3,h4,h5,h6{font-family:'Plus Jakarta Sans',sans-serif}html body.body,html body{background-image:none !important;background-color:#0B0F1A !important}html body::before{opacity:0 !important}h1.text-3d-luminous,.text-3d-luminous.text-3d-luminous{text-shadow:none !important;color:var(--text-main) !important}h1.text-gradient,h2.text-gradient,.text-gradient.text-gradient{background:none !important;-webkit-text-fill-color:var(--text-main) !important;color:var(--text-main) !important}.glow-effect.glow-effect{animation:none !important;box-shadow:0 4px 14px rgba(0,0,0,0.3) !important}.btn-primary.btn-primary{background:var(--primary) !important;color:#0B0B0E !important;box-shadow:none !important}.btn-primary.btn-primary:hover{box-shadow:0 8px 20px rgba(245,158,11,0.3) !important;transform:translateY(-2px)}.btn-outline.btn-outline{background:transparent !important;border:1px solid rgba(255,255,255,0.25) !important;backdrop-filter:none !important}.btn-outline.btn-outline:hover{background:rgba(255,255,255,0.06) !important;border-color:rgba(255,255,255,0.4) !important}.banner-card.banner-card,.work-card.work-card,.testimonial-item.testimonial-item{box-shadow:none !important;backdrop-filter:none !important}.banner-card.banner-card:hover,.work-card.work-card:hover,.testimonial-item.testimonial-item:hover{box-shadow:none !important;border-color:var(--primary) !important}.nav-links-pill.nav-links-pill,div.nav-links-pill{box-shadow:none !important;border-color:rgba(255,255,255,0.08) !important;border-radius:14px !important}#bgCanvas#bgCanvas{display:none !important}@media (min-width:769px){.navbar.navbar{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;width:100% !important;margin:0 !important;background:rgba(8,10,18,0.9) !important;backdrop-filter:blur(10px) !important;-webkit-backdrop-filter:blur(10px) !important;border-bottom:1px solid rgba(255,255,255,0.08) !important;box-shadow:none !important;padding:16px 4% !important}.nav-links-pill.nav-links-pill{position:absolute !important;left:50% !important;top:50% !important;transform:translate(-50%,-50%) !important;background:transparent !important;border:none !important;box-shadow:none !important;border-radius:0 !important;padding:0 !important;gap:2px !important}.nav-links-pill.nav-links-pill>a,.navbar .has-dropdown>a{font-size:0.86rem !important;padding:6px 10px !important;color:#9297A6 !important}.nav-links-pill.nav-links-pill>a:hover,.navbar .has-dropdown>a:hover{color:#F3F4F8 !important}}.hero.hero{margin-top:75px}body{background-color:#05050a;background-image:radial-gradient(circle at 10% 20%,rgba(37,99,235,0.18) 0%,transparent 45%),radial-gradient(circle at 90% 15%,rgba(245,158,11,0.12) 0%,transparent 40%),radial-gradient(circle at 50% 80%,rgba(37,99,235,0.04) 0%,transparent 50%),#05050a;background-attachment:fixed;color:var(--text-main);line-height:1.6;overflow-x:hidden;position:relative}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-image:radial-gradient(#ffffff 1px,transparent 1px),radial-gradient(#ffffff 1.5px,transparent 1.5px),radial-gradient(rgba(255,255,255,0.4) 1px,transparent 1px);background-size:350px 350px,450px 450px,200px 200px;background-position:0 0,120px 250px,70px 80px;opacity:0.18;pointer-events:none}.text-gradient{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-3d-luminous{color:#ffffff;text-shadow:0 0 10px #2563EB,0 0 20px #2563EB,0 0 30px #3b82f6,0 4px 0px #1e3a8a,0 8px 10px rgba(0,0,0,0.8);display:block;margin:20px auto;text-align:center}.text-center{text-align:center}.btn{padding:14px 28px;border-radius:100px;font-weight:700;text-decoration:none;display:inline-block;cursor:pointer;border:none;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1),background .25s ease;text-align:center}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 8px 24px -6px rgba(245,158,11,0.5)}.btn-primary:hover{box-shadow:0 8px 30px rgba(37,99,235,0.45);transform:translateY(-3px)}.btn-wa{background:var(--wa-color);color:#0a0a0f;font-weight:bold;box-shadow:0 8px 24px -6px rgba(37,211,102,0.45)}.btn-wa:hover{box-shadow:0 8px 30px rgba(37,211,102,0.55);transform:translateY(-3px)}.btn-outline{background:rgba(245,158,11,0.06);border:1px solid rgba(245,158,11,0.5);color:var(--text-main);backdrop-filter:blur(6px)}.btn-outline:hover{background:rgba(245,158,11,0.15);border-color:var(--primary);transform:translateY(-3px)}.full-w{width:100%}.glow-effect{animation:pulseGlow 2s infinite alternate}@keyframes pulseGlow{from{box-shadow:0 0 5px var(--primary)}to{box-shadow:0 0 20px var(--secondary)}}.navbar{position:relative;padding:20px 14px 6px;display:flex;justify-content:space-between;align-items:center;background:transparent;border:none;box-shadow:none;z-index:1000}.navbar .logo img{height:72px;width:auto;transition:filter .2s ease}.nav-actions{display:flex;align-items:center;gap:18px}@media (min-width:769px){.navbar{display:flex;justify-content:space-between;align-items:center;width:calc(100% - 28px);margin:0 auto;position:fixed;top:14px;left:14px;right:14px;z-index:1000;background:transparent}.logo{flex:0 0 auto}.nav-actions{margin-left:auto;display:flex;align-items:center;gap:12px;flex:0 0 auto}.nav-links-pill{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;background:#0c0c12 !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;border:1px solid rgba(255,255,255,0.12) !important;border-radius:999px !important;padding:8px 18px !important;box-shadow:0 20px 45px -12px rgba(0,0,0,0.6) !important;z-index:1002}.nav-links-pill>a,.has-dropdown>a{padding:6px 14px !important;font-size:0.92rem !important;white-space:nowrap !important}.currency-switch{background:#0c0c12 !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;border:1px solid rgba(255,255,255,0.12) !important;border-radius:999px !important;padding:8px 16px !important;box-shadow:0 20px 45px -12px rgba(0,0,0,0.6) !important;margin-left:0 !important}}.nav-links-pill{display:flex;align-items:center;gap:4px;background:rgba(12,12,18,0.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,0.09);border-radius:999px;padding:8px 10px;box-shadow:0 20px 45px -12px rgba(0,0,0,0.5)}.currency-switch{margin-left:32px;background:rgba(12,12,18,0.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,0.09);border-radius:999px;padding:8px 16px;box-shadow:0 20px 45px -12px rgba(0,0,0,0.5)}.nav-links-pill>a,.has-dropdown>a{position:relative;transition:color .2s ease}.nav-links-pill>a::after,.has-dropdown>a::after{content:'';position:absolute;left:10px;right:10px;bottom:3px;height:2px;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .25s cubic-bezier(.16,1,.3,1)}.nav-links-pill>a:hover::after,.has-dropdown>a:hover::after,.nav-links-pill>a:focus-visible::after{transform:scaleX(1)}.nav-links-pill>a:focus-visible,.has-dropdown>a:focus-visible,.btn-nav-3d:focus-visible{outline:2px solid var(--secondary);outline-offset:2px;border-radius:4px}.currency-switch{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:bold}.currency-switch-mobile{display:none;align-items:center;gap:5px}.cur-flag{width:15px !important;height:15px !important;border-radius:50% !important;object-fit:cover !important;border:1px solid rgba(255,255,255,0.25);margin-right:4px;vertical-align:middle}.has-dropdown{position:relative;display:flex;align-items:center}.has-dropdown .caret{display:inline-block;margin-left:4px;font-size:.7em;cursor:pointer;user-select:none;transition:transform .25s cubic-bezier(.16,1,.3,1)}.has-dropdown:hover .caret,.has-dropdown.open .caret{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;padding-top:10px;min-width:230px;z-index:1001;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:opacity .22s cubic-bezier(.16,1,.3,1),transform .22s cubic-bezier(.16,1,.3,1),visibility .22s}.dropdown-menu>.dropdown-menu-inner{background:#0B0F1A;border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:8px;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.has-dropdown.open .dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.dropdown-menu a{display:block;padding:12px 16px;color:rgba(255,255,255,0.75);text-decoration:none;font-size:.88rem;font-weight:500;border-radius:10px;white-space:nowrap;text-align:left;position:relative;transition:background .25s ease,color .25s ease,transform .25s cubic-bezier(.16,1,.3,1),padding .25s ease}.dropdown-menu a:not(:last-child){border-bottom:1px solid rgba(255,255,255,0.04)}.dropdown-menu a:hover{background:rgba(255,255,255,0.06);color:#ffffff;padding-left:20px;transform:translateX(3px)}.dropdown-menu a:hover::before{content:'';position:absolute;left:8px;top:50%;transform:translateY(-50%);width:4px;height:4px;background:var(--secondary);border-radius:50%;box-shadow:0 0 8px var(--secondary)}.dropdown-menu a:focus-visible{outline:2px solid var(--secondary);outline-offset:-2px}@media (max-width:768px){.has-dropdown{display:block !important;width:100%;text-align:left;margin:0}.has-dropdown>a{display:flex !important;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:17px 2px !important}.dropdown-menu{position:static;display:none;padding:2px 0 12px;min-width:0;width:100%}.dropdown-menu>.dropdown-menu-inner{background:transparent;border:none;box-shadow:none;padding:0;display:flex;flex-direction:column;gap:3px}.dropdown-menu a{text-align:left !important;padding:12px 14px !important;font-size:0.92rem;border-radius:10px;margin-left:10px;border-left:2px solid var(--card-border);border-bottom:none !important;transition:border-color .2s ease,background .2s ease,color .2s ease}.dropdown-menu a:hover,.dropdown-menu a:focus-visible{border-left-color:var(--primary);background:var(--surface-2)}.has-dropdown.open .dropdown-menu{display:block}.currency-switch-mobile{display:flex}}.cur-label{font-size:11px;font-weight:700;color:rgba(255,255,255,0.75);transition:color 0.3s}.cur-active{color:#60a5fa !important}.switch{position:relative;display:inline-block;width:40px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--primary);border-radius:20px;transition:.4s}.slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:white;border-radius:50%;transition:.4s}input:checked+.slider{background-color:var(--secondary)}input:checked+.slider:before{transform:translateX(20px)}.hero{padding:40px 5% 60px;text-align:center;background:transparent;position:relative}.badge{display:inline-block;padding:6px 18px;background:rgba(16,185,129,0.15);color:var(--success);border-radius:20px;font-size:14px;font-weight:bold;margin-bottom:25px;border:1px solid rgba(16,185,129,0.4)}.pulse-badge{animation:badgePulse 2s infinite;display:block;margin:0 auto 20px;width:max-content;max-width:100%}@media (max-width:600px){.pulse-badge{width:auto;max-width:calc(100vw - 40px);white-space:normal;text-align:center;line-height:1.5}}@keyframes badgePulse{0%{box-shadow:0 0 0 0 rgba(16,185,129,0.4)}70%{box-shadow:0 0 0 10px rgba(16,185,129,0)}100%{box-shadow:0 0 0 0 rgba(16,185,129,0)}}.hero h1{font-size:clamp(2.4rem,5.2vw,3.6rem);margin-bottom:20px;line-height:1.05;letter-spacing:-0.02em}.hero p{color:var(--text-muted);font-size:1.15rem;max-width:650px;margin:0 auto 35px}h1.text-gradient{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.2}.hero-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:40px}.trust-badges{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;font-size:0.95rem;font-weight:600;color:var(--text-muted)}.hero-media-container{margin-top:50px;width:100vw;margin-left:calc(-50vw+50%);display:flex;flex-direction:column;gap:0;background:#000}.hero-video{width:100%;max-width:1000px;height:auto;border-radius:15px;box-shadow:0 10px 30px rgba(245,158,11,0.3);margin:30px auto;display:block;background:#050508}.urgency-bar{background:rgba(245,158,11,0.1);border-top:1px solid var(--primary);border-bottom:1px solid var(--primary);padding:10px 0;overflow:hidden}.ticker-wrap{width:100%;box-sizing:content-box}.ticker-move{display:flex;width:max-content;animation:ticker 40s linear infinite}.ticker-item{padding:0 40px;font-size:1rem;font-weight:700;color:#fff;white-space:nowrap;display:inline-flex;align-items:center;gap:10px}.ticker-item img{height:24px;width:auto;object-fit:contain}@keyframes ticker{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-50%,0,0)}}.tabs-section{padding:90px 5%;max-width:1200px;margin:0 auto}.section-title{font-size:2.9rem;letter-spacing:-0.02em;margin-bottom:16px}.section-subtitle{color:var(--text-muted);font-size:1.1rem;margin-bottom:55px}.tabs-container{display:flex;justify-content:center;gap:12px;margin-bottom:45px;flex-wrap:wrap}.tab-btn{background:rgba(255,255,255,0.04);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.1);color:#fff;padding:12px 26px;border-radius:100px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .2s cubic-bezier(.16,1,.3,1)}.tab-btn:hover{background:rgba(245,158,11,0.18);transform:translateY(-2px)}.tab-btn.active.active{background:var(--primary) !important;color:#0B0B0E !important;border-color:transparent;box-shadow:none !important}.tab-content{display:none;animation:fadeIn 0.5s ease-in-out}.tab-content.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.main-banner-card{position:relative;border-radius:15px;overflow:hidden;margin-bottom:30px;border:1px solid var(--card-border);box-shadow:0 10px 30px rgba(0,0,0,0.5)}.main-banner-card img{width:100%;height:auto;display:block}.pricing-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(10,10,15,0.95) 0%,rgba(10,10,15,0.7) 100%);padding:25px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,0.1);flex-wrap:wrap;gap:15px}.pricing-overlay h3{font-size:1.5rem;margin:0}.price-tag{font-size:1.8rem;font-weight:900;color:var(--secondary);text-shadow:0 0 10px rgba(37,99,235,0.5)}.badge-premium-absolute{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;padding:4px 10px;border-radius:4px;font-weight:800;font-size:0.75rem;z-index:10;text-transform:uppercase;box-shadow:0 2px 0 #b45309,0 4px 10px rgba(0,0,0,0.5);border:1px solid rgba(255,255,255,0.2);overflow:hidden}.badge-premium-absolute::after{content:'';position:absolute;top:0;left:-100%;width:30%;height:100%;background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 100%);transform:skewX(-25deg);animation:badgeShine 3s infinite linear}@keyframes badgeShine{0%{left:-100%}30%{left:200%}100%{left:200%}}.nav-drawer-logo{display:none !important}@media (max-width:768px){.nav-drawer-logo{display:block !important;margin-bottom:20px;text-align:center}.nav-drawer-logo img{height:38px;width:auto}}.global-page-container,.svc-hero-container,.pw-page-container,.page-container{max-width:1150px !important;margin:0 auto !important;padding:30px 5% 70px !important;text-align:center !important;width:100% !important}h1.svc-title,h1.pw-title,.pw-page-container h1,.svc-hero-container h1,main>h1{font-family:'Plus Jakarta Sans',sans-serif !important;font-size:clamp(2.1rem,4.2vw,3.2rem) !important;font-weight:900 !important;line-height:1.15 !important;margin:0 auto 16px !important;color:var(--text-main) !important;letter-spacing:-0.02em !important;text-align:center !important;max-width:850px !important}p.svc-subtitle,p.pw-subtitle,.pw-page-container>p,.svc-hero-container>p,main>p:first-of-type{font-family:'Plus Jakarta Sans',sans-serif !important;font-size:1.12rem !important;color:var(--text-muted) !important;max-width:720px !important;margin:0 auto 24px !important;line-height:1.6 !important;text-align:center !important}.svc-eyebrow,.pw-tag,.eyebrow-badge{display:inline-block !important;font-size:0.75rem !important;font-weight:800 !important;letter-spacing:1px !important;text-transform:uppercase !important;color:var(--primary-text) !important;background:rgba(245,158,11,0.1) !important;border:1px solid rgba(245,158,11,0.25) !important;padding:6px 16px !important;border-radius:20px !important;margin-bottom:16px !important}.services-grid,.services-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;align-items:stretch}.services-detail-grid .banner-card{display:flex;flex-direction:column;height:100%;justify-content:space-between}.services-detail-grid .banner-card .feature-list{flex-grow:1}.feature-list{list-style:none !important;padding:0 !important;margin:15px auto 25px !important;max-width:580px !important;text-align:left !important;display:flex !important;flex-direction:column !important;gap:12px !important}.feature-list li{position:relative !important;padding-left:28px !important;font-size:0.95rem !important;color:var(--text-main) !important;line-height:1.5 !important;list-style-type:none !important}.feature-list li::before{content:"✓" !important;position:absolute !important;left:4px !important;top:0 !important;color:var(--success) !important;font-weight:900 !important;font-size:1.05rem !important}.highlight-card{grid-column:auto}.banner-card{background:var(--card-bg);backdrop-filter:blur(10px);border-radius:20px;overflow:hidden;border:1px solid var(--card-border);box-shadow:0 1px 0 rgba(255,255,255,0.03) inset,0 10px 30px rgba(0,0,0,0.25);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),border-color .35s ease;display:flex;flex-direction:column}.banner-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px rgba(245,158,11,0.28);border-color:rgba(245,158,11,0.5)}.banner-img{width:100%;height:auto;display:block;border-bottom:1px solid rgba(255,255,255,0.05)}.banner-info{padding:20px;text-align:center;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;gap:15px}.testimonials-slider-section{padding:80px 0;background:radial-gradient(circle at center,rgba(37,99,235,0.1) 0%,var(--bg-color) 70%);border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border)}.slider-container{width:100vw;overflow:hidden;margin-top:20px}.slider-track{display:flex;gap:25px;width:max-content;padding:20px 0;animation:scrollLeft 45s linear infinite}.slider-container:hover .slider-track,.slider-container:active .slider-track{animation-play-state:paused}@keyframes scrollLeft{0%{transform:translateX(0)}100%{transform:translateX(-2025px)}}.testimonial-item{width:380px;background:rgba(255,255,255,0.05);padding:30px;border-radius:20px;border:1px solid rgba(255,255,255,0.1);backdrop-filter:blur(10px);position:relative;white-space:normal;transition:transform 0.3s,box-shadow 0.3s}.testimonial-item:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(37,99,235,0.2);border-color:var(--secondary)}.test-header{display:flex;align-items:center;gap:15px;margin-bottom:15px}.test-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:1.1rem;color:#fff;box-shadow:0 4px 10px rgba(0,0,0,0.5)}.test-meta{display:flex;flex-direction:column}.test-name{font-size:1.1rem;color:#fff;margin-bottom:2px}.flag{font-size:0.9rem;color:var(--text-muted)}.stars{color:#fbbf24;font-size:1.2rem;margin-bottom:15px;letter-spacing:2px;text-shadow:0 0 5px rgba(251,191,36,0.4)}.test-text{font-style:italic;color:#cbd5e1;font-size:0.95rem;line-height:1.7}.faq-section{padding:90px 5%;max-width:900px;margin:0 auto}.faq-accordion details{background:var(--card-bg);backdrop-filter:blur(8px);border:1px solid var(--card-border);margin-bottom:14px;border-radius:14px;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease}.faq-accordion details[open]{border-color:var(--secondary);box-shadow:0 10px 30px rgba(37,99,235,0.18)}.faq-accordion summary{padding:25px;font-weight:700;font-size:1.1rem;cursor:pointer;list-style:none;outline:none;display:flex;justify-content:space-between;align-items:center;color:var(--text-main);transition:color .2s ease}.faq-accordion summary:hover{color:var(--secondary)}.faq-accordion summary::-webkit-details-marker{display:none}.faq-content{padding:0 25px 25px;color:var(--text-muted);font-size:1rem;line-height:1.7;border-top:1px solid var(--card-border);margin-top:-5px;padding-top:15px}.modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.85);backdrop-filter:blur(8px);z-index:2000;justify-content:center;align-items:center}.glass-modal{background:rgba(15,15,20,0.95);border:1px solid var(--primary);border-radius:20px;padding:40px;width:90%;max-width:450px;box-shadow:0 25px 50px rgba(0,0,0,0.5),0 0 30px rgba(245,158,11,0.2);position:relative}.close-modal{position:absolute;top:15px;right:20px;background:none;border:none;color:var(--text-muted);font-size:30px;cursor:pointer;transition:color 0.3s}.close-modal:hover{color:#fff}.form-group{margin-bottom:22px}.form-group label{display:block;margin-bottom:8px;font-size:0.9rem;font-weight:600;color:#cbd5e1}.form-group input{width:100%;padding:14px;background:rgba(0,0,0,0.5);border:1px solid rgba(255,255,255,0.15);border-radius:8px;color:#fff;font-size:1rem;outline:none;transition:border-color 0.3s}.form-group input:focus{border-color:var(--secondary);box-shadow:0 0 10px rgba(37,99,235,0.2)}.select-wrapper{position:relative}.select-wrapper::after{content:"▼";position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;font-size:0.8rem}.custom-select{appearance:none;-webkit-appearance:none;width:100%;padding:14px;background-color:#1a1a24;border:1px solid rgba(255,255,255,0.15);border-radius:8px;color:#ffffff;font-size:1rem;font-weight:600;outline:none;cursor:pointer;transition:all 0.3s}.custom-select:focus{border-color:var(--secondary);box-shadow:0 0 10px rgba(37,99,235,0.3)}.custom-select optgroup{background-color:#111;color:var(--secondary);font-weight:bold;font-style:normal}.custom-select option{background-color:#1a1a24;color:#ffffff;font-weight:normal;padding:10px}footer{border-top:1px solid var(--card-border);padding:60px 5% 30px;background:linear-gradient(180deg,var(--bg-color) 0%,#050508 100%)}.footer-container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;max-width:1200px;margin:0 auto}.footer-logo p{color:var(--text-muted);font-size:0.95rem;max-width:320px;margin-top:20px;line-height:1.6}.footer-contact h4{margin-bottom:20px;font-size:1.2rem}.footer-contact a{display:block;color:#cbd5e1;text-decoration:none;margin-bottom:12px;font-size:0.95rem;transition:color 0.3s}.footer-contact a:hover{color:var(--secondary)}.footer-bottom{text-align:center;margin-top:50px;border-top:1px solid rgba(255,255,255,0.05);padding-top:25px;font-size:0.85rem;color:var(--text-muted)}.footer-bottom a{color:var(--secondary);text-decoration:none}.breadcrumb{margin-top:90px;padding:24px 5% 0;font-size:0.9rem;color:var(--text-muted)}.breadcrumb a{color:var(--text-muted);text-decoration:none}.breadcrumb a:hover{color:var(--primary-text)}.breadcrumb span{margin:0 6px}.hamburger{display:none}@media (max-width:768px){.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--surface);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--card-border)}.nav-links-pill{display:flex;flex-direction:column;align-items:stretch;width:100%;background:none;backdrop-filter:none;border:none;box-shadow:none;padding:0;gap:4px}.nav-links-pill>a{text-align:left}body.nav-open{overflow:hidden}.nav-scrim{position:fixed;inset:0;background:rgba(4,4,10,0.55);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s;z-index:999}.nav-scrim.active{opacity:1;visibility:visible;pointer-events:auto}.nav-actions{display:flex;flex-direction:column;align-items:stretch;position:fixed;top:0;right:0;bottom:0;left:auto;height:100vh;height:100dvh;width:min(84vw,360px);background:var(--card-bg);border-left:1px solid var(--card-border);padding:92px 24px 32px;box-shadow:-30px 0 60px -20px rgba(0,0,0,0.5);overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translateX(100%);transition:transform .38s cubic-bezier(.16,1,.3,1);opacity:1;visibility:visible;pointer-events:auto;z-index:1001}.nav-actions.active{transform:translateX(0)}.nav-drawer-logo{display:block;margin:0 0 28px}.nav-drawer-logo img{height:32px;width:auto}.nav-social-row{display:flex;gap:18px;margin-top:auto;padding-top:24px;border-top:1px solid var(--card-border)}.nav-social-icon{width:20px;height:20px;background-color:var(--text-muted);-webkit-mask-image:var(--icon-img);mask-image:var(--icon-img);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transition:background-color .2s ease,transform .2s ease}.nav-social-icon:hover{background-color:var(--primary);transform:translateY(-2px)}.nav-social-icon-fb{-webkit-mask-source-type:luminance;mask-mode:luminance}.nav-links-pill>a,.has-dropdown>a{border-bottom:1px solid var(--card-border)}.nav-actions .nav-links-pill>*{opacity:0;transform:translateX(16px)}.nav-actions.active .nav-links-pill>*{animation:navItemIn .45s cubic-bezier(.16,1,.3,1) forwards}.nav-actions.active .nav-links-pill>*:nth-child(1){animation-delay:.06s}.nav-actions.active .nav-links-pill>*:nth-child(2){animation-delay:.10s}.nav-actions.active .nav-links-pill>*:nth-child(3){animation-delay:.14s}.nav-actions.active .nav-links-pill>*:nth-child(4){animation-delay:.18s}.nav-actions.active .nav-links-pill>*:nth-child(5){animation-delay:.22s}.nav-actions.active .nav-links-pill>*:nth-child(6){animation-delay:.26s}.nav-actions.active .nav-links-pill>*:nth-child(7){animation-delay:.30s}@keyframes navItemIn{to{opacity:1;transform:translateX(0)}}@media (prefers-reduced-motion:reduce){.nav-actions,.nav-scrim{transition:none}.nav-actions .nav-links-pill>*{opacity:1;transform:none;animation:none}}.hamburger{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;background:none;border:none;color:var(--text-main);font-size:2rem;cursor:pointer;transition:transform .2s ease}.navbar .logo img{height:38px}.hamburger.active{transform:rotate(90deg)}div[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr !important}.currency-switch-mobile{display:flex;align-items:center;gap:5px}.nav-actions .currency-switch{display:none}.hero h1{font-size:2.2rem}@keyframes scrollLeft{0%{transform:translateX(0)}100%{transform:translateX(-1625px)}}.slider-track{animation:scrollLeft 30s linear infinite}.testimonial-item{width:300px;padding:20px}.pricing-overlay{position:static;flex-direction:column;align-items:stretch;text-align:center;background:rgba(10,10,15,0.5)}.badge-premium-absolute{top:10px;right:10px}}@media (max-width:1550px) and (min-width:769px){.navbar{padding:12px 18px}.navbar .logo img{height:38px}.nav-actions{gap:2px}.nav-links-pill>a,.has-dropdown>a{padding:8px 5px !important;font-size:0.85rem}.btn-nav-3d{padding:6px 8px;font-size:0.74rem;gap:4px}.btn-nav-3d img{width:14px;height:14px}.currency-switch{font-size:11px;gap:4px}.currency-switch>div>span:last-child{display:none}}.btn-nav-3d{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:0.82rem;font-weight:700;color:white !important;border-radius:6px;text-decoration:none;transition:transform 0.1s ease,box-shadow 0.1s ease,background 0.3s;cursor:pointer;vertical-align:middle;position:relative;overflow:hidden}.btn-nav-3d img{width:16px;height:16px;object-fit:contain;margin:0;opacity:1 !important;filter:drop-shadow(0px 1px 1px rgba(0,0,0,0.3)) !important}.btn-nav-telegram{background:#229ED9;box-shadow:0 3px 0 #18729c}.btn-nav-telegram:hover{background:#2cb5f6}.btn-nav-telegram:active{transform:translateY(3px);box-shadow:none}.btn-nav-whatsapp{background:#25D366;box-shadow:0 3px 0 #1a9648}.btn-nav-whatsapp:hover{background:#30e878}.btn-nav-whatsapp:active{transform:translateY(3px);box-shadow:none}.floating-contact{position:fixed;right:20px;bottom:22px;z-index:2000;display:flex;flex-direction:column;align-items:center;gap:14px}.floating-contact a{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;background:transparent;position:relative;transition:transform 0.15s cubic-bezier(.16,1,.3,1),filter 0.15s ease}.floating-contact a img{object-fit:contain;filter:drop-shadow(0 4px 0 rgba(0,0,0,0.25)) drop-shadow(0 8px 16px rgba(0,0,0,0.45));pointer-events:none;transition:filter 0.15s ease;position:relative;z-index:1}.floating-contact .fc-whatsapp img{width:50px;height:50px}.floating-contact .fc-telegram img{width:37px;height:37px}.floating-contact a:hover{transform:translateY(-3px)}.floating-contact a:hover img{filter:drop-shadow(0 6px 0 rgba(0,0,0,0.25)) drop-shadow(0 12px 20px rgba(0,0,0,0.5))}.floating-contact a:active{transform:translateY(3px)}.floating-contact a:active img{filter:drop-shadow(0 1px 0 rgba(0,0,0,0.25)) drop-shadow(0 2px 6px rgba(0,0,0,0.4))}.floating-contact .fc-label{position:absolute;right:70px;top:50%;transform:translateY(-50%);background:#0c0c12;color:#fff;font-size:0.8rem;font-weight:700;padding:6px 12px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.15s ease;box-shadow:0 6px 16px rgba(0,0,0,0.4)}.floating-contact a:hover .fc-label{opacity:1}@media (max-width:480px){.floating-contact{right:14px;bottom:16px;gap:10px}.floating-contact a{width:50px;height:50px}.floating-contact .fc-whatsapp img{width:43px;height:43px}.floating-contact .fc-telegram img{width:32px;height:32px}.floating-contact .fc-label{display:none}}@media (prefers-reduced-motion:reduce){.floating-contact a{transition:none}.floating-contact a:hover{transform:none}}.payment-badges{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-top:10px;width:100%}@media (max-width:480px){.payment-badges{gap:8px}.payment-badge{height:30px;padding:0 10px}.payment-badge img{height:15px}.payment-badge-text{font-size:0.66rem}}.payment-badge{display:flex;align-items:center;justify-content:center;height:34px;padding:0 12px;background:#ffffff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.35)}.payment-badge img{height:18px;width:auto;object-fit:contain;display:block}.payment-badge-text{font-family:var(--sans,'Inter',sans-serif);font-size:0.72rem;font-weight:700;color:#1c1a2b;white-space:nowrap}.btn-nav-3d::after{content:'';position:absolute;top:0;left:-50%;width:20%;height:100%;background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0) 100%);transform:skewX(-25deg);transition:none}.btn-nav-3d:hover::after,.btn-nav-3d:active::after{left:150%;transition:left 0.6s ease-in-out}.highlight-card .banner-img{width:100%;height:auto;display:block;background:#090e18;aspect-ratio:16 / 9;object-fit:cover}.banner-card:not(.highlight-card) .banner-img{width:100%;height:auto;display:block;background:#090e18;aspect-ratio:9 / 16;object-fit:cover}.banner-card{display:flex;flex-direction:column;background:#0d1424;border-radius:12px;border:1px solid var(--card-border);overflow:hidden}.banner-info{flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;padding:20px}@media (max-width:768px){.services-grid{grid-template-columns:1fr !important}.services-detail-grid{grid-template-columns:1fr !important}.hero-media-container{margin-top:30px}.hero-video{width:90% !important;margin:15px auto !important}}.has-dropdown-nested{position:relative;width:100%}.nested-trigger{display:flex !important;justify-content:space-between;align-items:center;padding:10px 12px;color:#fff;text-decoration:none;font-size:.88rem;font-weight:500;border-radius:7px;white-space:nowrap;text-align:left;cursor:pointer}.nested-trigger:hover{background:rgba(245,158,11,.15);color:var(--secondary)}.caret-right{font-size:0.7em;margin-left:8px;transition:transform 0.2s;transform:rotate(90deg)}.dropdown-menu-nested{display:none;position:static;width:100%;padding-left:12px}.dropdown-menu-inner-nested{background:rgba(255,255,255,0.02);border:none;box-shadow:none;padding:0}@media (min-width:769px){.has-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.has-dropdown-nested:hover>.dropdown-menu-nested{display:block}.has-dropdown-nested:hover>.nested-trigger>.caret-right{transform:rotate(270deg)}}@media (prefers-reduced-motion:reduce){.dropdown-menu,.has-dropdown .caret,.dropdown-menu a{transition:none}}@media (max-width:768px){.has-dropdown-nested{display:block !important;width:100%;text-align:center}.nested-trigger{display:flex !important;justify-content:center !important;padding:10px 0 !important;font-size:0.95rem}.caret-right{margin-left:6px;transform:rotate(90deg)}.has-dropdown-nested.open>.nested-trigger>.caret-right{transform:rotate(270deg)}.dropdown-menu-nested{position:static;display:none;width:100%;padding-left:0;margin-top:4px}.dropdown-menu-inner-nested{background:rgba(255,255,255,0.02);border:none;box-shadow:none;padding:0 15px}.dropdown-menu-inner-nested a{text-align:center !important;padding:10px 0 !important;font-size:0.9rem}.has-dropdown-nested.open>.dropdown-menu-nested{display:block}}.campana-modal{position:fixed;inset:0;z-index:3000;display:none}.campana-modal.active{display:block}.campana-modal-backdrop{position:absolute;inset:0;background:rgba(5,5,10,0.75);backdrop-filter:blur(4px)}.campana-modal-panel{position:absolute;inset:3% 5%;background:#F4F4F2;border-radius:16px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,0.55);display:flex;animation:campanaModalIn .25s cubic-bezier(.16,1,.3,1)}@keyframes campanaModalIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.campana-modal-panel iframe{width:100%;height:100%;border:0}.campana-modal-close{position:absolute;top:12px;right:16px;z-index:2;width:38px;height:38px;border-radius:50%;border:none;background:rgba(10,10,15,0.85);color:#fff;font-size:22px;line-height:1;cursor:pointer;transition:background .15s ease,transform .15s ease}.campana-modal-close:hover{background:rgba(10,10,15,1);transform:scale(1.06)}@media (max-width:768px){.campana-modal-panel{inset:0;border-radius:0}}@media (prefers-reduced-motion:reduce){.campana-modal-panel{animation:none}}.work-card{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),border-color .3s ease}.work-card:hover{transform:translateY(-6px);box-shadow:0 15px 35px rgba(245,158,11,0.22);border-color:var(--secondary)}@media (min-width:769px){.navbar{display:flex !important;justify-content:space-between !important;align-items:center !important;width:100% !important;margin:0 !important;position:fixed !important;top:0 !important;left:0 !important;right:0 !important;z-index:1000 !important;background:#08080c !important;border-bottom:1px solid rgba(255,255,255,0.08) !important;padding:18px 4% !important;box-shadow:0 10px 30px rgba(0,0,0,0.5) !important}.navbar .logo img{height:44px !important;width:auto !important}.logo{flex:0 0 auto !important}.nav-actions{margin-left:auto !important;display:flex !important;align-items:center !important;gap:10px !important;flex:0 0 auto !important;position:static !important}.btn-nav-3d{padding:6px 10px !important;font-size:0.74rem !important;gap:4px !important;height:auto !important}.btn-nav-3d img{width:13px !important;height:13px !important}.nav-links-pill{position:absolute !important;left:50% !important;transform:translateX(-50%) !important;display:flex !important;align-items:center !important;gap:4px !important;background:#0c0c12 !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;border:1px solid rgba(255,255,255,0.12) !important;border-radius:999px !important;padding:8px 18px !important;box-shadow:0 20px 45px -12px rgba(0,0,0,0.6) !important;z-index:1002 !important;width:max-content !important;max-width:none !important;overflow:visible !important}.nav-links-pill>a,.has-dropdown>a{padding:6px 14px !important;font-size:0.92rem !important;white-space:nowrap !important}}.currency-sidebar-pill{position:fixed !important;right:20px !important;top:50% !important;transform:translateY(-50%) !important;background:#0c0c12 !important;border:1px solid rgba(255,255,255,0.12) !important;border-radius:100px !important;padding:18px 8px !important;display:none !important;flex-direction:column !important;align-items:center !important;gap:12px !important;box-shadow:0 15px 35px rgba(0,0,0,0.7) !important;z-index:9999 !important;width:42px !important}@media (min-width:769px){.currency-sidebar-pill{display:flex !important}}.currency-sidebar-pill .pill-icon{display:flex !important;align-items:center !important;justify-content:center !important;opacity:0.5 !important;transition:opacity 0.2s !important}.currency-sidebar-pill .pill-icon svg{stroke:#ffffff !important}.currency-sidebar-pill .flag-btn{background:none !important;border:1px solid rgba(255,255,255,0.15) !important;padding:0 !important;cursor:pointer !important;width:26px !important;height:26px !important;border-radius:50% !important;overflow:hidden !important;display:flex !important;align-items:center !important;justify-content:center !important;transition:transform 0.25s cubic-bezier(.16,1,.3,1),filter 0.25s,border-color 0.25s,box-shadow 0.25s !important}.currency-sidebar-pill .flag-img{width:100% !important;height:100% !important;object-fit:cover !important;border-radius:50% !important}.currency-sidebar-pill .pill-text{font-size:0.62rem !important;font-weight:700 !important;color:rgba(255,255,255,0.6) !important;text-transform:uppercase !important;letter-spacing:0.5px !important;writing-mode:vertical-lr !important;transform:rotate(180deg) !important;margin:6px 0 !important;user-select:none !important;white-space:nowrap !important}@media (min-width:769px){.hero{margin-top:75px !important}}#bgCanvas{position:fixed !important;inset:0 !important;width:100vw !important;height:100vh !important;z-index:-2 !important;pointer-events:none !important;background:#040408 !important}.urgency-bar{background:transparent !important;border:none !important;position:relative !important;padding:24px 0 !important;box-shadow:none !important}.ticker-wrap-static{display:flex !important;justify-content:space-around !important;align-items:center !important;width:100% !important;max-width:1280px !important;margin:0 auto !important;padding:0 20px !important;flex-wrap:wrap !important;gap:20px !important}.dashboard-item{background:rgba(8,8,16,0.5) !important;border:1.5px solid rgba(37,99,235,0.3) !important;border-radius:14px !important;padding:14px 20px !important;min-width:205px !important;display:flex !important;flex-direction:column !important;gap:8px !important;box-shadow:0 10px 25px rgba(0,0,0,0.4),0 0 10px rgba(37,99,235,0.15) !important;backdrop-filter:blur(10px) !important;-webkit-backdrop-filter:blur(10px) !important;position:relative !important;overflow:hidden !important;transition:all 0.3s cubic-bezier(.16,1,.3,1) !important}.dashboard-item:nth-child(even){border-color:rgba(245,158,11,0.3) !important;box-shadow:0 10px 25px rgba(0,0,0,0.4),0 0 10px rgba(245,158,11,0.15) !important}.dashboard-item:hover{transform:translateY(-4px) !important;border-color:rgba(37,99,235,0.7) !important;box-shadow:0 15px 30px rgba(37,99,235,0.3) !important;background:rgba(8,8,16,0.75) !important}.dashboard-item:nth-child(even):hover{border-color:rgba(245,158,11,0.7) !important;box-shadow:0 15px 30px rgba(245,158,11,0.3) !important}.db-header{display:flex !important;align-items:center !important;gap:8px !important;font-size:0.76rem !important;font-weight:800 !important;color:#94a3b8 !important;text-transform:uppercase !important;letter-spacing:0.8px !important}.db-icon{height:18px !important;width:auto !important;object-fit:contain !important}.db-status-dot{width:6px !important;height:6px !important;background-color:#10b981 !important;border-radius:50% !important;margin-left:auto !important;box-shadow:0 0 8px #10b981 !important;animation:dbDotPulse 1.5s infinite !important}@keyframes dbDotPulse{0%{opacity:0.4}50%{opacity:1}100%{opacity:0.4}}.db-number{font-size:1.35rem !important;font-weight:800 !important;font-family:'Outfit',sans-serif !important;color:#ffffff !important;margin:2px 0 !important}.db-number .live-counter{color:#10b981 !important;text-shadow:0 0 10px rgba(16,185,129,0.6) !important;font-size:1.35rem !important;font-weight:800 !important;font-family:'Outfit',sans-serif !important}.db-progress-container{width:100% !important;height:4px !important;background:rgba(255,255,255,0.06) !important;border-radius:10px !important;overflow:hidden !important}.db-progress-bar{height:100% !important;background:linear-gradient(90deg,#2563EB,#F59E0B) !important;border-radius:10px !important;width:100% !important;transform-origin:left center !important;animation:dbProgressFill 3.2s infinite linear !important}.bar-likes{animation-delay:0s !important}.bar-views{animation-delay:0.6s !important}.bar-followers{animation-delay:1.2s !important}.bar-comments{animation-delay:1.8s !important}.bar-monetizations{animation-delay:2.4s !important}@keyframes dbProgressFill{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}.db-footer{display:flex !important;justify-content:space-between !important;font-size:0.72rem !important;font-weight:700 !important}.db-growth{color:#10b981 !important}.db-speed{color:#64748b !important;display:flex !important;align-items:center !important;gap:3px !important}.currency-sidebar-pill .flag-btn.flag-active{filter:none !important;opacity:1 !important;transform:scale(1.2) !important;border-color:#2563EB !important;box-shadow:0 0 12px rgba(37,99,235,0.5) !important}.currency-sidebar-pill .flag-btn:not(.flag-active){filter:grayscale(100%) opacity(40%) !important;transform:scale(0.9) !important;border-color:rgba(255,255,255,0.08) !important;box-shadow:none !important}html[data-theme="light"] body.body,html[data-theme="light"] body{background-color:var(--bg-color) !important}html[data-theme="light"] body{background-color:var(--bg-color);background-image:radial-gradient(circle at 10% 20%,rgba(37,99,235,0.07) 0%,transparent 45%),radial-gradient(circle at 90% 15%,rgba(245,158,11,0.06) 0%,transparent 40%),var(--bg-color)}html[data-theme="light"] body::before{display:none}html[data-theme="light"] .text-3d-luminous{text-shadow:0 0 8px rgba(37,99,235,0.25),0 0 16px rgba(37,99,235,0.15),0 4px 0px rgba(30,58,138,0.15) !important}html[data-theme="light"] .nav-links-pill.nav-links-pill>a,html[data-theme="light"] .navbar .has-dropdown>a{color:var(--text-muted) !important}html[data-theme="light"] .nav-links-pill.nav-links-pill>a:hover,html[data-theme="light"] .navbar .has-dropdown>a:hover{color:var(--text-main) !important}html[data-theme="light"] .cur-active{color:var(--secondary) !important}@media (min-width:769px){html[data-theme="light"] .navbar{background:rgba(255,255,255,0.92) !important;border-bottom:1px solid var(--card-border) !important;box-shadow:0 4px 20px rgba(15,23,42,0.06) !important}html[data-theme="light"] .nav-links-pill{background:var(--surface) !important;border-color:var(--card-border) !important;box-shadow:0 10px 30px -12px rgba(15,23,42,0.15) !important}}html[data-theme="light"] .hamburger{color:var(--text-main) !important}html[data-theme="light"] .dropdown-menu>.dropdown-menu-inner{background:var(--surface) !important;border-color:var(--card-border) !important;box-shadow:0 20px 45px -14px rgba(15,23,42,0.18) !important}html[data-theme="light"] .dropdown-menu a{color:var(--text-muted) !important}html[data-theme="light"] .dropdown-menu a:not(:last-child){border-bottom-color:var(--card-border) !important}html[data-theme="light"] .dropdown-menu a:hover{background:var(--surface-2) !important;color:var(--text-main) !important}html[data-theme="light"] .currency-sidebar-pill{background:var(--surface) !important;border-color:var(--card-border) !important;box-shadow:0 10px 25px rgba(15,23,42,0.12) !important}html[data-theme="light"] .currency-sidebar-pill .pill-icon svg{stroke:var(--text-main) !important}html[data-theme="light"] .currency-sidebar-pill .flag-btn{border-color:var(--card-border) !important}html[data-theme="light"] .currency-sidebar-pill .pill-text{color:rgba(15,23,42,0.55) !important}html[data-theme="light"] .currency-sidebar-pill .flag-btn:not(.flag-active){border-color:var(--card-border) !important}html[data-theme="light"] #bgCanvas{background:var(--bg-color) !important;opacity:0.5}html[data-theme="light"] .dashboard-item{background:rgba(255,255,255,0.75) !important}html[data-theme="light"] .dashboard-item:hover{background:rgba(255,255,255,0.95) !important}html[data-theme="light"] .db-header{color:var(--text-muted) !important}html[data-theme="light"] .db-number{color:var(--text-main) !important}html[data-theme="light"] .db-number .live-counter{color:var(--success) !important;text-shadow:0 0 8px rgba(4,120,87,0.25) !important}html[data-theme="light"] .db-progress-container{background:rgba(15,23,42,0.08) !important}html[data-theme="light"] .db-growth{color:var(--success) !important}html[data-theme="light"] .db-speed{color:var(--text-muted) !important}html[data-theme="light"] .ticker-item{color:var(--text-main) !important}html[data-theme="light"] .tab-btn{color:var(--text-muted) !important}html[data-theme="light"] .banner-card{background:var(--card-bg) !important}html[data-theme="light"] .highlight-card .banner-img,html[data-theme="light"] .banner-card:not(.highlight-card) .banner-img{background:var(--img-placeholder) !important}html[data-theme="light"] .test-name{color:var(--text-main) !important}html[data-theme="light"] .test-text{color:var(--text-muted) !important}html[data-theme="light"] .modal-header{color:var(--text-main) !important}html[data-theme="light"] .close-modal:hover{color:var(--text-main) !important}html[data-theme="light"] .form-group label{color:var(--text-muted) !important}html[data-theme="light"] .form-group input{background:var(--surface) !important;border-color:var(--card-border) !important;color:var(--text-main) !important}html[data-theme="light"] .custom-select{background-color:var(--surface) !important;color:var(--text-main) !important;border:1px solid var(--card-border) !important}html[data-theme="light"] .custom-select optgroup{background-color:var(--surface-2) !important}html[data-theme="light"] .custom-select option{background-color:var(--surface) !important;color:var(--text-main) !important}html[data-theme="light"] footer{background:linear-gradient(180deg,var(--bg-color) 0%,var(--bg-alt) 100%) !important;border-top-color:var(--card-border) !important}html[data-theme="light"] .footer-contact a{color:var(--text-muted) !important}html[data-theme="light"] .btn-outline.btn-outline{border-color:rgba(15,23,42,0.2) !important}html[data-theme="light"] .btn-outline.btn-outline:hover{background:rgba(15,23,42,0.05) !important;border-color:rgba(15,23,42,0.35) !important}html,body{overflow-x:hidden !important;width:100% !important;max-width:100vw !important;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media screen and (max-width:768px){input,select,textarea{font-size:16px !important}}@media screen and (max-width:768px){.svc-hero-container,.pw-page-container{padding:20px 4% 50px !important}.svc-title,.pw-page-container h1{font-size:clamp(1.85rem,7.5vw,2.5rem) !important;line-height:1.18 !important;margin-bottom:12px !important}.svc-subtitle,.pw-page-container>p{font-size:0.98rem !important;line-height:1.55 !important;margin-bottom:20px !important}.svc-eyebrow,.pw-tag,.eyebrow-badge{font-size:0.72rem !important;padding:5px 12px !important;margin-bottom:12px !important}.pw-plans-grid,.sectors-clean-grid,.pillars-grid,.pw-features-grid,.services-grid,.services-detail-grid{grid-template-columns:1fr !important;gap:18px !important}.pos-showcase-img,.pw-page-container img,.svc-hero-container img{border-radius:14px !important;max-height:none !important;width:100% !important;height:auto !important}.pos-showcase-body{padding:22px 18px !important}.pw-plan-card,.banner-card{padding:24px 20px !important;border-radius:16px !important}.btn,.cta-btn{min-height:48px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;font-size:0.98rem !important;padding:12px 20px !important;border-radius:12px !important}.footer-container{grid-template-columns:1fr !important;gap:30px !important;text-align:left !important}.footer-contact a{padding:6px 0 !important;display:block !important;min-height:38px !important;display:flex !important;align-items:center !important}.floating-buttons,.floating-wpp,.floating-tg{bottom:calc(18px+env(safe-area-inset-bottom,0px)) !important}}
/* ESTILOS PARA BANNERS PRINCIPALES DE REDES SOCIALES (16:9 TOTAL TOP COMPLETO) */
.featured-banner-wrapper{width:100%;max-width:1150px;margin:0 auto 40px;display:block}
.featured-banner-wrapper .highlight-card{width:100%;display:flex;flex-direction:column;background:var(--card-bg);border-radius:20px;overflow:hidden;border:1px solid var(--card-border);box-shadow:0 10px 30px rgba(0,0,0,0.3);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.featured-banner-wrapper .highlight-card:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(245,158,11,0.25);border-color:rgba(245,158,11,0.5)}
.featured-banner-wrapper .banner-img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;border-bottom:1px solid rgba(255,255,255,0.08)}
.featured-banner-wrapper .banner-info{padding:30px 24px;text-align:center;display:flex;flex-direction:column;gap:16px}
.featured-banner-wrapper .banner-info h2{font-size:clamp(1.4rem,2.4vw,1.9rem);font-weight:800;color:var(--text-main);margin-bottom:4px}
.featured-banner-wrapper .service-description{color:var(--text-muted);font-size:1.02rem;line-height:1.75;max-width:860px;margin:0 auto}
.featured-banner-wrapper .pricing-action{display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap;margin-top:10px}
.featured-banner-wrapper .price-tag{font-size:2.2rem;font-weight:900;color:var(--secondary);text-shadow:0 0 12px rgba(37,99,235,0.4)}
.featured-banner-wrapper .cta-btn{min-width:260px;padding:14px 28px;font-size:1.05rem}

/* CUADRICULA SECUNDARIA 9:16 LIMPIA Y UNIFORME */
.services-grid-secondary{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;align-items:stretch;margin-top:20px}
.services-grid-secondary .banner-card{display:flex;flex-direction:column;background:var(--card-bg);border-radius:18px;overflow:hidden;border:1px solid var(--card-border);transition:transform .3s ease,border-color .3s ease}
.services-grid-secondary .banner-img{width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;display:block;border-bottom:1px solid rgba(255,255,255,0.06)}

/* BOTONES ZERO-JS PARA COMPARTIR EN BLOGS Y GUÍAS */
.share-box{margin:50px auto 30px;padding:26px 20px;border-radius:16px;background:var(--surface);border:1px solid var(--card-border);text-align:center;max-width:780px}
.share-title{font-size:1.05rem;font-weight:700;margin-bottom:16px;color:var(--text-main)}
.share-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn-share{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;font-size:0.88rem;font-weight:700;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;color:#ffffff}
.btn-share:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,0.3)}
.share-wa{background:#25D366;box-shadow:0 3px 0 #188641}
.share-li{background:#0A66C2;box-shadow:0 3px 0 #06407b}
.share-email{background:#ea4335;box-shadow:0 3px 0 #a3271d}
.share-x{background:#0f1419;border:1px solid rgba(255,255,255,0.2);box-shadow:0 3px 0 #000000}
/* COMPONENTE SOCIAL SHARE UI/UX PRO MAX */
.share-container{margin:45px auto 30px;padding:24px 26px;background:var(--surface);border:1px solid var(--card-border);border-radius:16px;max-width:820px;box-sizing:border-box}
.share-header{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.share-label{font-size:0.85rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);white-space:nowrap}
.share-divider{flex:1;height:1px;background:var(--border-soft)}
.share-grid{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.share-chip{display:inline-flex;align-items:center;gap:9px;padding:10px 20px;min-height:44px;border-radius:100px;font-size:0.88rem;font-weight:600;text-decoration:none;background:var(--surface-2);color:var(--text-main);border:1px solid var(--border-soft);transition:transform 0.2s cubic-bezier(0.16,1,0.3,1),border-color 0.2s ease,background 0.2s ease,color 0.2s ease}
.share-chip svg{flex-shrink:0;transition:transform 0.2s ease}
.share-chip:hover{transform:translateY(-2px);border-color:var(--primary);color:var(--text-main)}
.share-chip:hover svg{transform:scale(1.08)}
.share-chip.share-wa:hover{border-color:#25D366;background:rgba(37,211,102,0.12);color:#25D366}
.share-chip.share-li:hover{border-color:#0A66C2;background:rgba(10,102,194,0.12);color:#60a5fa}
.share-chip.share-x:hover{border-color:var(--primary);background:rgba(245,158,11,0.12);color:var(--primary)}
.share-chip.share-mail:hover{border-color:#ea4335;background:rgba(234,67,53,0.12);color:#f87171}
@media (max-width:640px){.share-container{padding:20px 16px;margin:35px auto 25px}.share-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.share-chip{justify-content:center;width:100%;padding:10px 12px}}

/* ============================================================
   MODAL DE PAGO DIRECTO 1-CLIC (OPCIÓN 3) — CERO FORMULARIOS
   ============================================================ */
#leadModal, .modal-overlay#leadModal {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    opacity: 0 !important;
}

.iw-pay-overlay {
    position: fixed;
    inset: 0;
    z-index: 99999;
    background: rgba(5, 5, 10, 0.82);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.25s ease;
}

.iw-pay-overlay.active {
    opacity: 1;
    visibility: visible;
}

.iw-pay-modal {
    background: var(--surface, #0c0c14);
    border: 1px solid var(--border-soft, rgba(255, 255, 255, 0.12));
    border-radius: 22px;
    width: 100%;
    max-width: 550px;
    max-height: 90vh;
    max-height: 90dvh;
    overflow-y: auto;
    box-shadow: 0 30px 70px -10px rgba(0, 0, 0, 0.85), 0 0 0 1px rgba(255, 255, 255, 0.06);
    transform: translateY(22px) scale(0.96);
    transition: transform 0.26s cubic-bezier(0.16, 1, 0.3, 1);
    display: flex;
    flex-direction: column;
    color: var(--text-main, #ffffff);
    position: relative;
    box-sizing: border-box;
}

.iw-pay-overlay.active .iw-pay-modal {
    transform: translateY(0) scale(1);
}

.iw-pay-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 22px 24px 16px;
    border-bottom: 1px solid var(--border-soft, rgba(255, 255, 255, 0.08));
    position: sticky;
    top: 0;
    background: var(--surface, #0c0c14);
    z-index: 10;
}

.iw-pay-title-box {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.iw-pay-eyebrow {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--primary, #F59E0B);
    display: flex;
    align-items: center;
    gap: 6px;
}

.iw-pay-title {
    font-size: 1.15rem;
    font-weight: 800;
    color: var(--text-main, #ffffff);
    margin: 0;
    line-height: 1.3;
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.iw-pay-close {
    background: var(--surface-2, rgba(255, 255, 255, 0.06));
    border: 1px solid var(--border-soft, rgba(255, 255, 255, 0.1));
    color: var(--text-muted, #94a3b8);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
    flex-shrink: 0;
}

.iw-pay-close:hover {
    background: rgba(255, 255, 255, 0.14);
    color: #ffffff;
    transform: scale(1.05);
}

.iw-pay-body {
    padding: 20px 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Selector de Hitos de Desarrollo */
.iw-milestone-box {
    background: var(--surface-2, rgba(255, 255, 255, 0.03));
    border: 1px solid var(--border-soft, rgba(255, 255, 255, 0.08));
    border-radius: 14px;
    padding: 14px;
}

.iw-milestone-label {
    font-size: 0.74rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-muted, #94a3b8);
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.iw-milestone-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

.iw-milestone-btn {
    background: var(--surface, #0c0c14);
    border: 1px solid var(--border-soft, rgba(255, 255, 255, 0.1));
    border-radius: 10px;
    padding: 10px 6px;
    cursor: pointer;
    text-align: center;
    transition: all 0.2s ease;
    color: var(--text-main, #ffffff);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.iw-milestone-btn:hover {
    border-color: var(--primary, #F59E0B);
    background: rgba(245, 158, 11, 0.06);
}

.iw-milestone-btn.active {
    background: rgba(245, 158, 11, 0.14);
    border-color: var(--primary, #F59E0B);
    box-shadow: 0 0 14px rgba(245, 158, 11, 0.25);
}

.iw-m-pct {
    font-size: 0.95rem;
    font-weight: 800;
    color: var(--primary, #F59E0B);
}

.iw-m-tag {
    font-size: 0.68rem;
    color: var(--text-muted, #94a3b8);
    line-height: 1.2;
}

.iw-m-val {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--text-main, #ffffff);
}

/* Badge de suscripción o pago único */
.iw-subs-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(16, 185, 129, 0.12);
    border: 1px solid rgba(16, 185, 129, 0.3);
    color: #10b981;
    font-size: 0.78rem;
    font-weight: 700;
    padding: 8px 14px;
    border-radius: 10px;
}

/* Resumen de Precios */
.iw-price-summary {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.08), rgba(245, 158, 11, 0.05));
    border: 1px solid rgba(37, 99, 235, 0.22);
    border-radius: 14px;
    padding: 16px 18px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.iw-price-row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.iw-price-main-lbl {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--text-muted, #94a3b8);
}

.iw-price-main-val {
    font-size: 1.6rem;
    font-weight: 900;
    color: var(--text-main, #ffffff);
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.iw-price-breakdown {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--border-soft, rgba(255, 255, 255, 0.08));
    font-size: 0.74rem;
}

.iw-fee-chip-free {
    color: #10b981;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.iw-fee-chip-gateway {
    color: var(--text-muted, #94a3b8);
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.iw-fee-chip-free strong, .iw-fee-chip-gateway strong {
    font-weight: 700;
    color: var(--text-main, #ffffff);
    font-size: 0.8rem;
}

/* ── UI/UX PRO MAX: 3 OPCIONES DE PAGO REFINADAS ── */
.iw-methods-label {
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--text-muted, #94a3b8);
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 4px;
}

.iw-methods-label::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--border-soft, rgba(255, 255, 255, 0.08));
}

.iw-payment-options {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.iw-payment-card {
    background: var(--surface-2, #131d31);
    border: 1px solid var(--border-soft, rgba(255, 255, 255, 0.09));
    border-radius: 14px;
    padding: 14px 18px;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
}

.iw-payment-card:hover {
    transform: translateY(-2px);
    border-color: rgba(255, 255, 255, 0.22);
    background: #18243c;
}

/* Opción 1: Bold Colombia */
.iw-card-bold:hover {
    border-color: rgba(239, 68, 68, 0.45);
    box-shadow: 0 10px 28px -6px rgba(239, 68, 68, 0.22);
}

/* Opción 2: dLocal Go Internacional */
.iw-card-dlocal:hover {
    border-color: rgba(37, 99, 235, 0.45);
    box-shadow: 0 10px 28px -6px rgba(37, 99, 235, 0.22);
}

/* Opción Recomendada: Datáfono Bold & QR Bre-B (0% Comisión - UI/UX Pro Max) */
.iw-card-recommended {
    position: relative !important;
    border: 1.5px solid #0052FF !important;
    background: var(--surface-2, #131d31) !important;
    box-shadow: 0 4px 18px rgba(0, 82, 255, 0.12), 0 1px 3px rgba(15, 23, 42, 0.06) !important;
    transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}
.iw-card-recommended:hover {
    border-color: #0052FF !important;
    box-shadow: 0 8px 26px rgba(0, 82, 255, 0.22), 0 2px 6px rgba(15, 23, 42, 0.08) !important;
    transform: translateY(-2px) !important;
}
.iw-card-rec-header {
    background: linear-gradient(90deg, #0052FF 0%, #1d4ed8 100%);
    color: #ffffff;
    padding: 5px 18px;
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
}
.iw-card-rec-tag {
    font-size: 0.60rem;
    font-weight: 700;
    opacity: 0.95;
    letter-spacing: 0.03em;
}
.iw-card-rec-body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 12px 18px;
    box-sizing: border-box;
}

/* BADGES DE COMISIÓN DE ALTA VISIBILIDAD (0% vs +5%) */
.iw-badge-commission {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0.72rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.02em !important;
    padding: 3px 9px !important;
    border-radius: 6px !important;
    text-transform: uppercase !important;
}
.iw-badge-commission.zero {
    background: #ecfdf5 !important;
    color: #047857 !important;
    border: 1.5px solid #10b981 !important;
    box-shadow: 0 1px 4px rgba(16, 185, 129, 0.2) !important;
}
.iw-badge-commission.surcharge {
    background: #fef3c7 !important;
    color: #92400e !important;
    border: 1.5px solid #f59e0b !important;
    box-shadow: 0 1px 4px rgba(245, 158, 11, 0.22) !important;
}
[data-theme="dark"] .iw-tag-recommended-pill {
    background: rgba(0, 82, 255, 0.2) !important;
    color: #60a5fa !important;
    border-color: rgba(96, 165, 250, 0.35) !important;
}
[data-theme="dark"] .iw-badge-commission.zero {
    background: rgba(16, 185, 129, 0.2) !important;
    color: #6ee7b7 !important;
    border: 1.5px solid #10b981 !important;
}
[data-theme="dark"] .iw-badge-commission.surcharge {
    background: rgba(245, 158, 11, 0.22) !important;
    color: #fde68a !important;
    border: 1.5px solid #f59e0b !important;
}

.iw-card-left {
    display: flex;
    align-items: center;
    gap: 14px;
    text-align: left;
}

/* Caja de Logo Justificado con Alta Fidelidad */
.iw-logo-box {
    width: 74px;
    height: 46px;
    background: #ffffff;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 8px;
    flex-shrink: 0;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
}

.iw-logo-box img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
}

.iw-logo-box.wa-box {
    background: #25D366;
    padding: 8px;
}

.iw-card-info {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.iw-card-name-row {
    display: flex;
    align-items: center;
    gap: 8px;
}

.iw-card-name {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--text-main, #ffffff);
    line-height: 1.25;
}

.iw-card-subtitle {
    font-size: 0.72rem;
    color: var(--text-muted, #94a3b8);
    line-height: 1.25;
}

/* Píldoras de Medios Soportados */
.iw-pill-list {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 3px;
    flex-wrap: wrap;
}

.iw-pill {
    font-size: 0.65rem;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.08);
    color: #cbd5e1;
}

.iw-pill.accent {
    background: rgba(16, 185, 129, 0.15);
    color: #34d399;
    font-weight: 700;
}

/* Columna Derecha de Tarifas y CTA */
.iw-card-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    flex-shrink: 0;
    text-align: right;
}

.iw-badge-rate {
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 3px 8px;
    border-radius: 6px;
    white-space: nowrap;
}

.badge-free {
    background: rgba(16, 185, 129, 0.15);
    color: #34d399;
    border: 1px solid rgba(16, 185, 129, 0.3);
}

.badge-surcharge {
    background: rgba(255, 255, 255, 0.08);
    color: #94a3b8;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.iw-card-amount {
    font-size: 0.88rem;
    font-weight: 800;
    color: var(--text-main, #ffffff);
}

.iw-arrow-indicator {
    font-size: 0.72rem;
    font-weight: 600;
    color: #818cf8;
    transition: transform 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 3px;
}

.iw-payment-card:hover .iw-arrow-indicator {
    transform: translateX(3px);
    color: #ffffff;
}

/* ── MODAL VISOR QR BOLD SONOS (0% RECARGO) AMPLIO Y FLUIDO ── */
.iw-qr-modal {
    background: var(--surface, #0c0f17);
    border: 1px solid var(--border-soft, rgba(255, 255, 255, 0.14));
    border-radius: 22px;
    width: 94vw;
    max-width: 620px;
    max-height: 92vh;
    max-height: 92dvh;
    box-shadow: 0 35px 85px -10px rgba(0, 0, 0, 0.9), 0 0 0 1px rgba(255, 255, 255, 0.08);
    display: none;
    flex-direction: column;
    overflow-y: auto;
    position: relative;
    box-sizing: border-box;
    animation: iwInpagePop 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.iw-qr-topbar {
    background: #111827;
    padding: 14px 20px;
    border-bottom: 1px solid var(--border-soft, rgba(255, 255, 255, 0.08));
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-shrink: 0;
}

.iw-qr-body {
    padding: 24px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 14px;
}

.iw-qr-meta {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

.iw-qr-title {
    font-size: 1.25rem;
    font-weight: 800;
    color: var(--text-main, #ffffff);
    margin: 0;
}

.iw-qr-desc {
    font-size: 0.82rem;
    color: var(--text-muted, #94a3b8);
    margin: 0;
    max-width: 460px;
    line-height: 1.45;
}

.iw-qr-amount-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(16, 185, 129, 0.15);
    border: 1px solid rgba(16, 185, 129, 0.35);
    color: #34d399;
    font-size: 1rem;
    font-weight: 800;
    padding: 7px 18px;
    border-radius: 30px;
    margin-top: 4px;
}

.iw-qr-img-box {
    background: #ffffff;
    padding: 12px;
    border-radius: 18px;
    width: 230px;
    height: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.55);
}

.iw-qr-img-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 10px;
    display: block;
}

.iw-qr-actions {
    display: flex;
    gap: 10px;
    width: 100%;
    margin-top: 8px;
    flex-wrap: wrap;
}

.iw-qr-actions > * {
    flex: 1;
    min-width: 140px;
}

/* ── MARCO FLOTANTE IN-PAGE CHECKOUT OPTIMIZADO (dLocal Go & Bold) ── */
.iw-inpage-modal {
    background: var(--surface, #0c0f17);
    border: 1px solid var(--border-soft, rgba(255, 255, 255, 0.14));
    border-radius: 22px;
    width: 96vw;
    max-width: 1060px;
    height: 92vh;
    height: 92dvh;
    max-height: 960px;
    box-shadow: 0 35px 85px -10px rgba(0, 0, 0, 0.9), 0 0 0 1px rgba(255, 255, 255, 0.08);
    display: none;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    animation: iwInpagePop 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes iwInpagePop {
    from { opacity: 0; transform: scale(0.97); }
    to { opacity: 1; transform: scale(1); }
}

.iw-inpage-topbar {
    background: #111827;
    padding: 12px 20px;
    border-bottom: 1px solid var(--border-soft, rgba(255, 255, 255, 0.08));
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-shrink: 0;
    flex-wrap: wrap;
}

.iw-inpage-security {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 0.78rem;
    font-weight: 700;
    color: #10b981;
}

.iw-inpage-security svg {
    width: 16px;
    height: 16px;
}

.iw-inpage-gateway {
    font-size: 0.76rem;
    color: var(--text-muted, #94a3b8);
    background: rgba(255, 255, 255, 0.08);
    padding: 4px 10px;
    border-radius: 6px;
    font-weight: 600;
    letter-spacing: 0.2px;
}

.iw-inpage-back {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #ffffff;
    padding: 8px 16px;
    border-radius: 9px;
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.iw-inpage-back:hover {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.35);
    color: #ffffff;
}

.iw-inpage-external {
    background: rgba(99, 102, 241, 0.18);
    border: 1px solid rgba(99, 102, 241, 0.4);
    color: #a5b4fc;
    padding: 7px 14px;
    border-radius: 9px;
    font-size: 0.78rem;
    font-weight: 700;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: all 0.2s ease;
}

.iw-inpage-external:hover {
    background: #6366f1;
    border-color: #6366f1;
    color: #ffffff;
}

.iw-inpage-body {
    flex: 1;
    width: 100%;
    height: calc(100% - 58px);
    display: flex;
    flex-direction: column;
    position: relative;
    background: #ffffff;
    overflow: hidden;
}

.iw-inpage-body iframe {
    width: 100%;
    height: 100%;
    flex: 1;
    border: none;
    display: block;
    background: #ffffff;
}

@media (max-width: 768px) {
    .iw-inpage-modal,
    .iw-qr-modal {
        width: 100vw;
        max-width: 100vw;
        height: 100vh;
        height: 100dvh;
        max-height: 100dvh;
        border-radius: 0;
        border: none;
    }
    .iw-inpage-topbar,
    .iw-qr-topbar {
        padding: 10px 14px;
    }
}

@media (max-width: 480px) {
    .iw-pay-overlay {
        padding: 0 !important;
    }
}

.iw-inpage-loader {
    position: absolute;
    inset: 0;
    background: #0c0f17;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    z-index: 10;
}

.iw-spinner-lg {
    width: 32px;
    height: 32px;
    border: 3px solid rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    border-top-color: #6366f1;
    animation: iwSpin 0.7s linear infinite;
}

.iw-loader-txt {
    font-size: 0.88rem;
    font-weight: 700;
    color: #f8fafc;
}

.iw-loader-sub {
    font-size: 0.72rem;
    color: #94a3b8;
}

.iw-btn-loading {
    opacity: 0.65;
    pointer-events: none;
    filter: grayscale(40%);
}

.iw-spinner {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top-color: #ffffff;
    animation: iwSpin 0.7s linear infinite;
}

@keyframes iwSpin {
    to { transform: rotate(360deg); }
}

.iw-pay-footer {
    padding: 12px 24px 20px;
    font-size: 0.72rem;
    color: var(--text-muted-2, #64748b);
    line-height: 1.5;
    text-align: center;
    border-top: 1px solid var(--border-soft, rgba(255, 255, 255, 0.06));
}

/* ── BANNER COMPARATIVO 0% VS +5% ── */
.iw-fee-banner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    background: rgba(15, 23, 42, 0.85);
    border: 1px solid var(--border-soft, rgba(255, 255, 255, 0.08));
    border-radius: 14px;
    padding: 12px 14px;
    margin-top: 4px;
}

.iw-fee-chip-box {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.iw-chip-title {
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.iw-fee-chip-box.free .iw-chip-title {
    color: #10b981;
}

.iw-fee-chip-box.surcharge .iw-chip-title {
    color: #94a3b8;
}

.iw-chip-val {
    font-size: 1.15rem;
    font-weight: 900;
    color: var(--text-main, #ffffff);
}

.iw-chip-sub {
    font-size: 0.68rem;
    color: var(--text-muted, #64748b);
    line-height: 1.2;
}

/* ── VISOR QR BOLD SONOS IN-PAGE ── */
.iw-qr-overlay {
    position: absolute;
    inset: 0;
    background: #0c0f17;
    border-radius: 22px;
    z-index: 55;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px;
    text-align: center;
    animation: iwFadeIn 0.22s ease-out;
}

.iw-qr-box {
    background: #ffffff;
    padding: 12px;
    border-radius: 16px;
    width: 220px;
    height: 220px;
    margin: 12px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);
}

.iw-qr-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 8px;
}

@media (max-width: 600px) {
    .iw-pay-overlay {
        padding: 0;
        align-items: flex-end;
    }
    .iw-pay-modal {
        border-radius: 20px 20px 0 0;
        max-height: 92vh;
        max-height: 92dvh;
    }
    .iw-milestone-grid {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .iw-payment-card {
        padding: 12px 14px;
    }
    .iw-logo-box {
        width: 64px;
        height: 40px;
    }
}

/* ── ADAPTACIÓN MODO CLARO (OPCIÓN B) DEL CHECKOUT ── */
html[data-theme="light"] .iw-pay-modal {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    color: #0f172a !important;
    box-shadow: 0 25px 70px -10px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
}

html[data-theme="light"] .iw-pay-header {
    background: #ffffff !important;
    border-bottom-color: #e2e8f0 !important;
}

html[data-theme="light"] .iw-pay-title {
    color: #0f172a !important;
}

html[data-theme="light"] .iw-pay-close {
    background: #f1f5f9 !important;
    border-color: #e2e8f0 !important;
    color: #64748b !important;
}
html[data-theme="light"] .iw-pay-close:hover {
    background: #e2e8f0 !important;
    color: #0f172a !important;
}

html[data-theme="light"] .iw-milestone-box {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
}

html[data-theme="light"] .iw-milestone-btn {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    color: #64748b !important;
}

html[data-theme="light"] .iw-milestone-btn.active {
    background: #fffbeb !important;
    border-color: #f59e0b !important;
    box-shadow: 0 0 12px rgba(245, 158, 11, 0.2) !important;
    color: #0f172a !important;
}

html[data-theme="light"] .iw-m-val {
    color: #0f172a !important;
}

html[data-theme="light"] .iw-fee-banner {
    background: #f0fdf4 !important;
    border-color: #a7f3d0 !important;
}

html[data-theme="light"] .iw-chip-val {
    color: #0f172a !important;
}

html[data-theme="light"] .iw-chip-sub {
    color: #64748b !important;
}

html[data-theme="light"] .iw-methods-label {
    color: #64748b !important;
}
html[data-theme="light"] .iw-methods-label::after {
    background: #e2e8f0 !important;
}

html[data-theme="light"] .iw-payment-card {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    color: #0f172a !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
}

html[data-theme="light"] .iw-payment-card:hover {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
}

html[data-theme="light"] .iw-payment-card.iw-card-recommended {
    background: #f8faff !important;
    border: 1.5px solid #0052FF !important;
    box-shadow: 0 4px 16px rgba(0, 82, 255, 0.1) !important;
}
html[data-theme="light"] .iw-payment-card.iw-card-recommended:hover {
    box-shadow: 0 8px 24px rgba(0, 82, 255, 0.18) !important;
}

html[data-theme="light"] .iw-card-name {
    color: #0f172a !important;
}

html[data-theme="light"] .iw-card-subtitle {
    color: #64748b !important;
}

html[data-theme="light"] .iw-card-amount {
    color: #0f172a !important;
}

html[data-theme="light"] .iw-pill {
    background: #f1f5f9 !important;
    color: #475569 !important;
}

html[data-theme="light"] .iw-pill.accent {
    background: #dcfce7 !important;
    color: #15803d !important;
}

html[data-theme="light"] .badge-surcharge {
    background: #f1f5f9 !important;
    color: #64748b !important;
    border-color: #e2e8f0 !important;
}

html[data-theme="light"] .iw-arrow-indicator {
    color: #4338ca !important;
}

html[data-theme="light"] .iw-pay-footer {
    border-top-color: #e2e8f0 !important;
    color: #64748b !important;
}

html[data-theme="light"] .iw-inpage-modal,
html[data-theme="light"] .iw-qr-modal {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 35px 85px -10px rgba(0, 0, 0, 0.22) !important;
}

html[data-theme="light"] .iw-inpage-topbar,
html[data-theme="light"] .iw-qr-topbar {
    background: #f8fafc !important;
    border-bottom-color: #e2e8f0 !important;
}

html[data-theme="light"] .iw-inpage-gateway {
    background: #f1f5f9 !important;
    color: #475569 !important;
}

html[data-theme="light"] .iw-inpage-back {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
}

html[data-theme="light"] .iw-inpage-back:hover {
    background: #f1f5f9 !important;
    border-color: #94a3b8 !important;
}

html[data-theme="light"] .iw-qr-title {
    color: #0f172a !important;
}

html[data-theme="light"] .iw-qr-img-box {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
}

/* Datáfonos Bold Dropdown Tag Pill */
.bold-menu-tag, .navbar .dropdown-menu .bold-menu-tag {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #FFFFFF !important;
    border-radius: 4px !important;
    padding: 2px 6px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.25) !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    width: auto !important;
    flex-shrink: 0 !important;
    line-height: 1 !important;
    vertical-align: middle !important;
}
.bold-menu-tag img, .bold-tag-logo, .navbar .dropdown-menu .bold-menu-tag img {
    height: 12px !important;
    max-height: 12px !important;
    min-height: 12px !important;
    width: auto !important;
    max-width: 44px !important;
    display: block !important;
    object-fit: contain !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ============================================================
   UI/UX PRO MAX: OPTIMIZACIÓN RESPONSIVE MODAL DE PAGO 1-CLIC
   ============================================================ */
@media (max-width: 640px) {
    .iw-pay-overlay {
        padding: 8px !important;
        align-items: flex-end !important;
    }
    .iw-pay-modal {
        max-width: 100% !important;
        max-height: 92vh !important;
        max-height: 92dvh !important;
        border-radius: 20px 20px 12px 12px !important;
    }
    .iw-pay-header {
        padding: 14px 16px 12px !important;
    }
    .iw-pay-title {
        font-size: 1.02rem !important;
    }
    .iw-pay-eyebrow {
        font-size: 0.68rem !important;
    }
    .iw-pay-close {
        width: 32px !important;
        height: 32px !important;
    }
    .iw-pay-body {
        padding: 12px 14px !important;
        gap: 10px !important;
    }
    .iw-subs-badge {
        padding: 7px 12px !important;
        font-size: 0.74rem !important;
    }
    .iw-price-summary {
        padding: 10px 14px !important;
        border-radius: 12px !important;
    }
    .iw-price-main-lbl {
        font-size: 0.78rem !important;
    }
    .iw-price-main-val {
        font-size: 1.25rem !important;
        white-space: nowrap !important;
    }
    .iw-price-breakdown {
        gap: 6px !important;
        margin-top: 6px !important;
    }
    .iw-fee-chip-free,
    .iw-fee-chip-gateway {
        padding: 6px 10px !important;
        font-size: 0.70rem !important;
    }
    .iw-methods-label {
        font-size: 0.70rem !important;
        margin: 4px 0 2px !important;
    }
    .iw-payment-options {
        gap: 8px !important;
    }
    .iw-payment-card {
        padding: 9px 12px !important;
        border-radius: 12px !important;
    }
    .iw-logo-box {
        width: 56px !important;
        height: 36px !important;
        padding: 3px 5px !important;
        border-radius: 6px !important;
    }
    .iw-logo-box.wa-box {
        padding: 6px !important;
    }
    .iw-card-left {
        gap: 10px !important;
    }
    .iw-card-name {
        font-size: 0.86rem !important;
    }
    .iw-card-subtitle {
        font-size: 0.66rem !important;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .iw-pill-list {
        display: none !important;
    }
    .iw-card-right {
        gap: 2px !important;
    }
    .iw-badge-rate {
        font-size: 0.62rem !important;
        padding: 2px 6px !important;
    }
    .iw-card-amount {
        font-size: 0.88rem !important;
    }
    .iw-arrow-indicator {
        font-size: 0.72rem !important;
    }
    .iw-pay-footer {
        padding: 8px 14px 14px !important;
        font-size: 0.66rem !important;
    }
}

/* ============================================================
   UI/UX PRO MAX: FIXED NAVBAR CLEARANCE & VIEWPORT SPACING
   ============================================================ */
body {
    padding-top: 88px !important;
}

@media (max-width: 768px) {
    body {
        padding-top: 80px !important;
    }
}

.breadcrumb,
.page-breadcrumb {
    margin-top: 0 !important;
    padding: 16px 5% 12px !important;
    font-size: 0.88rem !important;
    color: var(--text-muted) !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    position: relative !important;
    z-index: 10 !important;
}

.breadcrumb a,
.page-breadcrumb a {
    color: var(--text-muted) !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.breadcrumb a:hover,
.page-breadcrumb a:hover {
    color: var(--primary) !important;
}

/* Scroll margin so section anchors and headers never slide under fixed navbar */
section[id],
div[id],
h1,
h2,
h3,
.featured-banner-wrapper,
.banner-card,
.compliance-callout {
    scroll-margin-top: 105px !important;
}

/* ============================================================
   UI/UX PRO MAX: HIGH-CONVERTING CAMPAIGN ACTION BUTTONS
   ============================================================ */
.btn-campaign-cta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
    min-height: 52px !important;
    padding: 12px 18px !important;
    background: linear-gradient(135deg, #F59E0B 0%, #D97706 100%) !important;
    color: #0A0A0F !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 0.94rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.01em !important;
    border: 1px solid rgba(245, 158, 11, 0.4) !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 14px rgba(245, 158, 11, 0.32) !important;
    cursor: pointer !important;
    text-decoration: none !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.btn-campaign-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.28), transparent);
    transition: left 0.6s ease;
    pointer-events: none;
}

.btn-campaign-cta:hover::before {
    left: 100%;
}

.btn-campaign-cta:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(245, 158, 11, 0.48) !important;
    background: linear-gradient(135deg, #FBBF24 0%, #D97706 100%) !important;
    color: #000000 !important;
}

.btn-campaign-cta:active {
    transform: translateY(0) scale(0.98) !important;
    box-shadow: 0 2px 8px rgba(245, 158, 11, 0.25) !important;
}

.btn-cta-main {
    font-weight: 800 !important;
    white-space: nowrap !important;
    color: #0A0A0F !important;
}

.btn-cta-pill {
    font-size: 0.74rem !important;
    font-weight: 700 !important;
    background: rgba(0, 0, 0, 0.16) !important;
    color: #0A0A0F !important;
    padding: 3px 9px !important;
    border-radius: 20px !important;
    letter-spacing: 0.02em !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    white-space: nowrap !important;
}

.btn-cta-arrow {
    width: 16px !important;
    height: 16px !important;
    flex-shrink: 0 !important;
    stroke: #0A0A0F !important;
    transition: transform 0.25s ease !important;
}

.btn-campaign-cta:hover .btn-cta-arrow {
    transform: translateX(4px) !important;
}

.btn-campaign-cta.featured-cta {
    min-height: 56px !important;
    padding: 14px 28px !important;
    font-size: 1.02rem !important;
    max-width: 440px !important;
    margin: 0 auto !important;
    border-radius: 14px !important;
    box-shadow: 0 6px 22px rgba(245, 158, 11, 0.4) !important;
}

/* ============================================================
   UI/UX PRO MAX: OBJECTIVE CARDS & CHECKLISTS
   ============================================================ */
.objective-card-pro {
    padding: 32px 28px !important;
    border-radius: 18px !important;
    background: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease, border-color 0.3s ease !important;
    position: relative !important;
}

.objective-card-pro:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.35) !important;
    border-color: rgba(37, 99, 235, 0.4) !important;
}

.objective-card-pro.card-highlight {
    border: 2px solid var(--primary) !important;
    box-shadow: 0 10px 30px rgba(245, 158, 11, 0.18) !important;
}

.objective-card-pro.card-highlight:hover {
    box-shadow: 0 20px 45px rgba(245, 158, 11, 0.28) !important;
    border-color: #FBBF24 !important;
}

.card-top-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 18px !important;
    gap: 12px !important;
}

.card-icon-badge {
    width: 44px !important;
    height: 44px !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    transition: transform 0.25s ease !important;
}

.objective-card-pro:hover .card-icon-badge {
    transform: scale(1.08) !important;
}

.badge-blue {
    background: rgba(37, 99, 235, 0.12) !important;
    border: 1px solid rgba(37, 99, 235, 0.28) !important;
}

.badge-green {
    background: rgba(16, 185, 129, 0.12) !important;
    border: 1px solid rgba(16, 185, 129, 0.28) !important;
}

.badge-pink {
    background: rgba(236, 72, 153, 0.12) !important;
    border: 1px solid rgba(236, 72, 153, 0.28) !important;
}

.card-feature-checklist {
    list-style: none !important;
    padding: 0 !important;
    margin: 18px 0 22px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.card-feature-checklist li {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    font-size: 0.92rem !important;
    color: var(--text-muted) !important;
    line-height: 1.55 !important;
    list-style: none !important;
    padding: 0 !important;
}

.card-feature-checklist li strong {
    color: var(--text-main) !important;
}

.card-feature-checklist .check-icon {
    flex-shrink: 0 !important;
    margin-top: 2px !important;
    stroke: #10B981 !important;
}

.card-badge-solicitada {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    background: linear-gradient(135deg, #F59E0B 0%, #D97706 100%) !important;
    color: #0A0A0F !important;
    font-size: 0.74rem !important;
    font-weight: 800 !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    box-shadow: 0 2px 8px rgba(245, 158, 11, 0.35) !important;
    margin-bottom: 14px !important;
}

.card-badge-solicitada svg {
    flex-shrink: 0 !important;
    fill: currentColor !important;
}

.card-action-link {
    color: var(--primary-text) !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    font-size: 0.95rem !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    transition: transform 0.2s ease, color 0.2s ease !important;
}

.card-action-link:hover {
    color: var(--primary) !important;
    transform: translateX(3px) !important;
}

/* ============================================================
   UI/UX PRO MAX: COMPLIANCE CALLOUT MODERN VECTOR STYLING
   ============================================================ */
.compliance-callout {
    background: rgba(37, 99, 235, 0.06) !important;
    border: 1px solid rgba(37, 99, 235, 0.28) !important;
    border-radius: 14px !important;
    padding: 18px 22px !important;
    margin: 0 auto 35px !important;
    max-width: 950px !important;
    text-align: left !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
}

html[data-theme="light"] .compliance-callout {
    background: rgba(37, 99, 235, 0.05) !important;
    border-color: rgba(37, 99, 235, 0.22) !important;
    box-shadow: 0 4px 15px rgba(15, 23, 42, 0.04) !important;
}

.compliance-icon-wrap {
    flex-shrink: 0 !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
    background: rgba(37, 99, 235, 0.12) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.compliance-icon-wrap svg {
    stroke: #2563EB !important;
}

/* ============================================================
   UI/UX PRO MAX: NAVBAR & DROPDOWN Z-INDEX STACKING HIERARCHY
   Evita que submenús queden ocultos o pasen por debajo de sticky bars
   ============================================================ */
.navbar,
header.navbar,
.navbar.navbar {
    z-index: 100000 !important;
}

.has-dropdown {
    position: relative !important;
    z-index: 100001 !important;
}

.dropdown-menu,
.navbar .dropdown-menu,
.dropdown-menu > .dropdown-menu-inner {
    z-index: 100002 !important;
}

/* ============================================================
   UI/UX PRO MAX: BOTONES DE WHATSAPP PROFESIONALES Y COMPACTOS
   Más pequeños, elegantes, sin saturar la jerarquía visual
   ============================================================ */
.btn-fintech-whatsapp,
.btn-share-whatsapp,
.btn-consult-wa {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 9px 18px !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
    border-radius: 999px !important;
    background: rgba(16, 185, 129, 0.08) !important;
    color: #10b981 !important;
    border: 1px solid rgba(16, 185, 129, 0.32) !important;
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.12) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
    text-decoration: none !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

.btn-fintech-whatsapp svg,
.btn-share-whatsapp svg,
.btn-consult-wa svg {
    width: 16px !important;
    height: 16px !important;
    flex-shrink: 0 !important;
}

.btn-fintech-whatsapp:hover,
.btn-share-whatsapp:hover,
.btn-consult-wa:hover {
    background: rgba(16, 185, 129, 0.16) !important;
    color: #059669 !important;
    border-color: rgba(16, 185, 129, 0.6) !important;
    box-shadow: 0 4px 14px rgba(16, 185, 129, 0.22) !important;
    transform: translateY(-1px) !important;
}

[data-theme="dark"] .btn-fintech-whatsapp,
[data-theme="dark"] .btn-share-whatsapp,
[data-theme="dark"] .btn-consult-wa {
    background: rgba(16, 185, 129, 0.1) !important;
    color: #34d399 !important;
    border-color: rgba(52, 211, 153, 0.3) !important;
}

[data-theme="dark"] .btn-fintech-whatsapp:hover,
[data-theme="dark"] .btn-share-whatsapp:hover,
[data-theme="dark"] .btn-consult-wa:hover {
    background: rgba(16, 185, 129, 0.2) !important;
    color: #6ee7b7 !important;
    border-color: rgba(52, 211, 153, 0.65) !important;
}

/* Responsive: el menú lateral cerrado no filtra su sombra al borde derecho */
@media (max-width: 768px) {
    .nav-actions:not(.active) { box-shadow: none !important; }
}