/* Identidad visual del portal base Villegas: portal.css responsive v4. */
:root{--ink:#111827;--muted:#6b7280;--blue:#123c69;--border:rgba(15,23,42,.10);--bg:#f5f7fb;--portal-dark:#101828;--portal-blue:#123c69}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.top{color:#fff;border-bottom:0;background:radial-gradient(circle at top right,rgba(56,189,248,.30),transparent 35%),linear-gradient(135deg,var(--portal-dark),var(--portal-blue))}
.top>.nav{gap:24px;padding-top:26px;padding-bottom:26px;align-items:center}
.brand{display:flex;flex-direction:column;align-items:flex-start;gap:10px;color:#fff;font-weight:800;max-width:100%;font-size:17px;line-height:1.3}
.portal-logo-wrap{display:block;padding:8px 12px;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.55);border-radius:20px;box-shadow:0 16px 40px rgba(0,0,0,.22);max-width:100%}
.portal-logo{display:block;width:230px;max-width:100%;height:auto;object-fit:contain}
.portal-section-name{padding-left:3px}
.top nav{gap:12px 20px;flex-wrap:wrap;justify-content:flex-end;max-width:100%}
.top nav>a{color:rgba(255,255,255,.92);font-weight:600}
.top nav>a:hover{color:white;text-decoration:underline;text-underline-offset:5px}
.top nav>a.btn{background:#fff;color:#123c69;border:1px solid rgba(255,255,255,.55);text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.12)}
.top nav .link{color:rgba(255,255,255,.85)}
.top nav .portal-return{border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:7px 12px;font-size:13px}
.hero{margin:28px 0 32px;padding:38px 36px;border-radius:28px;color:white;background:radial-gradient(circle at top right,rgba(56,189,248,.30),transparent 35%),linear-gradient(135deg,var(--portal-dark),var(--portal-blue));box-shadow:0 20px 50px rgba(15,23,42,.12)}
.hero p{color:rgba(255,255,255,.85);max-width:850px;font-size:17px;line-height:1.6;margin-bottom:0}
.hero h1{font-weight:800;margin-top:18px;font-size:clamp(28px,4vw,44px);line-height:1.18}
.hero .eyebrow{display:inline-block;background:rgba(255,255,255,.96);color:#123c69;border-radius:999px;padding:6px 12px;letter-spacing:.8px;font-size:11px}
.card,.box,.filters,.sidebar{border-color:var(--border);border-radius:24px;box-shadow:0 12px 30px rgba(15,23,42,.07)}
.card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.card:hover{transform:translateY(-4px);border-color:rgba(18,60,105,.35);box-shadow:0 22px 45px rgba(15,23,42,.12)}
.cardbody{padding:22px}.card h3{font-weight:800}.dealer{color:var(--muted)}
.btn,button.primary{background:#123c69;border-radius:10px}.btn.secondary{background:#fff;color:var(--ink)}.btn.green{background:#147a4a}
.tag,.condition-new{background:#2563eb}
.stat{border-radius:20px;box-shadow:0 8px 22px rgba(15,23,42,.05)}
input:focus,select:focus,textarea:focus{outline-color:rgba(18,60,105,.15);border-color:#123c69}
footer.wrap{background:#fff;border-top:1px solid var(--border);border-radius:24px 24px 0 0;margin-top:36px;text-align:center;font-size:14px;padding-top:26px!important;padding-bottom:26px!important}
footer a{font-weight:700;color:#123c69}
@media(max-width:1050px){.top>.nav{justify-content:center}.brand{align-items:center}.top nav{justify-content:center;width:100%}.hero{padding:30px 28px}}
@media(max-width:720px){.top>.nav{align-items:center;gap:18px;padding-top:22px;padding-bottom:22px}.brand{width:auto;align-items:center;font-size:16px}.portal-logo-wrap{border-radius:18px;padding:8px 10px}.portal-logo{width:220px;max-width:82vw}.top nav{font-size:14px;gap:12px 16px}.hero{text-align:center;margin-top:20px;padding:28px 20px;border-radius:24px}.hero p{font-size:16px}.hero h1{font-size:32px}.cardbody{padding:18px}.box,.filters,.sidebar{border-radius:20px}.card{border-radius:20px}}
@media(max-width:420px){.portal-logo{width:190px}.hero{padding:24px 18px}.hero h1{font-size:27px}.hero p{font-size:15px}.top nav{gap:12px}.top nav .portal-return{font-size:12px}}
@media(prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}
.hero h1,.portal-section-name{overflow-wrap:anywhere}