.vd-roles .vd-head__title{margin:0 0 12px}.vd-roles .vd-head__lead{max-width:640px;margin:0 0 32px;font-size:15px}.vd-roles__tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:16px}.vd-roles__tab{position:relative;display:block;margin:0;text-align:left;padding:16px 16px 18px;border-radius:12px;border:1.5px solid var(--vd-border);background:var(--vd-white);box-shadow:none;cursor:pointer;font:inherit;transition:all .25s}.vd-roles__tab.is-on{border-color:var(--vd-sky);box-shadow:0 12px 30px color-mix(in srgb,var(--vd-sky) 18%,transparent)}.vd-roles__tab-ico{width:38px;height:38px;border-radius:10px;margin-bottom:12px}.vd-roles__tab-ico .vd-symbol-mask{background:currentColor}.vd-roles__tab.is-on .vd-roles__tab-ico{background:var(--vd-sky);color:var(--vd-white)}.vd-roles__tab-t{display:block;font-family:var(--vd-font);font-weight:700;font-size:13.5px;line-height:1.3;color:var(--vd-text);margin-bottom:4px}.vd-roles__tab-q{display:block;font-family:var(--vd-font);font-size:12.5px;font-weight:600;line-height:1.45;color:var(--vd-text)}.vd-roles__tab.is-on .vd-roles__tab-q{color:var(--vd-sky-deep)}.vd-roles__tab-arrow{display:none}.vd-roles__tab.is-on .vd-roles__tab-arrow{display:block;position:absolute;left:50%;bottom:-8px;width:14px;height:14px;background:var(--vd-white);border-right:1.5px solid var(--vd-sky);border-bottom:1.5px solid var(--vd-sky);transform:translateX(-50%) rotate(45deg)}.vd-roles__panel{background:var(--vd-white);border:1px solid var(--vd-border);border-radius:16px;overflow:hidden;box-shadow:var(--vd-shadow)}.vd-roles__bar{height:3px;background:var(--vd-sky)}.vd-roles__grid{display:grid;grid-template-columns:.9fr 1.25fr 1fr;animation:vd-in .45s ease-out both}.vd-roles__grid[hidden]{display:none}.vd-roles__col{padding:32px;min-width:0}.vd-roles__col--1{background:var(--vd-sky-tint);border-right:1px solid var(--vd-border)}.vd-roles__col--2{border-right:1px solid var(--vd-border)}.vd-roles__col--3{display:flex;flex-direction:column}.vd-roles__lbl{font-family:var(--vd-font);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--vd-pizarra);margin-bottom:12px}.vd-roles__lbl--sky{color:var(--vd-sky-deep)}.vd-roles__pain{font-family:var(--vd-font-msg);font-weight:500;font-size:19px;line-height:1.45;color:var(--vd-text);margin:0 0 22px}.vd-roles__ctx{font-family:var(--vd-font);font-size:13.5px;line-height:1.75;color:var(--vd-text);margin:0;padding-left:14px;border-left:2px solid var(--vd-sky);animation-delay:.12s}.vd-roles__capa{font-family:var(--vd-font);font-weight:700;font-size:18px;line-height:1.4;color:var(--vd-text);margin:0 0 10px}.vd-roles__body{font-family:var(--vd-font);font-size:13.5px;line-height:1.8;color:var(--vd-pizarra);margin:0 0 20px}.vd-roles__list{list-style:none;margin:0;padding:0}.vd-roles__li{display:flex;gap:12px;align-items:center;margin-bottom:10px}.vd-roles__li-ico{width:30px;height:30px;border-radius:8px;flex-shrink:0}.vd-roles__li-ico .vd-symbol-mask{background:currentColor}.vd-roles__li-t{font-family:var(--vd-font);font-size:13.5px;line-height:1.5;color:var(--vd-text)}.vd-roles__tag-wrap{margin-bottom:10px}.vd-roles__tag{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:100px;background:var(--vd-white);border:1px solid var(--vd-border);font-family:var(--vd-font);font-size:10.5px;font-weight:700;color:var(--vd-text);white-space:nowrap}.vd-roles__tag-dot{width:7px;height:7px;border-radius:50%;background:var(--vd-sky)}.vd-roles__product{font-family:var(--vd-font);font-weight:700;font-size:19px;line-height:1.3;color:var(--vd-text);margin-bottom:6px}.vd-roles__plan{font-family:var(--vd-font);font-size:12.5px;line-height:1.6;color:var(--vd-pizarra);margin-bottom:22px}.vd-roles__kpi{border-radius:12px;border:1px solid color-mix(in srgb,var(--vd-sky) 20%,transparent);background:var(--vd-sky-tint);padding:18px;margin-bottom:22px}.vd-roles__kpi-v{font-family:var(--vd-font);font-weight:300;font-size:38px;line-height:1;color:var(--vd-sky-deep)}.vd-roles__kpi-l{font-family:var(--vd-font);font-size:12.5px;font-weight:600;color:var(--vd-text);margin-top:6px}.vd-roles__cta{margin-top:auto;padding:16px 16px 14px;border-radius:12px;background:var(--vd-noche)}.vd-roles__cta-q{font-family:var(--vd-font);font-size:14px;font-weight:700;line-height:1.45;color:var(--vd-white);margin-bottom:12px}.vd-roles__cta .vd-btn{width:100%}@media (max-width:1024px){.vd-roles__tabs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}.vd-roles__tabs>*{flex:0 0 210px;scroll-snap-align:start}.vd-roles__grid{grid-template-columns:1fr 1fr}.vd-roles__col--1{grid-column:span 2}}@media (max-width:768px){.vd-roles__grid{grid-template-columns:1fr}.vd-roles__col--1{grid-column:auto}}