@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";
.vod{--vod-bg:var(--bg-alt);--vod-text:var(--text);--vod-accent:linear-gradient(135deg, #3a6ff7, #2c5adf);--vod-icon:var(--brand);--vod-font:"Inter", Roboto, Helvetica, Arial, sans-serif;--vod-max:1100px;--vod-card:linear-gradient(180deg, rgba(var(--fg-rgb), .07), rgba(var(--fg-rgb), .03));--vod-surface:rgba(var(--fg-rgb), .05);--vod-surface-hover:rgba(var(--fg-rgb), .09);--vod-line:rgba(var(--fg-rgb), .15);min-height:100vh;font-family:var(--vod-font);color:var(--vod-text);background:var(--vod-bg);line-height:1.4;position:relative;overflow-x:hidden}.vod-top--con-imagen{background-image:var(--vod-bg-image);background-color:var(--hero-veil);background-blend-mode:var(--hero-blend);background-position:50%;background-repeat:no-repeat;background-size:cover}.vod h1,.vod h2,.vod h3,.vod p{margin:0}.vod-topbar{justify-content:space-between;align-items:center;width:100%;padding:18px 30px;display:flex}.vod-logo{width:auto;height:46px;filter:var(--logo-nav-filter);padding:10px 0}.vod-back{color:rgb(var(--on-media-rgb));border:1px solid rgba(var(--on-media-rgb), .2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;border-radius:8px;padding:10px 14px;font-size:15px;text-decoration:none;transition:background .2s}.vod-back:hover{color:rgb(var(--on-media-rgb));background:#0000009e}.vod-header{max-width:var(--vod-max);margin:auto;padding:20px;display:flex}.vod-hero{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.vod-hero h1{margin-bottom:30px;font-size:46px;font-weight:700;line-height:1.2}.vod-hero-sub{opacity:.9;margin-bottom:30px;font-size:22px}.vod-hero-desc{opacity:.75;max-width:640px;font-size:18px}.vod-container{flex-shrink:0;justify-content:center;width:100%;max-width:480px;padding:280px 20px 20px;display:flex;position:relative}.vod-bot{pointer-events:none;width:318px;position:absolute;top:4px;right:20px}.vod-bot img{max-width:100%;height:auto}.vod-card{z-index:1;background:var(--vod-card);border:1px solid rgba(var(--fg-rgb), .12);width:100%;max-width:420px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;padding:20px;animation:.6s forwards vod-aparecer;position:relative}.vod-card h2{margin-bottom:16px;font-size:26px;line-height:1}.vod-widget{width:100%}.vod-widget-estado{opacity:.75;justify-content:center;align-items:center;gap:10px;min-height:120px;font-size:14px;display:flex}.vod-widget-estado--error{color:#ffb4b4;opacity:1}.vod-spinner{border:2px solid rgba(var(--fg-rgb), .25);border-top-color:currentColor;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite vod-girar}@keyframes vod-girar{to{transform:rotate(360deg)}}.vod-how{padding:40px 20px 20px}.vod-how-container{max-width:var(--vod-max);margin:auto}.vod-how h2{margin-bottom:60px;font-size:32px}.vod-timeline{grid-template-columns:repeat(4,1fr);gap:40px;display:grid;position:relative}.vod-timeline:before{content:"";background:var(--vod-line);height:2px;position:absolute;top:26px;left:0;right:0}.vod-step{position:relative}.vod-step-circle{background:var(--vod-accent);z-index:2;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:20px;font-size:18px;font-weight:700;display:flex;position:relative}.vod-step-card{background:var(--vod-surface);border-radius:12px;padding:22px;transition:all .2s}.vod-step-card:hover{background:var(--vod-surface-hover);transform:translateY(-4px)}.vod-step-card h3{margin-bottom:8px;font-size:18px}.vod-step-card p{opacity:.85;font-size:17px}.vod-cases{padding:80px 20px}.vod-cases h2{max-width:var(--vod-max);margin:0 auto 60px;font-size:32px}.vod-cases-grid{max-width:var(--vod-max);grid-template-columns:repeat(3,1fr);gap:40px;margin:auto;display:grid}.vod-case{background:var(--vod-surface);border-radius:14px;padding:35px;transition:all .25s}.vod-case svg{color:var(--vod-icon);margin-bottom:16px}.vod-case:hover{background:var(--vod-surface-hover);transform:translateY(-6px)}.vod-case h3{margin:16px 0 10px;font-size:20px}.vod-case p{opacity:.8;font-size:16px}@keyframes vod-aparecer{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1000px){.vod-cases-grid,.vod-timeline{grid-template-columns:repeat(2,1fr)}.vod-timeline:before{display:none}}@media (max-width:800px){.vod-header{flex-direction:column}.vod-container{max-width:none}}@media (max-width:600px){.vod-bot{width:224px;right:0}.vod-container{padding-top:198px}.vod-hero h1{font-size:34px}.vod-hero-sub{font-size:20px}.vod-hero-desc{font-size:17px}.vod-cases-grid,.vod-timeline{grid-template-columns:1fr}}