:root{--navy:#062e5d;--deep:#031e3e;--blue:#0e4f8a;--green:#78b425;--green-deep:#4e8010;--ink:#183047;--muted:#66788a;--line:#dce6ee;--soft:#f3f7fa;--white:#fff;--amber:#e8a229;--red:#c93636}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);background:#f5f8fb;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.validation-header{height:86px;padding:0 max(28px,calc((100vw - 1180px)/2));display:flex;align-items:center;gap:38px;background:#fff;border-bottom:1px solid #e5ecf2;position:sticky;top:0;z-index:30;box-shadow:0 8px 26px rgba(6,46,93,.05)}
.validation-brand{width:225px;height:58px;overflow:hidden;display:flex}.validation-brand img{display:block;width:100%;height:58px;object-fit:contain;transform:scale(2.25)}
.validation-header nav{margin-left:auto;display:flex;gap:28px}.validation-header nav a{color:#40566c;text-decoration:none;font-size:12px;font-weight:800}.validation-header nav a:hover,.validation-header nav a.active{color:var(--green-deep)}
.system-access{display:flex;align-items:center;gap:13px;padding:14px 18px;border-radius:9px;color:#fff;background:var(--navy);text-decoration:none;font-size:11px;font-weight:900;box-shadow:0 9px 22px rgba(6,46,93,.18)}.system-access span{color:#a8d35f;font-size:16px}
.validation-hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(90deg,rgba(3,30,62,.97),rgba(6,46,93,.88)),url('/static/assets/renavex_hero_carretera_v1.webp') center 52%/cover no-repeat}
.validation-hero:before{content:"";position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:55px 55px}
.validation-hero-inner{position:relative;z-index:2;max-width:920px;margin:auto;padding:72px 28px 82px;text-align:center}
.validation-kicker,.section-label{display:inline-flex;align-items:center;gap:9px;color:#a8d35f;font-size:9px;letter-spacing:1.7px;font-weight:900}.validation-kicker i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(120,180,37,.14)}
.validation-hero h1{margin:16px 0 14px;color:#fff;font-size:clamp(37px,5vw,56px);line-height:1.05;letter-spacing:-2px}.validation-hero-inner>p{max-width:690px;margin:0 auto;color:rgba(255,255,255,.71);font-size:14px;line-height:1.65}
.npv-search{max-width:760px;margin:35px auto 0;text-align:left}.npv-search>label{display:block;margin:0 0 8px 5px;color:rgba(255,255,255,.72);font-size:9px;letter-spacing:.7px;font-weight:900}.search-control{display:flex;align-items:center;padding:7px 7px 7px 17px;border:1px solid rgba(255,255,255,.24);border-radius:14px;background:#fff;box-shadow:0 20px 42px rgba(0,0,0,.24)}.search-mark{color:#7690a6;font-size:24px}.search-control input{min-width:0;flex:1;margin:0;padding:13px;border:0;outline:0;color:var(--navy);font-size:19px;font-weight:900;letter-spacing:1.7px;text-transform:uppercase}.search-control input::placeholder{color:#9eabb8}.search-control button{height:48px;padding:0 21px;border:0;border-radius:9px;background:var(--green);color:#fff;font-size:11px;font-weight:900;cursor:pointer}.search-control button span{margin-left:12px}.npv-search>small{display:block;margin:10px 5px 0;color:rgba(255,255,255,.53);font-size:9px}
.validation-content{max-width:1180px;margin:auto;padding:62px 28px 90px}.validation-welcome{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;padding:48px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 17px 50px rgba(6,46,93,.07)}
.welcome-copy h2{margin:12px 0 15px;color:var(--navy);font-size:34px;line-height:1.1;letter-spacing:-1px}.welcome-copy p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.validation-steps{list-style:none;margin:0;padding:0;display:grid;gap:11px}.validation-steps li{display:flex;gap:15px;padding:18px;border:1px solid var(--line);border-radius:13px;background:#fbfcfd}.validation-steps li>span{display:grid;place-items:center;flex:0 0 35px;height:35px;border-radius:50%;background:#e8f3d8;color:var(--green-deep);font-size:9px;font-weight:900}.validation-steps b{color:var(--navy);font-size:12px}.validation-steps p{margin:6px 0 0;color:var(--muted);font-size:10px;line-height:1.45}.privacy-note{grid-column:1/-1;display:flex;align-items:center;gap:16px;padding:17px 20px;border-radius:12px;background:#eef5f9}.privacy-note>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:#fff;background:var(--navy)}.privacy-note b{color:var(--navy);font-size:11px}.privacy-note p{margin:4px 0 0;color:var(--muted);font-size:9px}
.result-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:23px;box-shadow:0 22px 60px rgba(6,46,93,.1)}.result-card:before{content:"";display:block;height:6px;background:var(--green)}.result-suspended:before,.result-expired:before,.result-pending:before{background:var(--amber)}.result-cancelled:before,.result-not-found:before{background:var(--red)}
.result-header{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:37px 42px;border-bottom:1px solid var(--line);background:linear-gradient(100deg,#fff,#f7fafc)}.result-status{display:flex;align-items:center;gap:19px}.result-status-icon{display:grid;place-items:center;flex:0 0 54px;height:54px;border-radius:50%;color:#fff;background:var(--green);font-size:23px;font-weight:900;box-shadow:0 0 0 8px #edf6df}.result-suspended .result-status-icon,.result-expired .result-status-icon,.result-pending .result-status-icon{background:var(--amber);box-shadow:0 0 0 8px #fff5e3}.result-cancelled .result-status-icon,.result-not-found .result-status-icon{background:var(--red);box-shadow:0 0 0 8px #fdecec}.result-overline{color:#7b8d9e;font-size:8px;letter-spacing:1.4px;font-weight:900}.result-status h2{margin:5px 0 6px;color:var(--navy);font-size:25px}.result-status p{max-width:550px;margin:0;color:var(--muted);font-size:11px;line-height:1.5}.result-npv{min-width:235px;padding:17px 20px;border-radius:13px;text-align:right;color:#fff;background:var(--navy)}.result-npv small{display:block;color:rgba(255,255,255,.58);font-size:7px;letter-spacing:.9px;font-weight:800}.result-npv strong{display:block;margin-top:6px;font-size:28px;letter-spacing:1px}
.vehicle-summary{display:flex;align-items:center;justify-content:space-between;padding:29px 42px 10px}.vehicle-title{display:flex;align-items:center;gap:14px}.vehicle-symbol{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#eaf3df;color:var(--green-deep);font-size:23px}.vehicle-title small{color:#778a9e;font-size:7px;letter-spacing:1.1px;font-weight:900}.vehicle-title h3{margin:5px 0 0;color:var(--navy);font-size:20px}.vehicle-title h3 span{color:var(--green-deep)}.status-pill{padding:7px 12px;border-radius:999px;color:#47760d;background:#e9f3db;font-size:8px;letter-spacing:.6px;font-weight:900}
.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:17px 42px 38px;border:1px solid var(--line);border-radius:14px;overflow:hidden}.result-grid div{min-height:80px;padding:18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fcfdfe}.result-grid div:nth-child(4n){border-right:0}.result-grid div:nth-last-child(-n+4){border-bottom:0}.result-grid dt{color:#7a8c9d;font-size:8px;text-transform:uppercase;letter-spacing:.7px;font-weight:900}.result-grid dd{margin:8px 0 0;color:var(--navy);font-size:12px;font-weight:900;overflow-wrap:anywhere}.result-footer{display:flex;align-items:center;gap:55px;padding:22px 42px;background:var(--deep);color:#fff}.result-footer div{display:flex;flex-direction:column;gap:5px}.result-footer small{color:rgba(255,255,255,.48);font-size:7px;letter-spacing:.9px}.result-footer b{font-size:10px;letter-spacing:.6px}.result-footer a{margin-left:auto;color:#b9df79;text-decoration:none;font-size:10px;font-weight:900}.public-data-notice{margin:16px 10px 0;color:#778999;text-align:center;font-size:9px;line-height:1.5}
.pending-panel{display:flex;align-items:center;gap:18px;margin:28px 42px 38px;padding:27px;border-radius:14px;background:#fff7e9;border:1px solid #f2dfbd}.pending-panel>span{font-size:30px}.pending-panel b{color:#89590c;font-size:13px}.pending-panel p{margin:7px 0 0;color:#8e724a;font-size:10px}.result-not-found{max-width:760px;margin:auto;padding:58px;text-align:center}.result-not-found .result-status-icon{margin:0 auto 25px}.result-not-found h2{margin:9px 0 13px;color:var(--navy);font-size:32px}.result-not-found>p{max-width:560px;margin:0 auto;color:var(--muted);font-size:13px;line-height:1.7}.result-actions{display:flex;justify-content:center;gap:12px;margin-top:27px}.result-actions a{padding:13px 18px;border-radius:9px;color:#fff;background:var(--green);text-decoration:none;font-size:10px;font-weight:900}.result-actions a.secondary{background:var(--navy)}
.validation-footer{padding:29px max(28px,calc((100vw - 1180px)/2));display:flex;align-items:center;gap:24px;background:var(--deep);color:#fff;border-top:4px solid var(--green)}.validation-footer div{display:flex;align-items:center;gap:13px}.validation-footer div b{font-size:15px}.validation-footer div span,.validation-footer p,.validation-footer a{color:rgba(255,255,255,.5);font-size:8px;text-decoration:none}.validation-footer p{margin-left:auto}.validation-footer a{color:#b9df79;font-weight:900}
@media(max-width:900px){.validation-header{height:auto;min-height:76px;padding:9px 20px}.validation-brand{width:180px;height:50px}.validation-brand img{height:50px}.validation-header nav{display:none}.system-access{margin-left:auto}.validation-welcome{grid-template-columns:1fr}.result-header{align-items:flex-start}.result-grid{grid-template-columns:repeat(2,1fr)}.result-grid div:nth-child(4n){border-right:1px solid var(--line)}.result-grid div:nth-child(2n){border-right:0}.result-grid div:nth-last-child(-n+4){border-bottom:1px solid var(--line)}.result-grid div:nth-last-child(-n+2){border-bottom:0}}
@media(max-width:620px){.validation-header{padding:8px 14px}.validation-brand{width:140px;min-width:130px;height:42px}.validation-brand img{height:42px}.system-access{padding:11px;font-size:9px}.system-access span{display:none}.validation-hero-inner{padding:55px 18px 65px}.validation-hero h1{font-size:38px;letter-spacing:-1.5px}.search-control{display:grid;grid-template-columns:30px 1fr;padding:7px}.search-control input{font-size:17px}.search-control button{grid-column:1/-1;width:100%;margin-top:3px}.validation-content{padding:40px 16px 65px}.validation-welcome{padding:27px 20px;gap:28px}.privacy-note{align-items:flex-start}.result-header{display:block;padding:28px 22px}.result-status{align-items:flex-start}.result-status-icon{flex-basis:43px;height:43px;font-size:18px}.result-npv{margin-top:25px;text-align:left}.vehicle-summary{display:block;padding:25px 22px 7px}.status-pill{display:inline-block;margin:16px 0 0 57px}.result-grid{grid-template-columns:1fr;margin:15px 22px 28px}.result-grid div{border-right:0!important;border-bottom:1px solid var(--line)!important}.result-grid div:last-child{border-bottom:0!important}.result-footer{display:grid;gap:16px;padding:23px 22px}.result-footer a{margin-left:0}.pending-panel{margin:22px}.result-not-found{padding:42px 22px}.result-actions{display:grid}.validation-footer{display:block;padding:27px 20px}.validation-footer p{margin:18px 0}.validation-footer div{display:block}.validation-footer div span{display:block;margin-top:7px}}