
/* ===== app.css ===== */

:root{font-family:Inter,Roboto,Arial,sans-serif;color:#10264d;background:#f4f8fc;--blue:#005bd7;--navy:#003b78;--line:#d8e6f5;--muted:#50627e}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(145deg,#edf5ff,#f8fbff)}a{color:inherit}.skip-link{position:fixed;top:-70px;left:18px;z-index:50;background:#fff;padding:10px 16px;border:2px solid var(--blue);border-radius:8px}.skip-link:focus{top:18px}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1320px)/2));background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{text-decoration:none;font-size:20px;font-weight:900;color:var(--navy)}.brand strong{color:var(--blue)}.brand small{display:block;font-size:10px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.site-header nav{display:flex;gap:26px}.site-header nav a{text-decoration:none;font-weight:800;font-size:14px}.page-shell{width:min(1320px,calc(100% - 40px));margin:38px auto 70px}.shell{width:min(760px,calc(100% - 32px));margin:10vh auto;padding:56px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 24px 70px rgba(15,39,71,.12)}.eyebrow{display:inline-block;color:var(--blue);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}h1{margin:12px 0 16px;font-size:clamp(30px,4vw,48px);line-height:1.08;color:var(--navy)}p{line-height:1.65;color:var(--muted)}.status{display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:10px 14px;border-radius:999px;background:#eaf9ef;color:#087d37;font-weight:800}.status span{width:10px;height:10px;border-radius:50%;background:#13a34f}.page-heading{margin-bottom:28px}.page-heading p{font-size:16px}.breadcrumb{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:26px;color:var(--muted);font-size:13px}.breadcrumb a{color:var(--blue);font-weight:700}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.category-card{display:flex;flex-direction:column;gap:8px;padding:22px;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 24px rgba(15,39,71,.07);transition:.18s}.category-card:hover{transform:translateY(-3px);border-color:#8dbbe9}.category-card span{font-size:17px;font-weight:900;color:var(--navy)}.category-card small{color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.product-image{display:grid;place-items:center;height:230px;padding:18px;background:#fff}.product-image img{width:100%;height:100%;object-fit:contain}.product-body{padding:16px;display:flex;flex-direction:column;gap:9px;flex:1}.product-body small{color:var(--blue);font-weight:800}.product-body h2{font-size:14px;line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.product-body h2 a{text-decoration:none}.part-number{font-size:12px;margin:0}.price{font-size:20px;color:var(--blue);margin-top:auto}.pagination{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.pagination a{display:grid;place-items:center;min-width:38px;height:38px;border-radius:8px;background:#fff;border:1px solid var(--line);text-decoration:none;font-weight:800}.pagination a[aria-current=page]{background:var(--blue);color:#fff}.product-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:28px}.detail-image,.detail-info{background:#fff;border:1px solid var(--line);border-radius:16px;padding:32px}.detail-image{display:grid;place-items:center;min-height:520px}.detail-image img{width:100%;height:460px;object-fit:contain}.detail-info h1{font-size:28px;line-height:1.25}.availability{display:inline-flex;padding:7px 12px;border-radius:999px;background:#e9fbef;color:#087d37;font-weight:900;font-size:12px;text-transform:uppercase}.detail-info dl{border:1px solid var(--line);border-radius:12px;overflow:hidden}.detail-info dl div{display:grid;grid-template-columns:140px 1fr;border-bottom:1px solid var(--line);padding:12px 14px}.detail-info dl div:last-child{border:0}.detail-info dt{font-weight:800}.detail-info dd{margin:0}.detail-price{display:block;font-size:30px;color:var(--blue);margin:24px 0}.migration-note{padding:14px;border-radius:10px;background:#f3f7fc;font-size:13px}.site-footer{text-align:center;padding:24px;color:var(--muted);font-size:12px;border-top:1px solid var(--line);background:#fff}a:focus-visible,button:focus-visible{outline:3px solid #ffbf47;outline-offset:3px}@media(max-width:1000px){.product-grid{grid-template-columns:repeat(3,1fr)}.product-detail{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.site-header{padding:0 16px}.site-header nav{gap:12px}.site-header nav a{font-size:12px}.page-shell{width:min(100% - 24px,1320px);margin-top:24px}.category-grid,.product-grid{grid-template-columns:1fr 1fr}.product-image{height:190px}.detail-image{min-height:320px}.detail-image img{height:300px}}@media(max-width:480px){.category-grid,.product-grid{grid-template-columns:1fr}.site-header nav a:first-child{display:none}.shell{padding:34px 24px}.detail-image,.detail-info{padding:20px}}


/* ===== home.css ===== */

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{gap:28px}.header-search{display:flex;flex:1;max-width:560px;height:42px}.header-search input{min-width:0;flex:1;border:1px solid #bfd2e7;border-right:0;border-radius:10px 0 0 10px;padding:0 15px;color:#10264d;font:inherit}.header-search button{border:0;border-radius:0 10px 10px 0;padding:0 20px;background:#005bd7;color:#fff;font-weight:800;cursor:pointer}.home-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:24px;padding:clamp(32px,5vw,70px);border-radius:24px;background:linear-gradient(125deg,#003b78 0%,#005bd7 66%,#1681ed 100%);box-shadow:0 24px 60px rgba(0,59,120,.2);overflow:hidden}.home-hero .eyebrow,.home-hero h1,.home-hero p{color:#fff}.home-hero h1{max-width:850px;font-size:clamp(34px,4.4vw,62px)}.home-hero p{max-width:720px;font-size:18px;margin:0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:0 20px;border-radius:10px;text-decoration:none;font-weight:900}.button-primary{background:#fff;color:#004b9b}.button-secondary{background:#18bd61;color:#fff}.hero-panel{align-self:center;padding:26px;border:1px solid rgba(255,255,255,.25);border-radius:16px;background:rgba(0,32,75,.28);color:#fff;backdrop-filter:blur(4px)}.hero-panel strong{font-size:19px}.hero-panel ul{display:grid;gap:12px;margin:18px 0 0;padding-left:20px}.home-section{margin-top:58px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.section-heading h2{margin:7px 0 0;color:#003b78;font-size:clamp(25px,3vw,36px)}.section-heading>a{color:#005bd7;font-weight:800}.home-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.home-category-grid>a{display:flex;min-height:100px;flex-direction:column;justify-content:center;gap:7px;padding:19px;border:1px solid #d8e6f5;border-radius:14px;background:#fff;text-decoration:none;box-shadow:0 7px 20px rgba(15,39,71,.06);transition:.18s}.home-category-grid>a:hover{transform:translateY(-3px);border-color:#72aeea}.home-category-grid span{font-weight:900;color:#003b78}.home-category-grid small{color:#50627e}.empty-state{max-width:680px;padding:42px;border:1px solid #d8e6f5;border-radius:16px;background:#fff}.empty-state h2{color:#003b78}.empty-state .button-primary{background:#005bd7;color:#fff;margin-top:12px}@media(max-width:1050px){.site-header{height:auto;min-height:76px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.header-search{order:3;flex-basis:100%;max-width:none}.home-category-grid{grid-template-columns:repeat(3,1fr)}.home-hero{grid-template-columns:1fr}}@media(max-width:700px){.home-category-grid{grid-template-columns:repeat(2,1fr)}.home-hero{padding:30px 24px}.home-hero h1{font-size:36px}.home-hero p{font-size:16px}.section-heading{align-items:flex-start;flex-direction:column}.site-header nav a{display:none}.site-header nav a:nth-child(2){display:block}}@media(max-width:460px){.home-category-grid{grid-template-columns:1fr}.header-search button{padding:0 14px}.hero-actions .button{width:100%}}


/* ===== institutional.css ===== */

.quote-link{display:inline-flex!important;gap:6px;align-items:center}.quote-link span{display:grid;place-items:center;min-width:21px;height:21px;border-radius:20px;background:#005bd7;color:#fff;font-size:11px}.institution-hero{padding:clamp(28px,5vw,62px);border-radius:20px;background:linear-gradient(130deg,#fff,#eaf4ff);border:1px solid #d8e6f5}.institution-hero p{max-width:850px;font-size:18px}.content-columns{display:grid;grid-template-columns:1.25fr .75fr;gap:20px;margin-top:24px}.content-card,.mission-grid section,.contact-note{padding:28px;background:#fff;border:1px solid #d8e6f5;border-radius:16px}.content-card h2,.mission-grid h2,.contact-note h2{color:#003b78}.check-list{display:grid;grid-template-columns:1fr 1fr;gap:13px 24px;padding-left:22px}.check-list li::marker{color:#12a653}.company-data{margin:0}.company-data div{padding:12px 0;border-bottom:1px solid #e5edf6}.company-data dt{font-size:12px;font-weight:900;color:#50627e;text-transform:uppercase}.company-data dd{margin:5px 0 0;font-weight:700}.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.contact-card{display:flex;flex-direction:column;gap:8px;min-height:180px;justify-content:center;padding:28px;border:1px solid #d8e6f5;border-radius:16px;background:#fff;text-decoration:none}.contact-card span{font-size:12px;font-weight:900;text-transform:uppercase;color:#005bd7}.contact-card strong{font-size:20px;color:#003b78}.contact-card small{color:#50627e}.contact-card.whatsapp{background:#eafaf0;border-color:#bce9cb}.contact-note{margin-top:24px}.contact-note .button{margin-top:10px;background:#005bd7;color:#fff}.quote-add{display:flex;gap:12px;align-items:end;margin:20px 0}.quote-add label{display:grid;gap:5px;font-size:12px;font-weight:800}.quote-add input{width:75px;height:44px;border:1px solid #bfd2e7;border-radius:9px;padding:8px}.quote-add button,.quote-item button{border:0;border-radius:9px;background:#005bd7;color:#fff;padding:13px 18px;font-weight:900;cursor:pointer}.quote-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px}.quote-items{display:grid;gap:12px}.quote-item{display:grid;grid-template-columns:100px minmax(0,1fr) auto auto;gap:18px;align-items:center;padding:18px;background:#fff;border:1px solid #d8e6f5;border-radius:14px}.quote-item img{width:100px;height:90px;object-fit:contain}.quote-item h2{font-size:15px;margin:5px 0}.quote-item h2 a{text-decoration:none}.quote-item p{font-size:12px;margin:0}.quote-item>strong{color:#005bd7;white-space:nowrap}.quote-item button{background:#fff1f1;color:#b42318;padding:9px 12px}.quote-summary{height:max-content;position:sticky;top:100px;display:flex;flex-direction:column;gap:14px;padding:25px;background:#003b78;color:#fff;border-radius:16px}.quote-summary>strong{font-size:30px}.quote-summary p,.quote-summary small{color:#dbeaff}.quote-summary .button-secondary{background:#18bd61}@media(max-width:900px){.content-columns,.quote-layout{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr 1fr}.quote-summary{position:static}.quote-item{grid-template-columns:80px 1fr auto}.quote-item img{width:80px}.quote-item form{grid-column:2}}@media(max-width:650px){.check-list,.mission-grid,.contact-grid{grid-template-columns:1fr}.quote-item{grid-template-columns:64px 1fr}.quote-item img{width:64px;height:64px}.quote-item>strong,.quote-item form{grid-column:2}.quote-add{align-items:stretch;flex-direction:column}.quote-add input{width:100%}}
.public-notice{margin:0 0 18px;padding:14px 16px;border-radius:9px;font-weight:800}.public-notice.success{border:1px solid #a9dfbc;background:#eaf8ef;color:#126737}.public-notice.error{border:1px solid #f0b8b8;background:#fff0f0;color:#a22626}.quote-quantity{display:flex;align-items:end;gap:8px;margin-top:8px}.quote-quantity label{display:grid;gap:3px;font-size:11px;font-weight:800}.quote-quantity input{width:74px;padding:7px;border:1px solid #cbdbea;border-radius:6px}.quote-quantity button{padding:8px 10px;border:0;border-radius:6px;background:#e8f2ff;color:#075eb6;font-weight:900}.quote-request{display:grid;grid-template-columns:280px 1fr;gap:28px;margin-top:24px;padding:26px;border:1px solid #d5e3f0;border-radius:12px;background:#fff}.quote-request h2{margin:5px 0;color:#063c76}.quote-request>div>span{color:#0874df;font-size:11px;font-weight:900;text-transform:uppercase}.quote-request form{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.quote-request label{display:grid;gap:6px;color:#24496f;font-size:12px;font-weight:800}.quote-request input,.quote-request textarea{width:100%;padding:11px;border:1px solid #cbdbea;border-radius:7px;font:inherit}.quote-request .wide{grid-column:1/-1}.quote-request button{min-height:44px;border:0;border-radius:8px;background:#075eb6;color:#fff;font-weight:900}.quote-consent{display:flex!important;grid-template-columns:18px 1fr;align-items:center}.quote-consent input{width:18px}@media(max-width:800px){.quote-request{grid-template-columns:1fr}.quote-request form{grid-template-columns:1fr}.quote-request .wide{grid-column:auto}}
.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}


/* ===== commerce.css ===== */

:root{--commerce-blue:#07569b;--commerce-dark:#062b65;--commerce-accent:#0068e8}.commerce-header{position:sticky;top:0;z-index:40;background:#fff;box-shadow:0 4px 18px rgba(7,48,92,.11)}.header-main{min-height:72px;display:flex;align-items:center;gap:14px;padding:10px max(24px,calc((100% - 1760px)/2));background:linear-gradient(100deg,#0d5b99,#094d91)}.commerce-brand{width:175px;flex:0 0 175px}.commerce-brand img{display:block;width:100%;height:44px;object-fit:contain}.commerce-search{display:flex;flex:1;height:42px}.commerce-search input{width:100%;border:0;border-radius:22px 0 0 22px;padding:0 19px;font:inherit}.commerce-search button{width:52px;border:0;border-radius:0 22px 22px 0;background:#fff;color:#064487;font-size:28px;cursor:pointer}.header-actions{display:flex;gap:8px}.header-actions a{position:relative;display:flex;align-items:center;gap:7px;min-height:40px;padding:0 13px;border:1px solid rgba(255,255,255,.48);border-radius:6px;color:#fff;text-decoration:none;font-size:12px;font-weight:900;white-space:nowrap}.header-actions .whatsapp-action{background:#0dbb4e;border-color:#0dbb4e}.header-actions b{position:absolute;top:-7px;right:-5px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:20px;background:#f63434}.category-strip{height:45px;display:flex;justify-content:center;align-items:center;gap:0;background:#eaf3ff;overflow:hidden}.category-strip a{padding:0 13px;border-right:1px solid #b9cce2;text-decoration:none;color:#063c76;font-size:12px;font-weight:900;white-space:nowrap}.commerce-shell{width:min(1760px,calc(100% - 36px));margin:18px auto 60px}.store-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px}.catalog-sidebar{position:relative;z-index:12}.sidebar-heading{width:100%;height:48px;display:flex;align-items:center;gap:14px;padding:0 18px;border:0;border-radius:10px 10px 0 0;background:#075eb6;color:#fff;font-size:17px;font-weight:900;text-align:left}.catalog-sidebar>nav{background:#fff;border:1px solid #d7e3ee;border-top:0;border-radius:0 0 10px 10px;box-shadow:0 12px 30px rgba(7,48,92,.08)}.sidebar-category{position:relative}.sidebar-category>a{height:43px;display:grid;grid-template-columns:24px 1fr 14px;align-items:center;gap:5px;padding:0 15px;border-bottom:1px solid #e0e8f0;text-decoration:none;color:#263c59;font-size:12px;font-weight:800}.sidebar-category:last-child>a{border:0}.category-icon{color:#0780e8}.category-arrow{color:#91a5b9;font-size:20px}.sidebar-category:hover>a,.sidebar-category.has-focus>a{background:#f0f7ff;color:#0061c7}.sidebar-submenu{display:none;position:absolute;left:calc(100% - 1px);top:0;width:390px;grid-template-columns:1fr 1fr;gap:0;padding:16px;background:#fff;border:1px solid #cbdbea;border-radius:0 10px 10px 10px;box-shadow:0 15px 35px rgba(7,48,92,.16)}.sidebar-category:hover .sidebar-submenu,.sidebar-category.has-focus .sidebar-submenu{display:grid}.sidebar-submenu strong{grid-column:1/-1;padding:0 10px 11px;color:#075eb6;font-size:15px}.sidebar-submenu a{padding:10px;text-decoration:none;color:#435974;font-size:12px}.sidebar-submenu a:hover{color:#0068e8;background:#f3f8fe}.store-content{min-width:0}.commerce-hero{position:relative;min-height:320px;display:grid;grid-template-columns:1.25fr .75fr;overflow:hidden;border:1px solid #d2e3f4;border-radius:12px;background:radial-gradient(circle at 75% 38%,#fff 0,#e9f5ff 37%,#d9ebff 72%,#f7fbff 100%);box-shadow:0 9px 26px rgba(7,48,92,.08)}.commerce-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,98,217,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,98,217,.04) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.commerce-hero-copy{z-index:2;padding:30px 40px 84px}.hero-kicker{color:#075eb6;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.commerce-hero h1{margin:5px 0 0;font-size:clamp(38px,4.4vw,67px);line-height:.94;color:#062b65}.commerce-hero h1 em{color:#096ee8;font-style:normal}.commerce-hero h2{margin:8px 0 17px;color:#082e67;font-size:20px}.commerce-hero-copy>p{max-width:650px;margin:13px 0;color:#2f5178}.commerce-hero-copy>a{display:inline-flex;padding:11px 18px;border-radius:8px;background:#0965c9;color:#fff;text-decoration:none;font-weight:900}.hero-benefits{display:flex;flex-wrap:wrap;gap:7px}.hero-benefits span{padding:8px 11px;border-radius:7px;background:#0753a5;color:#fff;font-size:12px;font-weight:800}.commerce-hero-product{z-index:2;display:grid;place-items:center;padding:20px}.commerce-hero-product img{width:100%;height:220px;object-fit:contain;filter:drop-shadow(0 20px 18px rgba(4,39,83,.2))}.commerce-hero-product span{padding:7px 12px;border-radius:20px;background:#fff;color:#075eb6;font-size:11px;font-weight:900}.hero-steps{position:absolute;z-index:3;left:40px;right:40px;bottom:16px;display:grid;grid-template-columns:repeat(3,1fr);background:rgba(255,255,255,.93);border:1px solid #d2e3f4;border-radius:12px;box-shadow:0 8px 18px rgba(7,48,92,.08)}.hero-steps div{display:flex;align-items:center;gap:10px;padding:10px 18px;border-right:1px solid #d9e4ef}.hero-steps div:last-child{border:0}.hero-steps b{font-size:25px;color:#096ee8}.hero-steps span{font-size:12px;font-weight:900;color:#173b68}.featured-commerce{margin-top:20px}.commerce-section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.commerce-section-title h2{margin:0;color:#063c76;font-size:18px}.commerce-section-title a{color:#075eb6;font-size:12px;font-weight:900}.commerce-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.commerce-card{min-width:0;background:#fff;border:1px solid #d7e3ee;border-radius:9px;overflow:hidden}.commerce-card-image{height:190px;display:grid;place-items:center;padding:13px}.commerce-card-image img{width:100%;height:100%;object-fit:contain}.commerce-card-body{padding:0 14px 14px}.commerce-card h3{height:48px;margin:0 0 10px;font-size:12px;line-height:1.35;overflow:hidden}.commerce-card h3 a{text-decoration:none;color:#062b65}.commerce-card dl{margin:0;padding:8px;border:1px solid #dbe6ef;border-radius:6px;background:#f7faff;font-size:10px}.commerce-card dl div{display:grid;grid-template-columns:74px 1fr;gap:5px;margin:3px 0}.commerce-card dt{font-weight:900}.commerce-card dd{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.commerce-price{display:flex;justify-content:space-between;align-items:end;margin:10px 0}.commerce-price strong{color:#f02d2d;font-size:18px}.commerce-price small{color:#6c7d91;font-size:9px}.commerce-more{display:block;padding:9px;border:1px solid #0874df;border-radius:5px;color:#0874df;text-align:center;text-decoration:none;font-size:11px;font-weight:900}@media(min-width:1550px){.commerce-product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1200px){.header-actions a span{display:none}.store-layout{grid-template-columns:250px minmax(0,1fr)}.commerce-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-strip{justify-content:flex-start;overflow-x:auto}}@media(max-width:900px){.header-main{flex-wrap:wrap}.commerce-brand{width:150px;flex-basis:150px}.commerce-search{order:3;flex-basis:100%}.store-layout{grid-template-columns:1fr}.catalog-sidebar>nav{display:none}.catalog-sidebar.is-open>nav{display:block}.catalog-sidebar.is-open .sidebar-submenu{position:static;width:auto;grid-template-columns:1fr;box-shadow:none;border:0;border-radius:0}.commerce-hero{grid-template-columns:1fr}.commerce-hero-product{display:none}.commerce-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.header-actions a{padding:0 9px}.header-actions a:nth-child(1),.header-actions a:nth-child(3){display:none}.commerce-shell{width:calc(100% - 20px);margin-top:10px}.commerce-hero-copy{padding:25px 20px 120px}.commerce-hero h1{font-size:37px}.hero-benefits span:nth-child(3){display:none}.hero-steps{left:10px;right:10px;grid-template-columns:1fr}.hero-steps div{padding:6px 12px}.hero-steps div:nth-child(2),.hero-steps div:nth-child(3){display:none}.commerce-product-grid{grid-template-columns:1fr}.commerce-card-image{height:220px}}
.commerce-search{position:relative}
.predictive-search{position:absolute;z-index:1000;top:calc(100% + 8px);left:0;width:min(100%,1050px);background:#fff;border:1px solid #c9d9ee;border-radius:13px;box-shadow:0 18px 42px rgba(8,48,99,.22);overflow:hidden;color:#102b50}
.predictive-search a{display:grid;grid-template-columns:minmax(125px,175px) minmax(260px,1fr) minmax(100px,auto);gap:12px;align-items:center;padding:10px 13px;color:#102b50;text-decoration:none;border-bottom:1px solid #e7eef7;font-size:13px;line-height:1.3;transition:background .15s ease,transform .15s ease}
.predictive-search a:last-child{border-bottom:0}
.predictive-search a:hover,.predictive-search a.active{background:linear-gradient(90deg,#edf6ff,#f8fbff);box-shadow:inset 3px 0 #0878d1}
.predictive-part{display:inline-block;width:max-content;max-width:100%;padding:4px 7px;border-radius:6px;background:#eaf4ff;font-size:11.5px;font-weight:800;color:#075fb8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.predictive-description{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.predictive-search strong{padding:4px 8px;border-radius:7px;background:#e9f8ef;white-space:nowrap;color:#08703f;font-size:12px}
.predictive-search mark{padding:0 1px;border-radius:2px;background:#ffe58a;color:#17375e;font-weight:800}
.predictive-empty{margin:0;padding:16px;color:#63748a;text-align:center}
@media(max-width:760px){.predictive-search a{grid-template-columns:1fr auto}.predictive-description{grid-column:1/-1;grid-row:2;white-space:normal}.predictive-part{min-width:0;overflow:hidden;text-overflow:ellipsis}}


/* ===== frontend-products.css ===== */

.commerce-product-grid{align-items:stretch}.commerce-card{position:relative;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s,border-color .18s}.commerce-card:hover{transform:translateY(-3px);border-color:#9bbfe5;box-shadow:0 12px 28px rgba(6,43,101,.12)}.card-badges{position:absolute;z-index:2;left:10px;right:10px;top:10px;display:flex;justify-content:space-between;pointer-events:none}.card-badges span,.card-badges b{padding:5px 8px;border-radius:20px;font-size:9px;font-weight:900;text-transform:uppercase}.card-badges span{background:#e7f9ed;color:#087b36;border:1px solid #b9e8c8}.card-badges b{background:#e92828;color:#fff}.commerce-card-body{display:flex;flex-direction:column;flex:1}.card-brand{display:block;margin-bottom:5px;color:#0670d7;font-size:10px;font-weight:900;text-transform:uppercase}.commerce-price{display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:end}.commerce-price del{grid-column:1/-1;color:#8290a1;font-size:11px}.commerce-price strong{font-size:20px}.commerce-price small{font-weight:800;color:#e52c2c}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:auto}.card-actions form{margin:0}.card-actions button,.card-actions a{min-height:34px;display:grid;place-items:center;width:100%;padding:6px;border-radius:5px;font:inherit;font-size:10px;font-weight:900;cursor:pointer;text-decoration:none}.card-actions form button{border:0;background:#0965b8;color:#fff}.card-actions .commerce-more{margin:0}.card-whatsapp{grid-column:1/-1;background:#16bc58;color:#fff}.managed-slider:before{content:"Banner principal recomendado: 1450 × 320 px";position:absolute;z-index:3;right:12px;bottom:10px;padding:5px 8px;border-radius:5px;background:rgba(2,35,76,.72);color:#fff;font-size:9px;font-weight:800}.managed-slider{position:relative}@media(max-width:560px){.card-actions{grid-template-columns:1fr}.card-whatsapp{grid-column:auto}.managed-slider:before{display:none}}
.catalog-sort-form{display:flex;align-items:flex-end;gap:10px}.catalog-view-switch{display:flex;align-items:center;gap:5px;padding-bottom:1px}.catalog-view-switch a{width:38px;height:38px;display:grid;place-items:center;border:1px solid #b9cde2;border-radius:7px;background:#fff;color:#526f8e;text-decoration:none;font-size:22px;line-height:1}.catalog-view-switch a:hover,.catalog-view-switch a.active{border-color:#0874df;background:#eaf4ff;color:#0874df;box-shadow:inset 0 0 0 1px #0874df}.commerce-product-grid.is-list{display:flex;flex-direction:column;gap:8px}.commerce-product-grid.is-list .commerce-card{display:grid;grid-template-columns:64px minmax(0,1fr);min-height:64px;border-radius:8px;overflow:visible}.commerce-product-grid.is-list .commerce-card:hover{transform:none}.commerce-product-grid.is-list .card-badges,.commerce-product-grid.is-list .card-brand,.commerce-product-grid.is-list .card-actions,.commerce-product-grid.is-list .commerce-price small,.commerce-product-grid.is-list .commerce-price del{display:none}.commerce-product-grid.is-list .commerce-card-image{height:62px;padding:8px}.commerce-product-grid.is-list .commerce-card-body{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:18px;padding:8px 14px 8px 0}.commerce-product-grid.is-list .commerce-card h3{grid-column:1;grid-row:2;height:auto;margin:2px 0 0;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.commerce-product-grid.is-list .commerce-card dl{grid-column:1;grid-row:1;padding:0;border:0;background:transparent}.commerce-product-grid.is-list .commerce-card dl div{display:none}.commerce-product-grid.is-list .commerce-card dl div:first-child{display:flex;margin:0;font-size:11px}.commerce-product-grid.is-list .commerce-card dl dt{display:none}.commerce-product-grid.is-list .commerce-card dl dd{color:#076ac9;font-weight:900}.commerce-product-grid.is-list .commerce-price{grid-column:2;grid-row:1/3;display:block;margin:0;white-space:nowrap}.commerce-product-grid.is-list .commerce-price strong{color:#07833c;font-size:13px}.commerce-product-grid.is-list .commerce-price:after{content:"↗";margin-left:10px;color:#0874df;font-weight:900}@media(max-width:700px){.catalog-result-bar{align-items:flex-start}.catalog-sort-form{width:100%;flex-wrap:wrap}.catalog-sort-form label{flex:1}.commerce-product-grid.is-list .commerce-card-body{grid-template-columns:minmax(0,1fr);}.commerce-product-grid.is-list .commerce-price{grid-column:1;grid-row:3;margin-top:5px}}
/* Categorías con iconografía ligera y navegación visible. */
.category-icon{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:#eaf4ff;color:#0874dc;font-size:15px;font-weight:900}.category-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-arrow{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#f0f4f8;color:#55718f;font-size:18px;transition:.16s}.sidebar-category:hover .category-arrow{transform:translateX(2px);background:#0874dc;color:#fff}.sidebar-submenu strong{display:flex;align-items:center;gap:9px}.sidebar-submenu strong i{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#e9f4ff;font-style:normal}.sidebar-submenu a{display:flex;align-items:center;justify-content:space-between;gap:8px;border-radius:6px}.sidebar-submenu a b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#eef4fa;color:#6b829a;font-size:16px}.sidebar-submenu a:hover b{background:#0874dc;color:#fff}.category-card{position:relative;display:grid;grid-template-columns:48px 1fr 30px;grid-template-rows:auto auto;align-items:center;column-gap:14px}.category-card .catalog-card-icon{grid-row:1/3;width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#eaf5ff,#dbeaff);color:#0672d8;font-size:24px;font-style:normal}.category-card>span{grid-column:2}.category-card>small{grid-column:2}.catalog-card-arrow{grid-column:3;grid-row:1/3;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#edf3f9;color:#617a95;font-size:22px}.category-card:hover .catalog-card-arrow{background:#0874dc;color:#fff;transform:translateX(2px)}
/* Portada de categoría inspirada en el catálogo comercial. */
.category-landing-heading{display:flex;align-items:center;gap:18px;margin-bottom:22px}.category-heading-icon{width:68px;height:68px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#086bc9,#06468d);color:#fff;font-size:33px}.category-landing-heading h1{margin:4px 0 3px;font-size:32px}.category-landing-heading p{margin:0}.subcategory-strip{margin-bottom:30px}.subcategory-pills{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.subcategory-pills a{display:grid;grid-template-columns:35px 1fr 23px;align-items:center;gap:9px;padding:11px;border:1px solid #d5e2ef;border-radius:9px;background:#fff;color:#173b68;text-decoration:none;transition:.16s}.subcategory-pills a:hover{border-color:#1680e5;transform:translateY(-2px);box-shadow:0 8px 18px rgba(6,70,141,.1)}.subcategory-pills i{display:grid;place-items:center;width:35px;height:35px;border-radius:8px;background:#eaf4ff;color:#0873d9;font-style:normal;font-size:18px}.subcategory-pills span{min-width:0;font-size:11px;font-weight:900}.subcategory-pills small{display:block;margin-top:3px;color:#71839a;font-size:9px}.subcategory-pills b{font-size:20px;color:#7990a8}.catalog-result-bar{display:flex;justify-content:space-between;align-items:end;margin:0 0 14px;padding:14px 18px;border:1px solid #d6e3ef;border-radius:10px;background:#fff}.catalog-result-bar span{color:#0870d0;font-size:11px;font-weight:900;text-transform:uppercase}.catalog-result-bar h2{margin:3px 0 0;color:#073c77;font-size:22px}.catalog-result-bar label{display:grid;gap:4px;color:#64768c;font-size:10px;font-weight:800}.catalog-result-bar select{min-width:210px;padding:8px;border:1px solid #d4dfeb;border-radius:6px;background:#f7faff}.category-products .commerce-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1200px){.subcategory-pills{grid-template-columns:repeat(3,1fr)}.category-products .commerce-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.subcategory-pills{grid-template-columns:repeat(2,1fr)}.category-products .commerce-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.subcategory-pills,.category-products .commerce-product-grid{grid-template-columns:1fr}.catalog-result-bar{align-items:flex-start;flex-direction:column;gap:10px}.category-heading-icon{width:54px;height:54px}}
/* Catálogo con filtros laterales, ancho controlado y cinco columnas. */
.category-catalog-layout{display:grid;grid-template-columns:285px minmax(0,1fr);gap:22px;align-items:start}.catalog-filters{display:grid;gap:18px}.catalog-filters section{overflow:hidden;border:1px solid #d4e1ee;border-radius:10px;background:#fff}.catalog-filters h2{margin:0;padding:14px 16px 8px;color:#063c76;font-size:18px}.filter-links{display:grid;padding:0 14px 12px}.filter-links a,.filter-links span{display:grid;grid-template-columns:23px 1fr;align-items:center;gap:7px;min-height:31px;color:#52647a;text-decoration:none;font-size:11px}.filter-links a i,.filter-links span i{width:20px;height:20px;display:grid;place-items:center;border:1px solid #d8e1ea;border-radius:4px;background:#fff;color:#0875d4;font-style:normal;font-size:10px}.filter-links .selected{color:#075bb5}.filter-links small{float:right;margin-left:5px;color:#8796a7}.filter-all{display:block;margin:0 14px 14px;padding:10px;border-radius:6px;background:#075cae;color:#fff;text-align:center;text-decoration:none;font-size:11px;font-weight:900}.brand-links span{grid-template-columns:23px 1fr}.category-catalog-main{min-width:0}.category-catalog-main .catalog-result-bar h1{margin:3px 0 0;color:#073c77;font-size:20px}.category-catalog-main .catalog-result-bar h1 small{color:#728198;font-size:10px}.category-catalog-main .commerce-product-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.category-catalog-main .commerce-card-image{height:180px}.category-catalog-main .commerce-card h3{height:50px}.category-catalog-main .card-actions{grid-template-columns:1fr}.category-catalog-main .card-whatsapp{grid-column:auto}@media(max-width:1500px){.category-catalog-main .commerce-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1150px){.category-catalog-layout{grid-template-columns:240px minmax(0,1fr)}.category-catalog-main .commerce-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:850px){.category-catalog-layout{grid-template-columns:1fr}.catalog-filters{grid-template-columns:1fr 1fr}.category-catalog-main .commerce-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.catalog-filters{grid-template-columns:1fr}.category-catalog-main .commerce-product-grid{grid-template-columns:1fr}}
/* Ajuste final de la columna izquierda solicitada. */
.category-catalog-layout{width:100%;max-width:none}.catalog-filters{position:sticky;top:138px}.catalog-filters section:first-child:before,.catalog-filters section:nth-child(2):before{content:"Todas | Ninguna";display:block;padding:0 16px 8px;color:#0757a3;font-size:11px;font-weight:900}.filter-links .selected i{background:#e9f5ff;border-color:#a9ccec}.category-catalog-main .catalog-result-bar{margin-top:0}.category-catalog-main .commerce-card{border-radius:12px}@media(max-width:850px){.catalog-filters{position:static}}
/* Evita que los nombres del filtro se dividan letra por letra. */
.filter-links>a,.filter-links>span{display:grid;grid-template-columns:23px minmax(0,1fr);align-items:center;gap:7px;min-height:31px}.filter-links>a>span{display:block!important;min-width:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-links>a>span small{float:right;margin-left:7px}.brand-links>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Casillas vacías y selección con color suave. */
.filter-links a i,.filter-links span i{background:#f8fbff!important;border-color:#b9cfe5!important;color:transparent!important;font-size:0!important}.filter-links a.selected{margin:1px -5px;padding:2px 5px;border-radius:6px;background:#edf6ff;color:#075bb5}.filter-links a.selected i{background:#e4f1ff!important;border-color:#8db9e4!important}.brand-links>span{padding:0 4px;border-radius:5px;background:#fafcff}
.related-products .product-image{
    height:170px;
    padding:24px 30px;
    background:#fff;
}
.related-products .product-image img{
    width:100%;
    height:100%;
    max-width:220px;
    max-height:135px;
    object-fit:contain;
    object-position:center;
}
.related-products .product-body{
    padding:13px 14px 15px;
}
@media(max-width:700px){
    .related-products .product-image{height:150px;padding:20px}
    .related-products .product-image img{max-height:115px}
}

/* La vista compacta prevalece sobre las dimensiones generales de las tarjetas. */
.commerce-product-grid.is-list .commerce-card-image{
    height:62px!important;
    min-height:0!important;
    padding:8px!important;
}


/* ===== managed-content.css ===== */

.managed-slider{position:relative;height:320px;overflow:hidden;border:1px solid #d2e3f4;border-radius:12px;background:#fff;box-shadow:0 9px 26px rgba(7,48,92,.08)}.managed-slide{position:absolute;inset:0;display:block;opacity:0;visibility:hidden;transition:opacity .45s ease}.managed-slide.is-active{opacity:1;visibility:visible}.managed-slide img{width:100%;height:100%;object-fit:cover}.managed-dots{position:absolute;z-index:3;left:50%;bottom:14px;display:flex;gap:7px;transform:translateX(-50%)}.managed-dots button{width:10px;height:10px;padding:0;border:2px solid #fff;border-radius:50%;background:#7792ad;box-shadow:0 1px 5px rgba(0,0,0,.35);cursor:pointer}.managed-dots button.is-active{width:24px;border-radius:10px;background:#075eb6}.managed-side-banner{display:block;margin-top:16px;overflow:hidden;border:1px solid #d7e3ee;border-radius:10px;background:#fff}.managed-side-banner img{display:block;width:100%;height:auto}.managed-footer{margin-top:50px;background:linear-gradient(135deg,#073c73 0%,#041f3e 100%);color:#fff}.managed-footer-main{width:min(1500px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:minmax(280px,1.4fr) repeat(3,minmax(150px,1fr));gap:38px;padding:42px 0}.managed-footer-brand img{display:block;width:min(250px,100%);height:auto;margin:0 0 18px}.managed-footer h2{margin:0 0 14px;font-size:16px;color:#fff}.managed-footer p,.managed-footer address{max-width:460px;margin:0 0 12px;color:#cbdbea;font-size:13px;line-height:1.7;font-style:normal}.managed-footer a{display:block;width:max-content;max-width:100%;margin:8px 0;color:#dceaff;text-decoration:none;font-size:13px}.managed-footer address a{display:inline}.managed-footer a:hover{color:#fff;text-decoration:underline}.managed-footer-bottom{padding:15px;text-align:center;border-top:1px solid rgba(255,255,255,.14);color:#bfd0e0;font-size:12px}@media(max-width:1050px){.managed-footer-main{grid-template-columns:1fr 1fr}.managed-slider{height:270px}}@media(max-width:650px){.managed-footer-main{grid-template-columns:1fr}.managed-slider{height:210px}.managed-slide img{object-fit:contain}}


/* ===== banner-fixes.css ===== */

.managed-slider {
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 1;
    background: #fff;
}

.managed-slider::before {
    display: none !important;
    content: none !important;
}

.managed-slide {
    display: grid;
    place-items: center;
}

.managed-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

@media (max-width: 650px) {
    .managed-slider {
        height: auto;
        aspect-ratio: 3 / 1;
    }
}


/* ===== legal-pages.css ===== */

.legal-page{max-width:1120px;margin:28px auto;color:#102a4d}.legal-hero{padding:28px 32px;border-radius:16px;background:linear-gradient(135deg,#073c73,#0870c9);color:#fff;box-shadow:0 12px 30px rgba(6,53,101,.15)}.legal-hero span{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#94d3ff}.legal-hero h1{margin:5px 0 8px;font-size:30px}.legal-hero p{margin:0;color:#e4f3ff}.faq-list{margin-top:20px;display:grid;gap:10px}.faq-list details{border:1px solid #d5e3f1;border-radius:12px;background:#fff;box-shadow:0 5px 16px rgba(9,57,102,.05)}.faq-list summary{padding:18px 20px;font-weight:750;cursor:pointer}.faq-list details p{margin:0;padding:0 20px 18px;line-height:1.65;color:#49627e}.complaint-form{margin-top:20px}.complaint-form fieldset{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 18px;padding:24px;border:1px solid #d5e3f1;border-radius:14px;background:#fff}.complaint-form legend{padding:0 10px;font-size:17px;font-weight:800}.complaint-form legend span{display:inline-grid;width:28px;height:28px;margin-right:6px;place-items:center;border-radius:50%;background:#0870c9;color:#fff}.complaint-form label{display:grid;gap:7px;font-size:13px;font-weight:700}.complaint-form input,.complaint-form select,.complaint-form textarea{width:100%;padding:11px 12px;border:1px solid #bfd1e3;border-radius:8px;background:#fbfdff;font:inherit}.complaint-form .wide{grid-column:1/-1}.complaint-form .check{display:flex;align-items:center}.complaint-form .check input{width:auto}.guardian h3{margin:0 0 8px;font-size:14px}.legal-note,.legal-success,.legal-error{padding:16px 18px;border-radius:10px;line-height:1.55}.legal-note{background:#edf6ff}.legal-success{margin-top:18px;background:#e5f8ed;color:#126135}.legal-error{margin-top:18px;background:#ffe9e9;color:#9b2020}.legal-submit{padding:13px 22px;border:0;border-radius:9px;background:#0870c9;color:#fff;font-weight:800;cursor:pointer}.hp-field{position:absolute!important;left:-9999px!important}@media(max-width:700px){.legal-page{margin:18px 12px}.legal-hero{padding:22px}.complaint-form fieldset{grid-template-columns:1fr;padding:18px}.complaint-form .wide{grid-column:auto}}@media print{.commerce-header,.managed-footer,.legal-submit{display:none!important}.legal-page{max-width:none;margin:0}}


/* ===== customer-panel.css ===== */

.customer-login-shell{display:grid;grid-template-columns:1fr 440px;min-height:580px;overflow:hidden;border:1px solid #d4e3f2;border-radius:20px;background:#fff;box-shadow:0 22px 55px rgba(7,48,92,.1)}.customer-login-copy{padding:70px;background:linear-gradient(145deg,#064c91,#0877d5);color:#fff}.customer-login-copy span{font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.customer-login-copy h1{color:#fff}.customer-login-copy p{color:#dceeff}.customer-login-copy li{margin:14px 0}.customer-login-form{display:flex;flex-direction:column;justify-content:center;padding:48px}.customer-login-form h2{margin:0;color:#07376c;font-size:28px}.customer-login-form label{display:grid;gap:6px;margin-top:15px;color:#38546f;font-size:12px;font-weight:800}.customer-login-form input{padding:12px;border:1px solid #c6d7e7;border-radius:9px}.customer-login-form button{margin-top:20px;padding:13px;border:0;border-radius:9px;background:#0874d9;color:#fff;font-weight:900}.customer-login-form small{margin-top:14px;color:#74889b}.customer-alert{margin-top:14px;padding:11px;border-radius:8px;background:#fff0f0;color:#a02b2b;font-size:12px}.customer-panel{display:grid;grid-template-columns:245px 1fr;gap:22px}.customer-sidebar{align-self:start;position:sticky;top:20px;padding:20px;border:1px solid #d5e3f0;border-radius:15px;background:#fff}.customer-identity{text-align:center}.customer-identity>span{display:grid;place-items:center;width:54px;height:54px;margin:auto;border-radius:50%;background:#e5f2ff;color:#0874d9;font-size:22px;font-weight:900}.customer-identity strong,.customer-identity small{display:block;margin-top:7px}.customer-identity small{color:#6b8095}.customer-sidebar nav{display:grid;gap:5px;margin:22px 0}.customer-sidebar nav a,.customer-sidebar button{padding:10px;border:0;border-radius:7px;color:#35516d;text-decoration:none;font-size:12px;font-weight:800}.customer-sidebar nav a.active{background:#eaf4ff;color:#0874d9}.customer-sidebar form button{width:100%;background:#f1f4f7;cursor:pointer}.customer-content{min-width:0}.customer-welcome{display:flex;justify-content:space-between;align-items:center;padding:27px;border-radius:15px;background:linear-gradient(120deg,#074c8f,#0878d8);color:#fff}.customer-welcome h1{margin:5px 0;color:#fff;font-size:27px}.customer-welcome p{margin:0;color:#d8ebff}.customer-welcome>strong{padding:10px 14px;border-radius:9px;background:rgba(255,255,255,.14)}.customer-warning{margin-top:15px;padding:12px;border:1px solid #f3d58d;border-radius:9px;background:#fff9e7;color:#805d00}.customer-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:17px 0}.customer-kpis article{padding:18px;border:1px solid #d5e3f0;border-radius:12px;background:#fff}.customer-kpis span,.customer-kpis strong{display:block}.customer-kpis span{color:#64798e;font-size:11px;font-weight:800}.customer-kpis strong{margin-top:5px;color:#0874d9;font-size:25px}.customer-section{margin-top:18px;padding:20px;border:1px solid #d5e3f0;border-radius:14px;background:#fff;scroll-margin-top:20px}.customer-section>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.customer-section header span{color:#0874d9;font-size:10px;font-weight:900;text-transform:uppercase}.customer-section h2{margin:3px 0;color:#123d6b;font-size:18px}.customer-section header>a{padding:9px 12px;border-radius:8px;background:#0874d9;color:#fff;text-decoration:none;font-size:11px;font-weight:800}.customer-table{overflow:auto}.customer-table table{width:100%;border-collapse:collapse}.customer-table th,.customer-table td{padding:11px;border-bottom:1px solid #e4edf5;text-align:left;font-size:11px}.customer-table th{color:#62768a;font-size:9px;text-transform:uppercase}.customer-status{padding:4px 8px;border-radius:15px;background:#edf5fd;color:#1768ad;font-weight:800}.customer-empty{padding:26px!important;color:#7a8da0;text-align:center!important}.customer-profile dl{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border:1px solid #e0eaf3;border-radius:10px}.customer-profile dl div{padding:13px;border-bottom:1px solid #e0eaf3}.customer-profile dt{color:#718499;font-size:9px;font-weight:900;text-transform:uppercase}.customer-profile dd{margin:4px 0 0;color:#254561;font-size:12px;font-weight:700}.customer-profile .wide{grid-column:1/-1}@media(max-width:900px){.customer-login-shell{grid-template-columns:1fr}.customer-login-copy{padding:35px}.customer-panel{grid-template-columns:1fr}.customer-sidebar{position:static}.customer-sidebar nav{grid-template-columns:repeat(3,1fr)}.customer-kpis{grid-template-columns:1fr 1fr}}@media(max-width:600px){.customer-login-form{padding:28px}.customer-sidebar nav,.customer-kpis{grid-template-columns:1fr}.customer-welcome{align-items:flex-start;flex-direction:column;gap:12px}.customer-profile dl{grid-template-columns:1fr}}


/* ===== customer-access.css ===== */

.customer-login-shell{width:min(100% - 32px,720px);margin:44px auto 64px}.customer-login-form{background:#fff;border:1px solid #d7dce2;border-radius:10px;padding:36px 40px;box-shadow:none}.customer-access-heading{margin-bottom:24px}.customer-access-heading h1{margin:0 0 6px;color:#20262d;font-size:28px;line-height:1.2}.customer-access-heading p,.access-pane-title p{margin:0;color:#68717c;font-size:14px}.customer-access-tabs{display:flex;margin:0 0 28px;border-bottom:1px solid #d7dce2}.customer-access-tabs button{appearance:none;flex:1;border:0;border-bottom:2px solid transparent;background:transparent;color:#59636e;padding:12px 10px;font:inherit;font-size:14px;cursor:pointer}.customer-access-tabs button+button{border-left:1px solid #e4e7eb}.customer-access-tabs button.active{color:#161b22;border-bottom-color:#161b22;font-weight:700}.customer-alert,.customer-success{margin:0 0 22px;padding:12px 14px;border:1px solid #d7dce2;border-radius:6px;background:#f6f7f8;color:#333b44;font-size:14px}.customer-alert{border-color:#d6b7b7}.access-pane[hidden]{display:none}.access-pane-title{margin-bottom:20px}.access-pane-title h2{margin:0 0 5px;color:#20262d;font-size:19px}.access-pane form{display:grid;gap:16px}.access-pane label{display:grid;gap:7px;color:#333b44;font-size:13px;font-weight:600}.access-pane input{width:100%;box-sizing:border-box;border:1px solid #cfd5dc;border-radius:6px;background:#fff;color:#20262d;padding:12px 13px;font:inherit;outline:none}.access-pane input:focus{border-color:#68717c}.access-pane form>button{border:1px solid #20262d;border-radius:6px;background:#20262d;color:#fff;padding:12px 18px;font:inherit;font-weight:700;cursor:pointer}.access-help{display:block;margin-top:13px;color:#7a838d;font-size:12px}.access-text-action{margin-top:16px;padding:0;border:0;background:none;color:#3f4852;text-decoration:underline;cursor:pointer}.customer-register-grid{grid-template-columns:1fr 1fr}.customer-register-grid .wide{grid-column:1/-1}.access-consent{display:flex!important;align-items:flex-start;gap:9px!important;font-weight:400!important;line-height:1.45}.access-consent input{width:auto;margin-top:3px}.access-consent a{color:inherit}@media(max-width:640px){.customer-login-shell{width:min(100% - 20px,720px);margin:20px auto 36px}.customer-login-form{padding:26px 20px}.customer-access-tabs{flex-direction:column;border:1px solid #d7dce2;border-radius:6px}.customer-access-tabs button+button{border-left:0;border-top:1px solid #e4e7eb}.customer-register-grid{grid-template-columns:1fr}.customer-register-grid .wide{grid-column:auto}}
.customer-login-shell{display:block!important}


/* ===== customer-dashboard.css ===== */

.customer-dashboard{grid-template-columns:255px minmax(0,1fr);gap:20px}
.customer-dashboard-nav{padding:0;overflow:hidden;border-radius:16px;box-shadow:0 12px 35px rgba(8,53,95,.08)}
.customer-dashboard-nav .customer-identity{padding:24px 18px 20px;border-bottom:1px solid #e3edf5}.customer-dashboard-nav .customer-identity>b{display:inline-block;margin-top:9px;padding:4px 8px;border-radius:6px;background:#e9f5ff;color:#0874d9;font-size:10px}
.customer-dashboard-nav nav{gap:4px;margin:12px}.customer-dashboard-nav nav a{display:flex;align-items:center;gap:10px;padding:12px}.customer-dashboard-nav nav a span{width:18px;color:#0874d9;text-align:center}.customer-dashboard-nav nav a.active{background:linear-gradient(135deg,#0763bf,#087ee7);color:#fff;box-shadow:0 7px 15px rgba(8,116,217,.2)}.customer-dashboard-nav nav a.active span{color:#fff}
.customer-dashboard-nav form{padding:0 12px 14px}.customer-support{margin:16px 12px 12px;padding-top:16px;border-top:1px solid #e3edf5;text-align:center}.customer-support small{display:block;margin-bottom:8px;color:#71869a}.customer-support a{display:block;padding:10px;border-radius:9px;background:#15b977;color:#fff;text-decoration:none;font-size:11px;font-weight:900}
.customer-dashboard-hero{position:relative;display:flex;justify-content:space-between;align-items:center;min-height:118px;padding:27px 32px;overflow:hidden;border-radius:17px;background:linear-gradient(120deg,#0878e8,#6f45ed);color:#fff}.customer-dashboard-hero::after{content:'';position:absolute;right:-50px;width:230px;height:230px;border:35px solid rgba(255,255,255,.05);border-radius:50%}.customer-dashboard-hero>div{position:relative;z-index:1}.customer-dashboard-hero>div>span{font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.customer-dashboard-hero h1{margin:5px 0;color:#fff;font-size:26px}.customer-dashboard-hero p{margin:0;color:#e7f2ff}
.customer-hero-stats{display:flex;gap:9px}.customer-hero-stats span{display:grid;min-width:92px;padding:13px;border:1px solid rgba(255,255,255,.28);border-radius:11px;background:rgba(255,255,255,.12);text-align:center;font-size:8px;font-weight:800;text-transform:uppercase}.customer-hero-stats b{font-size:21px}
.customer-dashboard-kpis{gap:15px}.customer-dashboard-kpis article{display:flex;align-items:center;gap:14px;padding:19px;box-shadow:0 7px 20px rgba(7,47,84,.05)}.customer-dashboard-kpis i{display:grid;place-items:center;width:45px;height:45px;border-radius:12px;background:#eaf4ff;color:#0874d9;font-size:20px;font-style:normal}.customer-dashboard-kpis article:nth-child(2) i{background:#eafaf3;color:#13a76d}.customer-dashboard-kpis article:nth-child(3) i{background:#f1edff;color:#7448e9}.customer-dashboard-kpis strong{font-size:27px}.customer-dashboard-kpis span{margin-top:1px;text-transform:uppercase}
.customer-dashboard-section{padding:0;overflow:hidden;box-shadow:0 8px 25px rgba(8,52,92,.05)}.customer-dashboard-section>header{margin:0;padding:19px 20px;border-bottom:1px solid #e1ebf4}.customer-dashboard-section header p{margin:3px 0 0;color:#71869a;font-size:11px}.customer-dashboard-section .customer-table{padding:0 12px 12px}.customer-dashboard-section th{padding-top:14px}.customer-dashboard-section td{padding:12px 10px}.customer-origin{display:inline-block;padding:4px 8px;border-radius:12px;font-size:9px;font-weight:900}.customer-origin.web{background:#e7f3ff;color:#0874d9}.customer-origin.advisor{background:#f1edff;color:#7245dd}.customer-origin.invoice{background:#eafaf3;color:#128b60}.customer-status.neutral{background:#f2f5f7;color:#607387}.customer-actions{white-space:nowrap}.customer-actions a{display:inline-block;margin-right:5px;padding:5px 8px;border-radius:6px;background:#edf5fd;color:#0867b8;text-decoration:none;font-weight:800}.customer-actions a.pdf{background:#fff0f1;color:#cc3343}.customer-actions span{color:#7a8da0;font-size:10px}
.customer-dashboard-bottom{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.customer-dashboard-bottom .customer-section{height:max-content}.customer-dashboard-bottom .customer-security form{grid-template-columns:1fr}.customer-dashboard-bottom .customer-security button{width:max-content}
@media(max-width:1050px){.customer-dashboard{grid-template-columns:215px minmax(0,1fr)}.customer-hero-stats span{min-width:75px}.customer-dashboard-bottom{grid-template-columns:1fr}}
@media(max-width:850px){.customer-dashboard{grid-template-columns:1fr}.customer-dashboard-nav{position:static}.customer-dashboard-nav nav{grid-template-columns:repeat(2,1fr)}.customer-dashboard-hero{align-items:flex-start;flex-direction:column;gap:20px}.customer-hero-stats{width:100%}.customer-hero-stats span{flex:1}.customer-dashboard-kpis{grid-template-columns:1fr}}
@media(max-width:560px){.customer-dashboard-nav nav{grid-template-columns:1fr}.customer-hero-stats{display:grid;grid-template-columns:1fr 1fr}.customer-hero-stats span:last-child{grid-column:1/-1}.customer-dashboard-hero{padding:23px}.customer-dashboard-section>header{align-items:flex-start;flex-direction:column;gap:12px}}


/* ===== customer-security.css ===== */

.customer-success{margin-top:12px;padding:11px;border-radius:8px;background:#e9f8ef;color:#177742;font-size:12px}.customer-security form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.customer-security label{display:grid;gap:6px;color:#405a73;font-size:11px;font-weight:800}.customer-security input{padding:11px;border:1px solid #c7d7e6;border-radius:8px}.customer-security button{padding:11px 14px;border:0;border-radius:8px;background:#0874d9;color:#fff;font-weight:800}.customer-security form>small{grid-column:1/-1;color:#75899d}@media(max-width:750px){.customer-security form{grid-template-columns:1fr}}


/* ===== password-required.css ===== */

.password-required{width:min(650px,100%);margin:50px auto;padding:38px;border:1px solid #d4e2ef;border-radius:18px;background:#fff;box-shadow:0 20px 50px rgba(9,54,96,.1)}.password-required>span{color:#0874d9;font-size:11px;font-weight:900;text-transform:uppercase}.password-required h1{font-size:30px}.password-required form{display:grid;gap:14px;margin-top:20px}.password-required label{display:grid;gap:6px;color:#405a73;font-size:12px;font-weight:800}.password-required input{padding:12px;border:1px solid #c6d7e6;border-radius:9px}.password-required button{padding:13px;border:0;border-radius:9px;background:#0874d9;color:#fff;font-weight:900}.password-required>small{display:block;margin-top:12px;color:#75899d}


/* ===== catalog-filter-final.css ===== */

.catalog-filters .filter-links i{color:transparent!important;font-size:0!important;line-height:0!important;text-indent:-9999px!important;overflow:hidden!important;background:#f8fbff!important;border:1px solid #b9cfe5!important}.catalog-filters .filter-links a.selected{background:#edf6ff!important}.catalog-filters .filter-links a.selected i{background:#e4f1ff!important;border-color:#8db9e4!important}


/* ===== catalog-all.css ===== */

.all-products-catalog .catalog-category-menu section::before{display:none}.catalog-filter-help{margin:0;padding:0 16px 10px;color:#6b7d92;font-size:11px;line-height:1.45}.all-products-catalog .filter-links{max-height:calc(100vh - 230px);overflow:auto;padding-bottom:15px;scrollbar-width:thin}.all-products-catalog .filter-links a{min-height:38px;border-bottom:1px solid #edf2f7}.all-products-catalog .filter-links a:last-child{border-bottom:0}.all-products-catalog .filter-links a i{font-size:14px}.all-products-catalog .filter-links a span{min-width:0}.all-products-catalog .filter-links small{float:none;display:block;margin:2px 0 0;color:#8796a7;font-size:9px}.catalog-search-note{max-width:300px;color:#64768c!important;font-size:10px!important;font-weight:700!important;text-align:right;text-transform:none!important}.all-products-catalog .commerce-card-image{height:185px}@media(max-width:850px){.all-products-catalog .filter-links{max-height:330px}.catalog-search-note{display:none}}


/* ===== catalog-card-fixes.css ===== */

.commerce-card .commerce-card-image,
.all-products-catalog .commerce-card-image,
.category-catalog-main .commerce-card-image {
    position: relative;
    display: grid;
    place-items: center;
    flex: 0 0 210px;
    width: 100%;
    height: 210px;
    min-height: 210px;
    max-height: 210px;
    padding: 12px;
    overflow: hidden;
    box-sizing: border-box;
    background: #fff;
}

.commerce-card .commerce-card-image img {
    position: static !important;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    max-width: 100%;
    max-height: 100%;
    margin: 0;
    object-fit: contain;
    object-position: center;
}

.commerce-card .commerce-card-body {
    position: relative;
    z-index: 2;
    flex: 1 1 auto;
    padding-top: 4px;
    background: #fff;
}

.commerce-card .card-badges span {
    display: none;
}

@media (max-width: 560px) {
    .commerce-card .commerce-card-image,
    .all-products-catalog .commerce-card-image,
    .category-catalog-main .commerce-card-image {
        flex-basis: 230px;
        height: 230px;
        min-height: 230px;
        max-height: 230px;
    }
}


/* ===== header-logo.css ===== */

.commerce-brand--color,
.commerce-brand--custom{
    width:190px;
    flex-basis:190px;
    padding:5px 9px;
    border-radius:8px;
    background:#fff;
}
.commerce-brand--color img,
.commerce-brand--custom img{
    height:34px;
}
@media(max-width:900px){
    .commerce-brand--color,
    .commerce-brand--custom{
        width:165px;
        flex-basis:165px;
    }
}


/* ===== configurator-cta.css ===== */

.configurator-action {
    display: grid;
    grid-template-columns: 38px 1fr;
    column-gap: 12px;
    align-items: center;
    margin: 18px 0;
    padding: 14px 16px;
    border: 1px solid #8cbff2;
    border-radius: 12px;
    background: linear-gradient(135deg, #eaf5ff, #f7fbff);
    color: #004eaa;
    text-decoration: none;
    transition: border-color .18s, box-shadow .18s, transform .18s;
}

.configurator-action:hover {
    border-color: #006fdb;
    box-shadow: 0 8px 20px rgba(0, 91, 215, .14);
    transform: translateY(-1px);
}

.configurator-action > span {
    grid-row: 1 / 3;
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: #0069d9;
    color: #fff;
    font-size: 19px;
}

.configurator-action strong {
    font-size: 15px;
}

.configurator-action small {
    color: #50627e;
    font-size: 12px;
}


/* ===== product-detail-grid.css ===== */

.product-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,1fr);gap:16px;align-items:stretch}.detail-quadrant{min-width:0;background:#fff;border:1px solid #d5e3f2;border-radius:14px;padding:22px;box-shadow:0 7px 22px rgba(15,55,96,.045)}.product-detail-grid .detail-image{min-height:430px;padding:24px;display:grid;place-items:center}.product-detail-grid .detail-image img{width:100%;height:390px;object-fit:contain}.product-detail-grid .detail-info{display:flex;flex-direction:column}.product-detail-grid .detail-info h1{font-size:clamp(20px,1.8vw,27px);line-height:1.25;margin:12px 0 17px}.product-detail-grid .detail-info dl{margin:0;border:1px solid #dbe6f1;border-radius:12px;overflow:hidden}.product-detail-grid .detail-info dl div{padding:10px 13px;border-bottom:1px solid #e2ebf4}.product-detail-grid .detail-info dl div:last-child{border-bottom:0}.purchase-row{display:flex;gap:18px;align-items:center;justify-content:space-between;margin-top:17px}.price-block{display:flex;align-items:baseline;gap:7px;white-space:nowrap}.price-block .detail-price{display:block;margin:0;color:#0865c7;font-size:30px;line-height:1}.price-block small{color:#687d96;font-size:11px}.purchase-row .quote-add{display:flex;gap:10px;align-items:stretch;margin:0}.quantity-stepper{display:grid;grid-template-columns:34px 42px 34px;border:1px solid #c7d9ec;border-radius:9px;overflow:hidden;background:#fff}.quantity-stepper button{border:0;background:#f5f9fd;color:#154c85;font-size:19px;cursor:pointer}.quantity-stepper input{width:42px;border:0;border-right:1px solid #dce7f2;border-left:1px solid #dce7f2;text-align:center;font-weight:800;-moz-appearance:textfield}.quantity-stepper input::-webkit-inner-spin-button{display:none}.quote-primary{min-width:185px;border:0;border-radius:9px;background:#0966d6!important;color:#fff;font-weight:800;box-shadow:0 5px 14px rgba(9,102,214,.2)}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.product-detail-grid .configurator-action,.whatsapp-product-action{min-height:58px;margin:0!important;padding:10px 13px;border-radius:10px;text-decoration:none}.product-detail-grid .configurator-action{border:1px solid #a9cdef;background:#f7fbff}.whatsapp-product-action{display:flex;gap:10px;align-items:center;border:1px solid #9de2bb;background:#edfff4;color:#087b45}.whatsapp-product-action span:last-child{min-width:0}.whatsapp-product-action strong,.whatsapp-product-action small{display:block}.whatsapp-product-action strong{font-size:13px}.whatsapp-product-action small{margin-top:3px;color:#4e7762;font-size:10px}.whatsapp-mark{display:grid;width:32px;height:32px;flex:0 0 32px;place-items:center;border-radius:50%;background:#16b766;color:#fff;font-size:18px}.migration-note{margin-top:auto!important}.quadrant-heading{padding-bottom:13px;border-bottom:1px solid #dce7f3;margin-bottom:15px}.quadrant-heading span{display:block;color:#0874d7;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.quadrant-heading h2{margin:5px 0 0;color:#073b75;font-size:20px}.product-technical,.related-compact{min-height:330px}.technical-content{max-height:330px;overflow:auto;padding-right:8px;color:#334f70;font-size:13px;line-height:1.55}.technical-content>:first-child{margin-top:0}.technical-content table{width:100%;border-collapse:collapse}.technical-content th,.technical-content td{padding:8px;border:1px solid #dce7f3;text-align:left}.related-compact-list{display:grid;gap:7px}.related-compact-item{display:grid;grid-template-columns:54px minmax(0,1fr) auto 18px;gap:10px;align-items:center;padding:7px 9px;border:1px solid #dce7f2;border-radius:10px;background:#fff;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s}.related-compact-item:hover{transform:translateY(-1px);border-color:#4e9be8;box-shadow:0 6px 16px rgba(0,91,215,.1)}.related-compact-item img{width:54px;height:42px;object-fit:contain;border-radius:6px;background:#fff}.related-compact-item span{min-width:0}.related-compact-item b,.related-compact-item small{display:block}.related-compact-item b{margin-bottom:3px;color:#075db3;font-size:12px}.related-compact-item small{overflow:hidden;color:#304967;font-size:11px;white-space:nowrap;text-overflow:ellipsis}.related-compact-item strong{color:#078347;font-size:13px;white-space:nowrap}.related-compact-item i{color:#0874d7;font-style:normal;font-weight:900}.related-empty{margin:0;padding:20px;border-radius:11px;background:#f3f7fc;text-align:center}.product-trust-strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:15px 20px;border:1px solid #d5e3f2;border-radius:14px;background:#fff}.product-trust-strip>div{display:flex;gap:10px;align-items:center;justify-content:center}.product-trust-strip>div>span{display:grid;width:38px;height:38px;place-items:center;border:1px solid #9ac7f3;border-radius:50%;color:#0966d6;font-size:19px}.product-trust-strip p,.product-trust-strip strong,.product-trust-strip small{display:block;margin:0}.product-trust-strip strong{color:#173f70;font-size:12px}.product-trust-strip small{margin-top:2px;color:#6b7d92;font-size:10px}@media(max-width:1100px){.purchase-row{align-items:stretch;flex-direction:column}.purchase-row .quote-add{width:100%}.quote-primary{flex:1}.detail-actions{grid-template-columns:1fr}}@media(max-width:980px){.product-detail-grid{grid-template-columns:1fr}.product-detail-grid .detail-image{min-height:340px}.product-detail-grid .detail-image img{height:300px}.product-technical,.related-compact{min-height:0}.product-trust-strip{grid-column:1;grid-template-columns:1fr 1fr}}@media(max-width:620px){.detail-quadrant{padding:17px}.related-compact-item{grid-template-columns:46px minmax(0,1fr) 18px}.related-compact-item img{width:46px;height:40px}.related-compact-item strong{grid-column:2}.product-detail-grid .detail-info dl div{grid-template-columns:105px 1fr}.purchase-row .quote-add{flex-direction:column}.quantity-stepper{width:112px}.quote-primary{min-height:44px}.product-trust-strip{grid-template-columns:1fr;padding:12px}.product-trust-strip>div{justify-content:flex-start}}
.product-detail-grid .detail-info h1{font-size:clamp(18px,1.45vw,22px);line-height:1.3}
.specification-list{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0;padding:0;list-style:none;border:1px solid #dce7f3;border-radius:10px;overflow:hidden}
.specification-list li{position:relative;padding:11px 12px 11px 35px;border-bottom:1px solid #e4edf6;background:#fff}
.specification-list li:nth-child(odd){border-right:1px solid #e4edf6}
.specification-list li::before{content:'✓';position:absolute;left:12px;top:11px;display:grid;width:16px;height:16px;place-items:center;border-radius:50%;background:#e8f4ff;color:#0874d7;font-size:10px;font-weight:900}
.specification-list li:nth-last-child(-n+2){border-bottom:0}
@media(max-width:620px){.specification-list{grid-template-columns:1fr}.specification-list li,.specification-list li:nth-child(odd){border-right:0;border-bottom:1px solid #e4edf6}.specification-list li:last-child{border-bottom:0}}
/* Botones secundarios compactos en la ficha de producto. */
@media (min-width: 1101px) {
    .detail-actions {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
    }

    .product-detail-grid .detail-actions .configurator-action,
    .product-detail-grid .detail-actions .whatsapp-product-action {
        width: auto;
        min-width: 230px;
        max-width: 100%;
        flex: 0 0 auto;
        padding-right: 18px;
        padding-left: 13px;
    }

    .product-detail-grid .detail-actions .whatsapp-product-action {
        min-width: 245px;
    }
}
/* Parámetros asignados que complementan la ficha pública. */
.assigned-product-parameters {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 12px;
}

.assigned-product-parameters > div {
    display: flex;
    gap: 6px;
    align-items: center;
    min-width: 0;
    padding: 7px 10px;
    border: 1px solid #dce7f2;
    border-radius: 8px;
    background: #f7faff;
    color: #365674;
    font-size: 11px;
}

.assigned-product-parameters span {
    color: #6b8198;
}

.assigned-product-parameters strong {
    color: #174b7d;
    font-size: 11px;
}

/* Botones secundarios compactos en escritorio. */
@media (min-width: 1101px) {
    .detail-actions {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
    }

    .product-detail-grid .detail-actions .configurator-action,
    .product-detail-grid .detail-actions .whatsapp-product-action {
        width: auto;
        min-width: 230px;
        max-width: 100%;
        flex: 0 0 auto;
        padding-right: 18px;
        padding-left: 13px;
    }

    .product-detail-grid .detail-actions .whatsapp-product-action {
        min-width: 245px;
    }
}


/* ===== design-system.css ===== */

:root {
    --cn-primary: #1677c8;
    --cn-primary-dark: #125a96;
    --cn-primary-hover: #0668b5;
    --cn-action: #0879d1;
    --cn-soft-blue: #e8f3fc;
    --cn-active: #dceeff;
    --cn-page: #f4f8fc;
    --cn-page-alt: #edf5fb;
    --cn-surface: #fff;
    --cn-text: #173b5e;
    --cn-muted: #60778e;
    --cn-border: #d4e4f1;
    --cn-success: #19ad63;
    --cn-danger: #e45454;
    --cn-price: #0874c9;
    --cn-shadow: 0 8px 24px rgba(20, 73, 116, .08);
    --cn-radius: 12px;
    --cn-font: Inter, "Segoe UI", Arial, sans-serif;
}

html { color-scheme: light; }
body {
    background: var(--cn-page);
    color: var(--cn-text);
    font-family: var(--cn-font);
    font-size: 14px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6, button, input, select, textarea {
    font-family: var(--cn-font);
}
h1 { font-size: clamp(26px, 2.15vw, 32px); line-height: 1.18; letter-spacing: -.025em; }
h2 { font-size: clamp(20px, 1.6vw, 24px); line-height: 1.25; letter-spacing: -.015em; }
h3 { font-size: 18px; line-height: 1.3; }
p { color: var(--cn-muted); }
a { color: var(--cn-primary-dark); }

.commerce-header {
    background: var(--cn-primary-dark);
    box-shadow: 0 4px 18px rgba(24, 63, 98, .12);
}
.header-main {
    min-height: 72px;
    max-width: 1440px;
    margin: 0 auto;
    gap: 16px;
    padding: 10px 24px;
}
.commerce-brand {
    background: transparent;
    border-radius: 10px;
    padding: 4px 8px;
}
.commerce-brand img {
    width: auto;
    max-width: 190px;
    max-height: 48px;
    object-fit: contain;
}
.commerce-search {
    height: 44px;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(255,255,255,.9);
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(16,65,103,.12);
}
.commerce-search input {
    height: 44px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    font-size: 14px;
}
.commerce-search button {
    min-width: 48px;
    height: 44px;
    color: var(--cn-primary-dark);
    background: #fff;
    border: 0;
    border-left: 1px solid var(--cn-border);
    border-radius: 0;
    box-shadow: none;
}
.commerce-search button:hover {
    color: #fff;
    background: var(--cn-action);
}
.header-actions a {
    min-height: 42px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 700;
}
.header-actions .whatsapp-action { background: var(--cn-success); }
.category-strip {
    min-height: 44px;
    background: var(--cn-soft-blue);
    border-bottom: 1px solid var(--cn-border);
}
.category-strip a {
    position: relative;
    color: var(--cn-text);
    font-size: 12px;
    font-weight: 700;
    padding: 13px 14px;
    border-right: 0;
}
.category-strip a:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 20px;
    background: #9fc8e5;
    transform: translateY(-50%);
}
.category-strip a:hover {
    color: var(--cn-primary);
    background: rgba(255,255,255,.72);
}

.page-shell, .commerce-shell {
    width: min(100%, 1440px);
    margin-inline: auto;
}

:where(.card, .panel, .commerce-card, .catalog-card, .product-card,
       .customer-card, .login-card, .content-card, .managed-card) {
    background: var(--cn-surface);
    border: 1px solid var(--cn-border);
    border-radius: var(--cn-radius);
    box-shadow: var(--cn-shadow);
}

:where(button, .button, .btn, [class*="btn-"], input[type="submit"]) {
    min-height: 42px;
    border-radius: 9px;
    font-weight: 700;
    transition: background-color .18s ease, border-color .18s ease,
                color .18s ease, transform .18s ease, box-shadow .18s ease;
}
:where(button, .button, .btn, [class*="btn-"], input[type="submit"]):focus-visible,
:where(a, input, select, textarea):focus-visible {
    outline: 3px solid rgba(22,119,200,.22);
    outline-offset: 2px;
}
:where(.btn-primary, .button-primary, button[type="submit"]) {
    background: var(--cn-action);
    border-color: var(--cn-action);
}
:where(.btn-primary, .button-primary, button[type="submit"]):hover {
    background: var(--cn-primary-hover);
    border-color: var(--cn-primary-hover);
}

input:not([type="checkbox"]):not([type="radio"]),
select, textarea {
    min-height: 42px;
    color: var(--cn-text);
    background: rgba(255,255,255,.92);
    border: 1px solid var(--cn-border);
    border-radius: 9px;
    font-size: 14px;
}
input::placeholder, textarea::placeholder { color: #8aa0b4; }

table {
    border-color: var(--cn-border);
    font-size: 13px;
}
thead th {
    color: var(--cn-text);
    background: var(--cn-page-alt);
    border-color: var(--cn-border);
    font-size: 11px;
    letter-spacing: .035em;
    text-transform: uppercase;
}
tbody td { border-color: var(--cn-border); }

.price, [class*="price"], [class*="precio"] { color: var(--cn-price); }
.badge-success, .status-success, .available { color: #08743f; background: #e5f8ee; }
.badge-danger, .status-danger { color: #a92e2e; background: #fdeaea; }

.managed-footer {
    margin-top: 48px;
    color: #eaf5fc;
    background: var(--cn-primary-dark);
    border-top: 4px solid var(--cn-primary);
}
.managed-footer-main {
    max-width: 1440px;
    margin: auto;
    padding: 40px 28px 32px;
    gap: 32px;
}
.managed-footer h2 { color: #fff; font-size: 15px; }
.managed-footer p, .managed-footer address { color: #d5e8f6; font-size: 13px; }
.managed-footer a { color: #eef8ff; font-size: 13px; }
.managed-footer a:hover { color: #fff; text-decoration: underline; }
.managed-footer-bottom {
    background: rgba(8,52,88,.32);
    border-color: rgba(255,255,255,.12);
    color: #cfe4f3;
}

@media (max-width: 900px) {
    .header-main { padding: 8px 12px; }
    .commerce-brand img { max-width: 150px; max-height: 40px; }
    .header-actions a { min-height: 38px; }
    .category-strip { overflow-x: auto; justify-content: flex-start; }
    .category-strip a { white-space: nowrap; }
    .managed-footer-main { padding: 32px 18px; }
}

/* Estructura pública a ancho completo. */
.header-main,
.page-shell,
.commerce-shell,
.managed-footer-main{width:100%;max-width:none}
.page-shell,
.commerce-shell{padding-left:20px;padding-right:20px}
@media (max-width:700px){
    .page-shell,
    .commerce-shell{padding-left:12px;padding-right:12px}
}

/* Cabecera limpia: logotipo legible y buscador como una sola pieza. */
.commerce-brand{
    flex:0 0 auto;
    margin-right:12px;
}
.commerce-brand--custom,
.commerce-brand--color{
    min-width:205px;
    padding:7px 12px;
    border:1px solid rgba(255,255,255,.82);
    border-radius:10px;
    background:#fff;
}
.commerce-brand--white{
    min-width:205px;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
}
.commerce-brand--white img{
    filter:brightness(0) invert(1)!important;
}
.managed-footer-logo{
    filter:brightness(0) invert(1)!important;
}
.commerce-brand img{
    display:block;
    opacity:1;
    filter:none;
}
.commerce-search{
    overflow:visible;
    border:1px solid #d4e4f1;
    border-radius:12px;
    background:#fff;
    box-shadow:0 2px 8px rgba(4,46,84,.08);
}
.commerce-search input{
    border:0!important;
    border-radius:12px 0 0 12px!important;
    background:transparent!important;
    box-shadow:none!important;
}
.commerce-search input:focus{
    border:0!important;
    box-shadow:none!important;
    outline:0;
}
.commerce-search button{
    min-width:48px;
    border:0;
    border-left:1px solid #dbe7f2;
    border-radius:0 12px 12px 0;
    background:#fff;
    box-shadow:none;
}

/* Banner panorámico y controles discretos. */
.managed-slider{
    aspect-ratio:4 / 1;
    max-height:400px;
}
.managed-slide,
.managed-slide img{
    width:100%;
    height:100%;
}
.managed-slide img{
    object-fit:cover;
    object-position:center;
}
.managed-dots{
    gap:8px;
}
.managed-dots button,
.managed-dots button.is-active{
    width:10px!important;
    min-width:10px!important;
    height:10px!important;
    min-height:0!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
}
.managed-dots button.is-active{
    transform:scale(1.25);
}

@media(max-width:700px){
    .commerce-brand{margin-right:0}
    .commerce-brand--custom,
    .commerce-brand--color{min-width:0;padding:5px 8px}
    .managed-slider{aspect-ratio:16 / 7}
}


/* ===== catalog-view-mode.css ===== */

.catalog-sort-form{
    display:flex;
    align-items:flex-end;
    gap:10px;
}
.catalog-view-switch{
    display:flex;
    align-items:center;
    gap:5px;
    padding-bottom:1px;
}
.catalog-view-switch a{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border:1px solid #b9cde2;
    border-radius:7px;
    background:#fff;
    color:#526f8e;
    text-decoration:none;
    font-size:22px;
    line-height:1;
}
.catalog-view-switch a:hover,
.catalog-view-switch a.active{
    border-color:#0874df;
    background:#eaf4ff;
    color:#0874df;
    box-shadow:inset 0 0 0 1px #0874df;
}
.commerce-product-grid.is-list{
    display:flex;
    flex-direction:column;
    gap:8px;
}
.commerce-product-grid.is-list .commerce-card{
    display:grid;
    grid-template-columns:132px minmax(0,1fr);
    min-height:116px;
    border-radius:10px;
    overflow:visible;
}
.commerce-product-grid.is-list .commerce-card:hover{transform:none}
.commerce-product-grid.is-list .card-badges,
.commerce-product-grid.is-list .card-brand,
.commerce-product-grid.is-list .card-actions,
.commerce-product-grid.is-list .commerce-price small,
.commerce-product-grid.is-list .commerce-price del{display:none}
.commerce-product-grid.is-list .commerce-card-image,
.category-catalog-main .commerce-product-grid.is-list .commerce-card-image{
    width:132px;
    height:114px;
    min-height:114px;
    max-height:114px;
    flex:0 0 114px;
    padding:10px;
    border-right:1px solid #e2ebf4;
    background:#f8fbfe;
}
.commerce-product-grid.is-list .commerce-card-body{
    min-width:0;
    display:grid;
    grid-template-columns:minmax(280px,1.45fr) minmax(260px,1fr) auto;
    grid-template-rows:auto 1fr;
    align-items:center;
    column-gap:24px;
    padding:14px 18px;
}
.commerce-product-grid.is-list .commerce-card h3{
    grid-column:1;
    grid-row:2;
    height:auto;
    margin:5px 0 0;
    font-size:13px;
    line-height:1.35;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.commerce-product-grid.is-list .commerce-card dl{
    grid-column:1;
    grid-row:1;
    padding:0;
    border:0;
    background:transparent;
}
.commerce-product-grid.is-list .commerce-card dl div{display:none}
.commerce-product-grid.is-list .commerce-card dl div:first-child{
    display:flex;
    margin:0;
    font-size:12px;
}
.commerce-product-grid.is-list .commerce-card dl dt{display:none}
.commerce-product-grid.is-list .commerce-card dl dd{
    color:#076ac9;
    font-weight:900;
}
.list-card-meta{display:none}
.commerce-product-grid.is-list .list-card-meta{
    grid-column:2;
    grid-row:1/3;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px 18px;
    padding:4px 0;
}
.commerce-product-grid.is-list .list-card-meta span{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:2px;
    color:#294763;
    font-size:11px;
    line-height:1.25;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.commerce-product-grid.is-list .list-card-meta b{
    color:#72869a;
    font-size:9px;
    letter-spacing:.04em;
    text-transform:uppercase;
}
.commerce-product-grid.is-list .commerce-price{
    grid-column:3;
    grid-row:1/3;
    display:block;
    margin:0;
    white-space:nowrap;
}
.commerce-product-grid.is-list .commerce-price strong{
    color:#07833c;
    font-size:15px;
}
.commerce-product-grid.is-list .commerce-price:after{
    content:"↗";
    margin-left:10px;
    color:#0874df;
    font-weight:900;
}
@media(max-width:700px){
    .catalog-result-bar{align-items:flex-start}
    .catalog-sort-form{width:100%;flex-wrap:wrap}
    .catalog-sort-form label{flex:1}
    .commerce-product-grid.is-list .commerce-card{
        grid-template-columns:92px minmax(0,1fr);
        min-height:108px;
    }
    .commerce-product-grid.is-list .commerce-card-image,
    .category-catalog-main .commerce-product-grid.is-list .commerce-card-image{
        width:92px;height:106px;min-height:106px;max-height:106px;
    }
    .commerce-product-grid.is-list .commerce-card-body{
        grid-template-columns:minmax(0,1fr);
        padding:10px 12px;
    }
    .commerce-product-grid.is-list .list-card-meta{
        grid-column:1;grid-row:3;
        grid-template-columns:repeat(2,minmax(0,1fr));
        margin-top:7px;
    }
    .commerce-product-grid.is-list .commerce-price{grid-column:1;grid-row:3;margin-top:5px}
    .commerce-product-grid.is-list .list-card-meta + .commerce-price{grid-row:4}
}

/* Pie de página compacto 2026-07-28. Reglas aisladas del resto del sitio. */
.managed-footer {
    margin-top: 40px;
    color: #eaf5fc;
    background: var(--cn-primary-dark);
    border-top: 3px solid var(--cn-primary);
}
.managed-footer-main {
    display: grid;
    grid-template-columns: minmax(250px, 1.35fr) repeat(3, minmax(170px, 1fr));
    align-items: start;
    width: 100%;
    max-width: none;
    margin: auto;
    padding: 34px 32px 28px;
    gap: clamp(28px, 4vw, 68px);
}
.managed-footer h2 {
    margin: 2px 0 14px;
    padding-bottom: 9px;
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,.2);
    font-size: 15px;
    line-height: 1.25;
}
.managed-footer p,
.managed-footer address {
    color: #d5e8f6;
    font-size: 13px;
    line-height: 1.65;
}
.managed-footer-brand p {
    max-width: 390px;
    margin: 12px 0;
}
.managed-footer-brand address {
    display: grid;
    gap: 5px;
    font-style: normal;
}
.managed-footer-contact {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}
.managed-footer-contact > span {
    width: 16px;
    color: #8fd3ff;
    text-align: center;
}
.managed-footer a {
    color: #eef8ff;
    font-size: 13px;
}
.managed-footer a:hover {
    color: #fff;
    text-decoration: underline;
}
.managed-footer-column {
    display: grid;
    align-content: start;
    gap: 8px;
}
.managed-footer-column a {
    display: flex;
    align-items: center;
    gap: 8px;
    line-height: 1.35;
    text-decoration: none;
}
.managed-footer-column a > span {
    color: #8fd3ff;
    font-size: 22px;
    line-height: 12px;
}
.managed-footer-whatsapp {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    margin-top: 15px;
    padding: 9px 16px;
    border-radius: 999px;
    background: #12b968;
    color: #fff !important;
    font-weight: 700;
    text-decoration: none !important;
}
.managed-footer-whatsapp:hover {
    background: #0ea55c;
}
.managed-footer-bottom {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    padding: 13px 32px;
    background: rgba(8,52,88,.32);
    border-top: 1px solid rgba(255,255,255,.12);
    color: #cfe4f3;
    font-size: 12px;
}
@media (max-width: 900px) {
    .managed-footer-main {
        grid-template-columns: repeat(2, minmax(0,1fr));
        padding: 30px 18px;
    }
    .managed-footer-bottom {
        padding: 13px 18px;
    }
}
@media (max-width: 560px) {
    .managed-footer-main {
        grid-template-columns: 1fr;
        gap: 26px;
    }
    .managed-footer-bottom {
        flex-direction: column;
    }
}
