:root{--primary:#0b2d52;--primary-2:#1268ad;--primary-3:#e8f3fb;--graphite:#273444;--muted:#64748b;--border:#dbe3ec;--whatsapp:#16a34a;--surface:#f6f8fb;--white:#fff;--danger:#b91c1c;--warning:#b45309;--success:#047857}
*{box-sizing:border-box}body{font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;color:var(--graphite);background:#fff;line-height:1.55}a{color:var(--primary-2)}.bg-primary-industrial{background:var(--primary)!important}.text-primary-industrial{color:var(--primary)!important}.btn-primary{background:var(--primary-2);border-color:var(--primary-2)}.btn-primary:hover,.btn-primary:focus{background:#0e568f;border-color:#0e568f}.btn-whatsapp{background:var(--whatsapp);border-color:var(--whatsapp);color:#fff}.btn-whatsapp:hover{background:#128038;border-color:#128038;color:#fff}.topbar{background:#081c33;color:#dbeafe;font-size:.9rem}.topbar a{color:#fff;text-decoration:none}.site-header{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1020}.site-logo{font-weight:800;color:var(--primary);letter-spacing:-.03em;text-decoration:none;font-size:1.45rem}.site-logo small{display:block;font-size:.62rem;color:var(--primary-2);letter-spacing:.08em;text-transform:uppercase}.navbar-nav .nav-link{font-weight:600;color:#334155!important;padding:.9rem 1rem!important}.navbar-nav .nav-link.active,.navbar-nav .nav-link:hover{color:var(--primary-2)!important}.quote-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--primary-3);color:var(--primary);position:relative}.quote-count{position:absolute;right:-7px;top:-7px;background:var(--primary-2);color:#fff;border-radius:999px;min-width:22px;height:22px;font-size:.75rem;display:flex;align-items:center;justify-content:center}.hero{background:linear-gradient(145deg,#f8fbff,#e8f3fb);overflow:hidden}.hero-slide{min-height:560px;display:flex;align-items:center}.hero h1{font-weight:800;color:var(--primary);letter-spacing:-.04em;font-size:clamp(2.3rem,5vw,4.3rem)}.hero .lead{font-size:1.16rem;color:#475569;max-width:700px}.hero-visual{max-height:470px;width:100%;object-fit:contain}.search-panel{margin-top:-45px;position:relative;z-index:3}.search-box{background:#fff;padding:1.2rem;border-radius:18px;box-shadow:0 16px 50px rgba(15,45,75,.16);border:1px solid #e4edf5}.search-box .form-control{height:58px;border-radius:12px;font-size:1.05rem}.section-space{padding:5rem 0}.section-title{font-weight:800;color:var(--primary);letter-spacing:-.025em}.section-subtitle{max-width:720px;color:var(--muted);margin-left:auto;margin-right:auto}.solution-card,.benefit-card,.brand-card,.product-card,.admin-card{border:1px solid var(--border);background:#fff;border-radius:16px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.solution-card:hover,.brand-card:hover,.product-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px rgba(15,45,75,.11);border-color:#a9c9e3}.solution-icon,.benefit-icon{width:58px;height:58px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--primary-3);color:var(--primary-2);font-size:1.45rem}.brand-logo-wrap{height:105px;display:flex;align-items:center;justify-content:center;padding:1rem}.brand-logo-wrap img{max-width:100%;max-height:76px;object-fit:contain}.product-card{height:100%;overflow:hidden}.product-image-wrap{height:230px;background:#f8fafc;display:flex;align-items:center;justify-content:center;padding:1rem;position:relative}.product-image{max-width:100%;max-height:100%;object-fit:contain}.product-brand{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--primary-2)}.product-title{font-size:1.02rem;font-weight:700;color:var(--primary);min-height:50px}.product-description{color:#64748b;font-size:.9rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:65px}.badge-availability{background:#edf7ef;color:#146c2e;border:1px solid #c9e7d0}.filters-panel{background:#f8fafc;border:1px solid var(--border);border-radius:16px;padding:1.1rem}.loading-overlay{position:absolute;inset:0;background:rgba(255,255,255,.82);display:none;align-items:center;justify-content:center;z-index:5}.catalog-results{position:relative;min-height:280px}.empty-state{text-align:center;padding:4rem 1rem;color:#64748b}.cta-industrial{background:linear-gradient(130deg,#0b2d52,#1268ad);color:#fff;border-radius:24px;padding:3rem}.site-footer{background:#071a2e;color:#cbd5e1}.site-footer h5{color:#fff}.site-footer a{color:#cbd5e1;text-decoration:none}.site-footer a:hover{color:#fff}.breadcrumb-wrap{background:#f5f8fc;border-bottom:1px solid var(--border)}.detail-gallery-main{height:430px;background:#f8fafc;border:1px solid var(--border);border-radius:18px;display:flex;align-items:center;justify-content:center;padding:1rem}.detail-gallery-main img{max-height:100%;max-width:100%;object-fit:contain}.quote-table img{width:64px;height:64px;object-fit:contain;background:#f8fafc;border-radius:8px}.floating-whatsapp{position:fixed;right:20px;bottom:20px;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--whatsapp);color:#fff;font-size:1.7rem;box-shadow:0 10px 28px rgba(22,163,74,.35);z-index:1040;text-decoration:none}.floating-whatsapp:hover{color:#fff;transform:translateY(-2px)}.form-control:focus,.form-select:focus{border-color:#80b8e1;box-shadow:0 0 0 .2rem rgba(18,104,173,.16)}.page-hero{background:linear-gradient(140deg,#0b2d52,#175f94);color:#fff;padding:4.5rem 0}.page-hero h1{font-weight:800}.content-readable{max-width:900px}.content-readable h2,.content-readable h3{color:var(--primary);font-weight:750;margin-top:1.5rem}.admin-body{background:#f3f6fa}.admin-sidebar{background:#081c33;color:#fff;min-height:100vh;position:fixed;width:260px;z-index:1030}.admin-sidebar a{color:#cfdae6;text-decoration:none;display:flex;align-items:center;gap:.75rem;padding:.72rem 1rem;border-radius:9px;margin:.18rem .75rem}.admin-sidebar a:hover,.admin-sidebar a.active{background:#153d63;color:#fff}.admin-main{margin-left:260px;min-height:100vh}.admin-topbar{background:#fff;border-bottom:1px solid var(--border);padding:.9rem 1.4rem;position:sticky;top:0;z-index:1010}.stat-card{border:0;border-radius:16px;box-shadow:0 8px 24px rgba(15,45,75,.08)}.stat-icon{width:50px;height:50px;border-radius:13px;background:#e8f3fb;color:#1268ad;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.table thead th{background:#eef4f9;color:#334155;font-size:.83rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:0}.table td{vertical-align:middle}.status-dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:.4rem}.chart-bars{display:flex;align-items:flex-end;gap:.7rem;height:230px;padding-top:1rem}.chart-bar{flex:1;background:linear-gradient(#2e83c5,#0b2d52);border-radius:7px 7px 0 0;min-width:18px;position:relative}.chart-bar span{position:absolute;bottom:-46px;left:50%;transform:translateX(-50%) rotate(-35deg);font-size:.72rem;white-space:nowrap}.import-step{border-left:4px solid #cbd5e1;padding-left:1rem}.import-step.active{border-color:var(--primary-2)}.mapping-table select{min-width:160px}.progress{height:18px}.login-page{min-height:100vh;background:linear-gradient(135deg,#071a2e,#155f94);display:flex;align-items:center}.login-card{border:0;border-radius:22px;box-shadow:0 24px 70px rgba(0,0,0,.25)}
@media(max-width:991.98px){.hero-slide{min-height:auto;padding:4rem 0 7rem}.search-panel{margin-top:-65px}.admin-sidebar{transform:translateX(-100%);transition:transform .25s}.admin-sidebar.open{transform:translateX(0)}.admin-main{margin-left:0}.detail-gallery-main{height:340px}}
@media(max-width:575.98px){.section-space{padding:3.5rem 0}.hero h1{font-size:2.35rem}.hero-visual{max-height:320px}.product-image-wrap{height:205px}.cta-industrial{padding:2rem}.search-box{padding:.8rem}.search-box .form-control{height:52px}}
.site-logo-image{display:block;max-width:240px;max-height:68px;width:auto;height:auto;object-fit:contain}.admin-logo-image{display:block;max-width:190px;max-height:58px;width:auto;height:auto;object-fit:contain}.social-link{width:36px;height:36px;border:1px solid #47627d;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff!important}.social-link:hover{background:#1268ad;border-color:#1268ad}.branding-preview{max-width:280px;max-height:120px;object-fit:contain;background:#f8fafc;border:1px solid #d9e3ec;border-radius:12px;padding:12px}.required-column{color:#b42318;font-weight:700}.format-column-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.75rem}.format-column-item{border:1px solid #dbe5ee;border-radius:12px;padding:.8rem;background:#f8fafc}.import-sheet-valid{border-left:4px solid #198754}.import-sheet-invalid{border-left:4px solid #dc3545}