:root{--brand:#281b7a;--brand2:#100942;--brand3:#07052b;--accent:#2e20c8;--ink:#070834;--muted:#6b7094;--line:#e2e6f3;--bg:#f6f7fb;--card:#fff;--good:#e9f8ef}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--bg)}.logo{height:46px;object-fit:contain}.top{height:82px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid var(--line)}.nav{display:flex;gap:30px;align-items:center;font-size:12px;font-weight:900}.btn{border:0;background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff;border-radius:10px;padding:15px 22px;font-weight:950;cursor:pointer;box-shadow:0 10px 24px #281b7a25}.hero{min-height:315px;background:linear-gradient(90deg,#100942 0%,#21136fcc 50%,#100942aa 100%),url('https://images.unsplash.com/photo-1601584115197-04ecc0da31d7?q=80&w=1600&auto=format&fit=crop');background-size:cover;background-position:center;display:flex;align-items:center;padding:48px 52px;color:#fff}.hero h1{font-size:54px;line-height:1;margin:0 0 12px;font-weight:950}.hero p{font-size:25px;margin:0 0 28px;font-weight:800}.hero-bullets{display:grid;gap:17px;font-weight:850}.wrap{max-width:1240px;margin:-72px auto 40px;padding:0 24px;display:grid;grid-template-columns:1fr 310px;gap:28px}.card{background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 50px #10094214;padding:26px}.section-title{font-size:20px;color:var(--brand);font-weight:950;margin:0 0 22px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}label{display:block;font-size:13px;font-weight:900;margin:0 0 8px;color:#100942}input,select,textarea{width:100%;height:48px;border:1px solid #cfd4e8;border-radius:8px;padding:0 13px;background:#fff;color:#111047;font-weight:650}textarea{height:76px;padding-top:13px;resize:vertical}.types{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:8px 0 20px}.type input{display:none}.type span{display:flex;height:92px;border:1px solid #d8ddef;border-radius:12px;align-items:center;justify-content:center;text-align:center;font-weight:950;color:#111047;background:#fff;cursor:pointer;flex-direction:column;gap:8px}.type input:checked+span{border:2px solid var(--accent);background:#f2f0ff;box-shadow:0 10px 22px #2e20c817}.metric-block{display:none}.metric-block.active{display:block}.result{text-align:center;position:static;top:auto}.result .icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--accent));color:white;margin:0 auto 14px;font-size:28px}.amount{font-size:42px;font-weight:950;color:var(--brand);margin:6px 0}.small{font-size:12px;color:var(--muted);line-height:1.45}.line{height:1px;background:var(--line);margin:18px 0}.info{display:grid;gap:14px;margin-top:18px}.info div{background:#f5f7fc;border:1px solid var(--line);border-radius:12px;padding:16px;font-size:13px;font-weight:750}.included{background:var(--good)!important;color:#075f2a}.footer{background:linear-gradient(135deg,#100942,#07052b);color:white;padding:34px 52px;margin-top:40px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px;max-width:1240px;margin:auto}.footer img{filter:brightness(0) invert(1);height:38px}.muted{color:#d8d8ef}.app{display:grid;grid-template-columns:285px 1fr;min-height:100vh}.side{background:linear-gradient(180deg,#100942,#07052b);color:#fff;padding:30px 26px;position:sticky;top:0;height:100vh}.side .logo{filter:brightness(0) invert(1);margin-bottom:34px}.menu{display:grid;gap:12px}.menu a{color:white;text-decoration:none;padding:17px 18px;border-radius:10px;font-weight:900}.menu a.active,.menu a:hover{background:linear-gradient(135deg,#3524c5,#4935de)}.side-bottom{position:absolute;bottom:34px;left:26px;right:26px;color:#ddd}.side-bottom img.truck{width:100%;border-radius:16px;margin-top:12px;opacity:.9}.main{padding:28px 34px}.main-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.main-head h1{margin:0;color:var(--brand2);font-size:30px}.userbox{display:flex;gap:12px;align-items:center}.pill{background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px 18px;box-shadow:0 8px 22px #1009420c;font-weight:900}.dashboard{display:grid;grid-template-columns:minmax(560px,1fr) minmax(470px,.92fr);gap:22px;align-items:start}.quote-result{padding:0;overflow:hidden}.quote-head{background:linear-gradient(135deg,#100942,#281b7a);color:white;padding:22px 26px;font-size:19px;font-weight:950}.quote-body{padding:26px}.top-result{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:14px;align-items:center;margin-bottom:22px}.big-total{font-size:43px;font-weight:950;color:var(--brand2);margin-top:8px}.mini-card{background:#f5f6fc;border-radius:12px;padding:18px;font-weight:950}.detail-grid{display:grid;grid-template-columns:1.35fr .9fr;gap:18px}.summary{display:grid;gap:12px}.summary-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:11px 0;font-weight:800}.totalbar{background:linear-gradient(135deg,var(--brand2),var(--brand));color:white;border-radius:8px;padding:18px;display:flex;justify-content:space-between;font-size:22px;font-weight:950}.side-summary{background:#f7f7fd;border:1px solid var(--line);border-radius:14px;padding:18px}.include-box{background:#e8f8ed;border:1px solid #ccebd5;border-radius:14px;padding:18px;margin-top:14px;color:#086024;font-weight:750}.actions{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:22px 0}.actions button{height:92px;border:1px solid var(--line);background:white;border-radius:12px;font-weight:950;color:var(--brand);cursor:pointer;box-shadow:0 10px 22px #1009420c}.actions button:first-child{background:linear-gradient(135deg,var(--brand2),var(--brand));color:white}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--brand);font-weight:950}.hide{display:none!important}@media(max-width:1100px){.dashboard,.detail-grid,.top-result{grid-template-columns:1fr}.actions{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.wrap,.app{grid-template-columns:1fr}.side{position:relative;height:auto}.types,.grid,.grid3,.grid4,.actions,.footer-grid{grid-template-columns:1fr}.hero h1{font-size:40px}.top{padding:0 18px}.nav{display:none}}
/* v7 LOGITRUCK */
:root{--brand:#24225f;--brand2:#151344;--brand3:#080724;--accent:#0d4c88;--ink:#11133f;--muted:#666b8b;--line:#dfe4f0;--bg:#f5f6fa;--good:#eef8f3}.top{border-bottom:4px solid var(--accent)}.brand-photo{background:linear-gradient(90deg,#151344 0%,#24225fcc 52%,#0d4c8888 100%),url('https://images.unsplash.com/photo-1501700493788-fa1a4fc9fe62?q=80&w=1600&auto=format&fit=crop');background-size:cover;background-position:center}.btn{background:linear-gradient(135deg,var(--brand),var(--accent))}.type input:checked+span{border-color:var(--accent);background:#eef4fb}.custom-quote{max-width:1240px;margin:0 auto 36px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 36px #15134412}.custom-quote h2{margin:0 0 8px;color:var(--brand);font-size:24px}.custom-quote p{margin:0;color:var(--muted);font-weight:700}.footer-logo-box{background:#fff;border-radius:16px;padding:18px;color:var(--brand)}.footer .footer-logo-box img{filter:none;height:42px}.socials{display:flex;gap:12px;margin-top:12px}.socials a{color:#fff;text-decoration:none;border:1px solid #ffffff55;border-radius:999px;padding:8px 12px;font-weight:900;font-size:12px}.include-box{background:#f3f7fc;border-color:#dbe7f5;color:var(--brand)}@media(max-width:900px){.custom-quote{flex-direction:column;align-items:flex-start}}
.btn.whatsapp-btn,
.whatsapp-btn,
.actions button.whatsapp-btn{
  background:#25D366!important;
  color:#fff!important;
  box-shadow:0 10px 24px #25d36635!important;
  border-color:#25D366!important;
}
.btn.whatsapp-btn:hover,
.whatsapp-btn:hover,
.actions button.whatsapp-btn:hover{
  background:#1EBE5D!important;
  border-color:#1EBE5D!important;
}
.footer-wa{margin-top:14px;padding:11px 16px;border-radius:999px;box-shadow:none!important}

/* v9 estética institucional desde PDF LOGITRUCK */
:root{
  --brand:#172247;
  --brand2:#111a38;
  --brand3:#0a1027;
  --accent:#1d3d7a;
  --accent2:#2a66a2;
  --ink:#0f1737;
  --bg:#f3f5fa;
}
body{background:linear-gradient(180deg,#f7f8fc 0%,#eef2f8 100%);}
.top{background:linear-gradient(135deg,var(--brand2),var(--brand));border-bottom:0;box-shadow:0 10px 30px #0a102720;}
.top .logo{height:44px;}
.nav span{color:#fff;opacity:.92}.nav .btn{background:#fff;color:var(--brand2);box-shadow:0 10px 24px #00000024;}
.brand-photo{
  background:linear-gradient(90deg,#111a38 0%,#172247dd 45%,#1d3d7a77 100%),url('foto-flota-logitruck.jpg');
  background-size:cover;background-position:center 58%;
}
.hero h1,.hero p{text-shadow:0 3px 16px #0008}.hero-bullets span{background:#ffffff1a;border:1px solid #ffffff2d;border-radius:999px;padding:10px 14px;width:max-content;max-width:100%;}
.card{border-color:#d9e0ed;box-shadow:0 20px 48px #111a3814;}
.btn{background:linear-gradient(135deg,var(--brand),var(--accent2));}
.type input:checked+span{border-color:var(--accent2);background:#eef4fb;}
.result .icon,.totalbar,.actions button:first-child{background:linear-gradient(135deg,var(--brand2),var(--accent));}
.amount,.section-title,.custom-quote h2{color:var(--brand);}
.custom-quote{background:linear-gradient(135deg,#fff,#f4f7fc);}
.footer{
  background:linear-gradient(135deg,#111a38 0%,#172247 52%,#0a1027 100%);
  position:relative;overflow:hidden;margin-top:28px;
}
.footer:before{content:"";position:absolute;inset:0;background:url('fondo-institucional-logitruck.jpg') center/cover;opacity:.11;mix-blend-mode:screen;}
.footer-grid{position:relative;z-index:1}.footer-brand{padding:0;background:transparent;color:#fff}.footer-logo{height:42px!important;filter:none!important;display:block;margin-bottom:12px;}
.footer-logo-box{background:transparent!important;color:#fff!important;padding:0!important;border-radius:0!important}.footer .footer-logo-box img{filter:none!important;}
.socials a:hover{background:#ffffff18}.footer-wa{background:#25D366!important;color:#fff!important;border:0!important;}
.side{background:linear-gradient(180deg,#111a38 0%,#172247 55%,#0a1027 100%);}
.side .logo{filter:none;height:43px}.side-bottom{background:#ffffff0b;border:1px solid #ffffff1c;border-radius:18px;padding:18px;left:22px;right:22px}.side-bottom .logo{height:30px;margin-bottom:10px}.side-bottom img.truck{display:block;}
.quote-head{background:linear-gradient(135deg,#111a38,#1d3d7a);}


/* v10 limpieza estética */
.top{justify-content:center;height:78px;padding:0 34px;}
.top .logo{height:48px;}
.hero{min-height:285px;align-items:flex-start;padding-top:72px;padding-bottom:110px;}
.hero h1{font-size:56px;max-width:920px;}
.hero p,.hero-bullets{display:none!important;}
.wrap{margin-top:-88px;}
.footer{background:linear-gradient(135deg,#111a38 0%,#172247 52%,#0a1027 100%)!important;}
.footer:before{display:none!important;}
.footer-grid{grid-template-columns:1.6fr 1fr 1fr;align-items:start;}
.footer-logo{height:48px!important;filter:none!important;}
.footer-brand{background:transparent!important;padding:0!important;}
@media(max-width:900px){.top{justify-content:flex-start}.hero{min-height:240px;padding:52px 26px 96px}.hero h1{font-size:40px}.footer-grid{grid-template-columns:1fr}}


/* M3 item calculator */
.m3-block.active{display:block;grid-column:1 / -1}.m3-items{display:grid;gap:12px;margin-bottom:12px}.m3-item{display:grid;grid-template-columns:1.4fr .65fr .75fr .75fr .75fr .75fr auto;gap:10px;align-items:end;background:#f7f8fc;border:1px solid var(--line);border-radius:14px;padding:12px}.m3-item label{font-size:11px;margin-bottom:5px}.m3-item input,.m3-item select{height:42px}.m3-item .remove-item{height:42px;border:1px solid var(--line);background:#fff;color:var(--brand);border-radius:8px;font-weight:950;cursor:pointer;padding:0 12px}.small-btn{padding:12px 16px;border-radius:9px;box-shadow:none}.m3-total-box{margin-top:14px;max-width:320px}.m3-help{margin-top:8px}@media(max-width:900px){.m3-item{grid-template-columns:1fr 1fr}.m3-item .remove-item{grid-column:1 / -1}}

/* v17: el panel de cotización no acompaña el scroll para no tapar información ni botones */
.result{position:static!important;top:auto!important;}
aside{align-self:start;}