/* Oficina Virtual — estilo local. Reutiliza la identidad y componentes de Punta de Caja. */
.ov-page { color-scheme:dark; }
.ov-page section[id] { scroll-margin-top:86px; }
.ov-hero { min-height:745px; background:linear-gradient(100deg,rgba(2,6,23,.98) 7%,rgba(2,6,23,.94) 57%,rgba(2,6,23,.90)),url('../img/hero_tx.png') center/cover no-repeat; }
.ov-hero::before { background:radial-gradient(ellipse at 82% 40%,rgba(36,123,237,.26),transparent 46%); }
.ov-page .pc-hero h1 { max-width:650px; }
.ov-page .pc-highlights { margin-top:30px; }
.ov-breadcrumb-current { color:#e5f0ff; }
.ov-portal-preview { margin-left:auto; width:100%; max-width:530px; background:linear-gradient(142deg,#132245,#080f25); border:1px solid rgba(124,185,255,.28); border-radius:27px; overflow:hidden; box-shadow:0 35px 85px rgba(0,0,0,.42),0 0 90px rgba(32,133,240,.13); transform:rotate(.5deg); }
.ov-preview-heading { padding:18px 24px; border-bottom:1px solid rgba(181,214,255,.10); display:flex; justify-content:space-between; gap:12px; align-items:center; }
.ov-logo { font-size:13px; letter-spacing:.5px; color:#69ccff; font-weight:800; }
.ov-logo strong { color:#f2f7ff; font-size:15px; }
.ov-logo small { font-size:11px; color:#a9bfd9; font-weight:500; }
.ov-preview-indicator { display:flex; gap:5px; } .ov-preview-indicator i { width:6px; height:6px; border:1px solid #6c88b0; border-radius:50%; }
.ov-preview-body { padding:27px 25px 21px; }
.ov-preview-kicker { display:block; color:#84c9fa; letter-spacing:1.2px; text-transform:uppercase; font-size:10px; font-weight:800; }
.ov-preview-body h2 { font-size:24px; font-weight:800; color:#fff; margin:13px 0 7px; }
.ov-preview-sub { color:#a6bbd1; font-size:12px; margin:0 0 24px; }
.ov-preview-layout { display:grid; grid-template-columns:minmax(0,1fr) 116px; gap:13px; }
.ov-preview-steps { min-width:0; } .ov-preview-steps h3 { margin:0 0 12px; color:#9cb8d7; text-transform:uppercase; letter-spacing:.8px; font-size:11px; font-weight:800; }
.ov-preview-step { display:flex; align-items:center; gap:10px; padding:12px 10px; background:rgba(196,221,255,.045); border:1px solid rgba(144,183,232,.12); border-radius:11px; margin-bottom:8px; font-size:11px; line-height:1.35; color:#e5f2ff; }
.ov-preview-step span:first-child { color:#60caff; font-weight:800; font-size:11px; } .ov-preview-step [data-i18n] { flex:1; }
.ov-preview-step b { color:#76ebbc; }
.ov-qr-side { display:flex;flex-direction:column;justify-content:center;align-items:center;gap:11px;border:1px solid rgba(144,183,232,.13);background:rgba(65,129,213,.10);border-radius:13px;padding:12px 8px; }
.ov-qr-side p { font-size:11px; color:#c8eaff; margin:0; text-align:center; }
.ov-qr-mark { width:72px;height:72px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:5px;padding:7px;border-radius:9px;background:#e8f4ff; }
.ov-qr-mark span { background:#1c4570; border-radius:2px; } .ov-qr-mark span:nth-child(2),.ov-qr-mark span:nth-child(6) { background:transparent; } .ov-qr-mark span:nth-child(8) { border-radius:50%; }
.ov-preview-footer { padding:17px 25px; background:rgba(17,38,75,.58);border-top:1px solid rgba(182,216,250,.09); display:flex;justify-content:space-between;align-items:center;color:#bbd1e7;font-size:12px; }
.ov-preview-footer span:first-child {display:inline-flex;align-items:center;gap:10px;} .ov-preview-footer i {display:inline-block;width:7px;height:7px;background:#68eab9;border-radius:50%;box-shadow:0 0 9px #68eab9;}
.ov-stats { padding:45px 0 50px; background:#071124; border-top:1px solid rgba(157,193,230,.08); border-bottom:1px solid rgba(157,193,230,.08); }
.ov-stats-label { text-align:center;display:block !important;margin:0 0 25px;font-size:11px !important; }
.ov-stats-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.ov-stats-grid>div { text-align:center; border-right:1px solid rgba(150,175,214,.14); } .ov-stats-grid>div:last-child {border-right:0;}
.ov-stats-grid strong { display:block; font-size:clamp(1.75rem,3vw,2.45rem); color:#fff; font-weight:850; letter-spacing:-1px; }
.ov-stats-grid p { color:#94abc6; font-size:12px; margin:4px 0 0; }
.ov-intro { background:#030919; } .ov-intro h2, .ov-links h2 { max-width:710px;color:#fff;font-size:clamp(2rem,3.4vw,3rem);font-weight:800;letter-spacing:-.8px;line-height:1.18;margin:17px 0 20px; }
.ov-intro p, .ov-links-copy {max-width:690px;color:#adbfd3;font-size:16px;line-height:1.9;margin:0;}
.ov-tags {display:grid;gap:11px;max-width:445px;margin-left:auto;} .ov-tags>span {padding:14px 20px;border:1px solid rgba(125,174,229,.20);border-radius:12px;background:rgba(255,255,255,.035);color:#c7def2;font-size:14px;font-weight:600;}
.ov-tags>span::before {content:'✓';margin-right:12px;color:#60d4fa;font-weight:800;}
.ov-flow { background:#050c1c; } .ov-step-card { min-height:286px;padding:26px; }
.ov-step-card h3 {font-size:19px;}
.ov-features {background:#020617;} .ov-feature-card {height:100%;padding:27px;min-height:230px;background:rgba(255,255,255,.035);border:1px solid rgba(154,177,222,.14);border-radius:21px;transition:transform .3s,border-color .3s,background .3s;}
.ov-feature-card:hover {transform:translateY(-5px);border-color:rgba(88,192,255,.46);background:rgba(35,78,132,.17);}
.ov-feature-icon {display:grid;place-items:center;width:49px;height:49px;font-size:26px;color:#85d9ff;background:rgba(72,164,232,.13);border-radius:15px;margin-bottom:21px;}
.ov-feature-card h3 {color:#fff;font-size:20px;font-weight:800;line-height:1.3;margin:0 0 11px;} .ov-feature-card p {color:#b2c0d3;font-size:14px;line-height:1.75;margin:0;}
.ov-links { background:radial-gradient(ellipse at 84% 34%,rgba(38,109,212,.12),transparent 52%),#071124; }
.ov-link-pills {display:flex;gap:10px;flex-wrap:wrap;margin-top:26px;} .ov-link-pills span {display:inline-block;border-radius:50px;padding:10px 14px;color:#b3e1ff;background:rgba(51,133,209,.15);border:1px solid rgba(91,176,251,.20);font-size:12px;font-weight:700;}
.ov-methods {max-width:470px;margin-left:auto;padding:28px;background:linear-gradient(135deg,#122448,#0b1731);border:1px solid rgba(120,174,244,.23);border-radius:22px;box-shadow:0 28px 60px rgba(0,0,0,.20);}
.ov-methods-title {display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(177,211,255,.10);padding-bottom:19px;}.ov-methods-title>span {font-size:26px;color:#8dd9ff;}.ov-methods h3 {font-weight:800;font-size:18px;color:#fff;margin:0;}
.ov-methods ul {list-style:none;margin:15px 0 0;padding:0;} .ov-methods li {display:flex;align-items:center;gap:13px;color:#d4e1f1;font-size:13px;padding:13px 0;border-bottom:1px solid rgba(177,211,255,.08);} .ov-methods li:last-child {border:0;} .ov-methods li>span:first-child {color:#87dcff;font-size:21px;}.ov-methods li [data-i18n] {flex:1;}.ov-methods li>b {color:#69e6ae;}
.ov-benefits {background:linear-gradient(175deg,#070f23,#030917 90%);} .ov-benefit {height:100%;} .ov-benefit p {max-width:unset;margin-bottom:0;}
.ov-backing {background:#020617;} .ov-backing-card {height:100%;background:rgba(255,255,255,.025);border:1px solid rgba(151,182,230,.12);border-radius:18px;padding:29px;} .ov-backing-card h3 {font-size:19px;font-weight:800;color:#f5f9ff;margin:0 0 13px;} .ov-backing-card p {font-size:14px;line-height:1.75;color:#acbfd4;margin:0;}
.ov-final-cta {padding-top:12px;} .ov-contact-line {margin-top:25px;padding:19px 0;display:flex;justify-content:center;flex-wrap:wrap;gap:12px 26px;border-bottom:1px solid rgba(163,188,220,.10);color:#9baec5;font-size:12px;}
.ov-contact-line a {color:#b8daf9;text-decoration:none;}.ov-contact-line a:hover {color:#7bd6ff;}
.ov-slogan {text-align:center;color:#7998b6;font-size:12px;letter-spacing:.4px;margin-top:17px;}
@media (max-width:991px) {.ov-portal-preview {max-width:620px;margin:0 auto;transform:none;}.ov-tags {max-width:unset;margin:0;}.ov-methods {max-width:unset;margin:0;}.ov-stats-grid {grid-template-columns:repeat(2,1fr);gap:22px 10px;}.ov-stats-grid>div:nth-child(2) {border:0;}.ov-intro,.ov-links {padding:75px 0;}}
@media (max-width:575px) {.ov-hero {min-height:0;}.ov-preview-heading {padding:15px 17px;}.ov-preview-body {padding:22px 17px 18px;}.ov-preview-body h2 {font-size:21px;}.ov-preview-layout {grid-template-columns:minmax(0,1fr) 88px;gap:8px;}.ov-preview-step {gap:6px;padding:11px 7px;font-size:10px;}.ov-preview-step span:first-child {font-size:10px;}.ov-qr-mark {height:55px;width:55px;gap:4px;padding:5px;}.ov-qr-side {padding:7px 4px;}.ov-preview-footer {padding:14px 17px;}.ov-stats {padding:36px 0;}.ov-stats-grid strong {font-size:29px;}.ov-stats-grid p {font-size:11px;}.ov-methods {padding:21px;}.ov-feature-card {min-height:0;}.ov-intro h2,.ov-links h2 {font-size:2rem;}.ov-contact-line {justify-content:flex-start;}}
@media (prefers-reduced-motion:reduce) {.ov-feature-card {transition:none;}}