/* MAJERCI APP V725 - CONSOLIDADO */

/* SOURCE: static/css/site.css */
:root{
  --navy:#082f5f;--navy2:#041f41;--blue:#0b6ff5;--cyan:#08a4ea;--teal:#00a99d;
  --ink:#14233b;--muted:#64748b;--line:#dce5ef;--bg:#f5f8fc;--white:#fff;
  --green:#14a44d;--orange:#f59e0b;--red:#e83333;--shadow:0 10px 30px rgba(7,47,95,.10);
}
[hidden]{display:none!important}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff} a{color:inherit;text-decoration:none} img{max-width:100%} button,input,select,textarea{font:inherit}.container{width:min(1440px,calc(100% - 36px));margin:auto}.topbar{background:linear-gradient(90deg,var(--navy2),var(--navy));color:#dbeafe;font-size:13px}.topbar .container{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:20px}.toplinks{display:flex;gap:20px;align-items:center}.mainhead{background:white;border-bottom:1px solid var(--line)}.mainhead .container{min-height:94px;display:grid;grid-template-columns:330px 1fr auto;gap:26px;align-items:center}.brand-logo{height:78px;width:320px;object-fit:contain}.searchbar{display:flex;border:1px solid #b9c9dc;border-radius:8px;overflow:hidden;box-shadow:0 4px 14px rgba(13,91,178,.08)}.searchbar input{flex:1;border:0;padding:15px 16px;outline:0;min-width:0}.searchbar button{border:0;background:var(--blue);color:white;width:58px;font-size:20px;cursor:pointer}.head-actions{display:flex;gap:18px;align-items:center}.head-icon{font-size:13px;text-align:center;color:var(--navy);white-space:nowrap}.quote-btn,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;border:1px solid transparent;padding:12px 18px;font-weight:750;cursor:pointer;transition:.18s}.quote-btn,.btn.primary{background:linear-gradient(135deg,#0b75ff,#0756cf);color:white;box-shadow:0 8px 18px rgba(11,111,245,.2)}.btn.outline{border-color:var(--blue);color:var(--blue);background:white}.btn.green{background:#0fbf59;color:white}.btn.soft{background:#edf5ff;color:#0756cf}.btn.danger{background:#fff0f0;color:#c62828;border-color:#ffcaca}.btn.small{padding:8px 11px;font-size:13px}.nav{background:linear-gradient(90deg,var(--navy2),var(--navy));color:white}.nav .container{display:flex;align-items:center;gap:4px;min-height:50px}.nav a{padding:15px 18px;font-weight:650;font-size:14px}.nav a:hover,.nav a.active{background:var(--blue)}.nav .push{margin-left:auto}.mobile-menu{display:none}.hero{background:radial-gradient(circle at 80% 30%,#e7f4ff 0,#f7fbff 35%,#fff 70%);border-bottom:1px solid var(--line)}.hero .container{display:grid;grid-template-columns:1.2fr .8fr;min-height:430px;align-items:center;gap:36px}.eyebrow{color:var(--blue);font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:13px}.hero h1{font-size:54px;line-height:1.04;margin:10px 0 16px;color:var(--navy)}.hero h1 span{color:var(--blue)}.hero p{font-size:19px;color:#45566f;max-width:760px;line-height:1.6}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.trust-row{display:flex;gap:26px;flex-wrap:wrap;margin-top:30px;color:#27415f;font-weight:650;font-size:14px}.hero-art{background:linear-gradient(145deg,#0b72f1,#063b7f);border-radius:28px;min-height:310px;padding:34px;color:white;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-art:before,.hero-art:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.09)}.hero-art:before{width:240px;height:240px;right:-70px;top:-70px}.hero-art:after{width:190px;height:190px;left:-50px;bottom:-80px}.hero-art h3{font-size:28px;margin:0 0 10px;position:relative}.hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px;position:relative}.hero-chip{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:14px;padding:16px 10px;text-align:center;font-weight:700}.section{padding:42px 0}.section.gray{background:var(--bg)}.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.section-title h2{margin:0;color:var(--navy);font-size:30px}.section-title p{margin:6px 0 0;color:var(--muted)}.categories-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.category-card{background:white;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 6px 18px rgba(4,31,65,.04);min-height:138px;transition:.18s}.category-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#a8cbf7}.category-icon{width:44px;height:44px;border-radius:12px;background:#eaf4ff;display:grid;place-items:center;font-size:24px;margin-bottom:12px}.category-card h3{font-size:15px;margin:0 0 6px;color:var(--navy)}.category-card p{font-size:12px;color:var(--muted);margin:0}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-card{border:1px solid var(--line);border-radius:14px;background:white;overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:.18s}.product-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.product-image{height:205px;background:#f7f9fc;display:grid;place-items:center;position:relative;padding:16px}.product-image img{max-height:100%;max-width:100%;object-fit:contain}.placeholder-product{width:92px;height:92px;border-radius:22px;background:linear-gradient(135deg,#e5effc,#cbdff7);display:grid;place-items:center;color:var(--navy);font-size:42px;font-weight:900}.badge{position:absolute;top:12px;left:12px;border-radius:999px;padding:5px 9px;color:white;font-size:11px;font-weight:800}.badge.stock{background:var(--green)}.badge.order{background:var(--orange)}.badge.quote{background:var(--blue)}.product-body{padding:15px;display:flex;flex-direction:column;gap:6px;flex:1}.brand{font-size:11px;font-weight:800;color:#789}.product-title{font-weight:800;color:var(--navy);line-height:1.28;min-height:41px}.product-summary{font-size:13px;color:var(--muted);line-height:1.4;min-height:38px}.price{font-size:22px;color:var(--red);font-weight:850;margin-top:5px}.price small{font-size:11px;color:var(--muted);font-weight:500}.card-actions{display:flex;gap:8px;margin-top:auto;padding-top:8px}.card-actions .btn{flex:1;padding:9px 10px;font-size:13px}.quote-link{font-size:12px;color:var(--blue);text-decoration:underline;text-align:center;margin-top:4px}.benefits{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}.benefit{background:white;padding:18px;text-align:center}.benefit b{display:block;color:var(--navy);margin-top:6px}.benefit span{font-size:12px;color:var(--muted)}.footer{background:#061f3f;color:#d8e7fb;padding:40px 0 20px;margin-top:30px}.footer-grid{display:grid;grid-template-columns:1.35fr .9fr .9fr 1.2fr 1.1fr;gap:34px}.footer h4{color:white;margin:0 0 14px}.footer p,.footer a{font-size:13px;line-height:1.7;color:#b7c9df}.footer a{display:block}.footer .legal{border-top:1px solid #1a3a61;margin-top:30px;padding-top:18px;font-size:12px;color:#89a3c2;display:flex;justify-content:space-between;gap:20px}.breadcrumbs{font-size:13px;color:var(--muted);padding:18px 0}.breadcrumbs a{color:var(--blue)}.page-banner{background:linear-gradient(90deg,#f7fbff,#eaf4ff);border-block:1px solid var(--line)}.page-banner .container{padding:28px 0}.page-banner h1{margin:0 0 8px;color:var(--navy);font-size:34px}.page-banner p{margin:0;color:#53657c}.catalog-layout{display:grid;grid-template-columns:270px 1fr;gap:22px}.filters{border:1px solid var(--line);border-radius:12px;background:white;padding:16px;align-self:start;position:sticky;top:12px}.filters h3{margin:0 0 15px;color:var(--navy)}.filter-group{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}.filter-group label{font-size:12px;font-weight:800;color:var(--navy);display:block;margin-bottom:7px}.filter-group select,.filter-group input{width:100%;padding:10px;border:1px solid #cbd7e5;border-radius:7px;background:white}.category-tree{font-size:13px}.category-tree .root{font-weight:800;margin-top:8px;color:var(--navy)}.category-tree .child{display:block;padding:5px 0 5px 10px;color:#51657d}.category-tree a.active{color:var(--blue);font-weight:800}.catalog-top{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px}.catalog-top b{color:var(--navy)}.pagination{display:flex;gap:7px;justify-content:center;margin-top:26px}.pagination a,.pagination span{min-width:36px;height:36px;border:1px solid var(--line);display:grid;place-items:center;border-radius:7px}.pagination .current{background:var(--blue);color:white;border-color:var(--blue)}.product-page{display:grid;grid-template-columns:.9fr 1.1fr 360px;gap:28px}.gallery-main{border:1px solid var(--line);border-radius:14px;min-height:440px;background:#f8fafc;display:grid;place-items:center;padding:28px}.gallery-main img{max-height:400px;object-fit:contain}.detail h1{font-size:32px;color:var(--navy);margin:4px 0 8px}.detail .lead{color:#53657c;font-size:17px;line-height:1.5}.meta{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin:12px 0}.feature-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:22px 0}.feature{border:1px solid var(--line);border-radius:10px;padding:12px;text-align:center;font-size:12px;color:#53657c}.buybox{border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:var(--shadow);align-self:start;position:sticky;top:12px}.buybox .price{font-size:31px}.qty{display:flex;align-items:center;margin:14px 0}.qty button,.qty input{height:40px;border:1px solid #cbd7e5;background:white;text-align:center}.qty button{width:42px;cursor:pointer}.qty input{width:58px;border-inline:0}.buybox .btn{width:100%;margin-top:10px}.notice{background:#eef6ff;border-left:4px solid var(--blue);padding:12px;border-radius:7px;color:#34516f;font-size:13px;margin-top:14px}.controlled{background:#fff7e7;border-left-color:var(--orange)}.tabs{margin-top:28px;border-top:1px solid var(--line);padding-top:24px}.tabs-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.tabs h3{color:var(--navy)}.tabs p{line-height:1.7;color:#51657d}.spec-table{width:100%;border-collapse:collapse;font-size:13px}.spec-table td{border:1px solid var(--line);padding:9px}.spec-table td:first-child{font-weight:750;background:#f8fafc;width:38%}.cart-layout{display:grid;grid-template-columns:1.45fr .8fr;gap:24px}.cart-box,.quote-form{border:1px solid var(--line);border-radius:14px;background:white;padding:20px}.cart-item{display:grid;grid-template-columns:80px 1fr 120px 110px 40px;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.cart-item:last-child{border-bottom:0}.cart-item img{width:70px;height:70px;object-fit:contain;background:#f7f9fc;border-radius:8px}.summary-box{border:1px solid var(--line);border-radius:14px;padding:20px;background:#f8fbff;margin-bottom:16px}.summary-row{display:flex;justify-content:space-between;padding:9px 0}.summary-row.total{border-top:1px solid var(--line);margin-top:8px;padding-top:15px;font-size:22px;font-weight:850;color:var(--navy)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:800;color:var(--navy)}.field input,.field textarea,.field select{padding:11px;border:1px solid #cbd7e5;border-radius:7px;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(11,111,245,.1)}.checks{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;margin:14px 0}.flash{padding:12px 15px;border-radius:8px;margin:12px 0;background:#eaf8ef;color:#0f7338}.flash.error{background:#fff0f0;color:#b42318}.flash.warning{background:#fff8e6;color:#8c5b00}.whatsapp-float{position:fixed;right:24px;bottom:24px;background:#14c65b;color:white;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:23px;box-shadow:0 10px 24px rgba(20,198,91,.3);z-index:20}.empty{text-align:center;padding:50px;color:var(--muted)}.legal-page{max-width:850px;margin:auto;padding:40px 0;line-height:1.8}.status-pill{display:inline-block;padding:4px 8px;border-radius:99px;font-size:11px;font-weight:800;background:#eef3f9;color:#50647b}.status-pill.green{background:#e7f8ee;color:#128143}.status-pill.orange{background:#fff2dc;color:#9a6200}.status-pill.blue{background:#e8f2ff;color:#0965cf}
@media(max-width:1180px){.categories-grid{grid-template-columns:repeat(4,1fr)}.products-grid{grid-template-columns:repeat(3,1fr)}.mainhead .container{grid-template-columns:260px 1fr auto}.brand-logo{width:250px}.head-icon{display:none}.product-page{grid-template-columns:1fr 1fr}.buybox{grid-column:1/-1;position:static}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.container{width:min(100% - 24px,100%)}.topbar .container{justify-content:center}.topbar .container>span,.toplinks span:nth-child(2){display:none}.mainhead .container{grid-template-columns:1fr auto;min-height:75px;gap:10px}.brand-logo{width:220px;height:60px}.searchbar{grid-column:1/-1;grid-row:2;margin-bottom:12px}.head-actions .quote-btn{padding:10px 12px;font-size:12px}.nav .container{overflow:auto}.nav a{white-space:nowrap;padding:13px 12px}.hero .container{grid-template-columns:1fr;padding:38px 0}.hero h1{font-size:40px}.hero-art{display:none}.categories-grid{grid-template-columns:repeat(2,1fr)}.products-grid{grid-template-columns:repeat(2,1fr)}.benefits{grid-template-columns:1fr 1fr}.catalog-layout{grid-template-columns:1fr}.filters{position:static}.category-tree{display:none}.product-page{grid-template-columns:1fr}.buybox{grid-column:auto}.tabs-grid{grid-template-columns:1fr}.cart-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer .legal{flex-direction:column}.cart-item{grid-template-columns:65px 1fr;gap:10px}.cart-item .cart-price,.cart-item .cart-qty,.cart-item .cart-remove{grid-column:2}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}
@media(max-width:520px){.products-grid{grid-template-columns:1fr}.categories-grid{grid-template-columns:1fr 1fr}.category-card{padding:13px}.hero h1{font-size:34px}.hero p{font-size:16px}.section-title{align-items:start;flex-direction:column}.toplinks{gap:8px}.product-image{height:190px}.feature-row{grid-template-columns:1fr 1fr}}

[data-search-suggestions] a{display:flex;flex-direction:column;padding:10px 12px;border-bottom:1px solid #edf2f7;font-size:13px}[data-search-suggestions] a:hover{background:#f4f8fd}[data-search-suggestions] a span{font-size:11px;color:#64748b;margin-top:2px}

.product-card[data-product-url]{cursor:pointer}.product-card[data-product-url]:focus{outline:3px solid rgba(11,111,245,.25);outline-offset:2px}.product-view-btn{width:100%;margin-top:6px;text-align:center}

/* =========================================================
   MAJERCI V3.6 — fidelidad visual con la maqueta aprobada
   ========================================================= */
:root{--approved-navy:#073365;--approved-deep:#052a55;--approved-blue:#0875f5;--approved-cyan:#02b9c5}
.topbar a{color:inherit}.toplinks a:hover{color:#fff}.header-grid{grid-template-columns:390px minmax(360px,1fr) auto!important;gap:24px!important;min-height:126px!important}.brand-wrap{width:390px;height:116px;display:flex;align-items:center;overflow:hidden}.brand-logo{width:390px!important;height:116px!important;object-fit:contain!important;object-position:center!important}.search-wrap{position:relative;min-width:0}.search-suggestions{position:absolute;top:54px;left:0;right:0;background:white;border:1px solid #dce5ef;border-radius:8px;z-index:30;box-shadow:0 15px 35px rgba(7,47,95,.15);overflow:hidden}.head-actions{gap:20px}.head-icon{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:12px}.head-symbol{font-size:25px;line-height:1}.quote-btn{min-width:174px;padding:14px 20px;border-radius:6px;font-size:15px;line-height:1.12}.quote-doc{font-size:27px}.nav{box-shadow:0 5px 18px rgba(4,31,65,.10)}.nav .container{min-height:56px}.nav a{padding:18px 20px;display:flex;align-items:center;gap:9px}.nav a.active{background:#0875f5}

.hero-approved{background:#fff;border-bottom:0;overflow:hidden}.hero-approved-grid{display:grid!important;grid-template-columns:46% 54%!important;min-height:430px!important;gap:0!important;padding:0!important;align-items:stretch!important}.hero-copy{padding:32px 34px 30px 18px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2;background:linear-gradient(90deg,#fff 0%,#fff 78%,rgba(255,255,255,.92) 94%,rgba(255,255,255,.15) 100%)}.hero-approved h1{font-size:49px!important;line-height:1.01!important;letter-spacing:-1.8px;margin:0 0 14px!important;color:#082f5f!important}.hero-approved h1 span{color:#086df1}.hero-approved p{font-size:17px!important;line-height:1.45!important;margin:0!important;color:#455f7e;max-width:650px}.hero-trust{display:grid!important;grid-template-columns:repeat(4,1fr);gap:14px!important;margin-top:23px!important;font-size:12px!important;color:#173d69!important}.hero-trust span{display:grid;grid-template-columns:28px 1fr;align-items:center;column-gap:7px;font-weight:700;line-height:1.15}.hero-trust b{grid-row:1/3;font-size:25px;color:#0a3f7d}.hero-actions{margin-top:22px!important}.hero-primary,.hero-quote{min-height:50px;padding-inline:22px}.hero-media{position:relative;overflow:hidden;min-height:430px;background:linear-gradient(135deg,#e9f4ff,#d8eafa 52%,#062e5a 100%)}.hero-media>img{position:absolute;max-width:none;width:181%;height:auto;left:-76%;top:-33%;filter:saturate(.96) contrast(1.02)}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.78) 0%,rgba(255,255,255,.13) 17%,transparent 38%,rgba(2,34,67,.10) 78%,rgba(2,34,67,.62) 100%);pointer-events:none}.hero-media-overlay{position:absolute;z-index:2;right:28px;top:58px;display:flex;flex-direction:column;gap:9px;color:#c8dcf1;font-size:14px;letter-spacing:.04em}.hero-media-overlay i{display:block;width:56px;height:3px;background:#00c0c8;margin-top:8px}.hero-media-caption{position:absolute;z-index:3;right:0;bottom:0;background:linear-gradient(110deg,rgba(6,49,96,.95),rgba(3,33,66,.96));min-width:260px;padding:13px 22px 13px 48px;color:white;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%)}.hero-media-caption b,.hero-media-caption span{display:block}.hero-media-caption span{color:#20c3dc;font-size:13px;letter-spacing:.06em;margin-top:2px}

.home-category-band{background:#fff;padding:14px 0 12px;border-bottom:1px solid #e4eaf2}.category-strip{display:grid;grid-auto-flow:column;grid-auto-columns:116px;gap:8px;overflow-x:auto;overscroll-behavior-inline:contain;padding:0 0 8px;scrollbar-width:thin}.category-tile{border:1px solid #dfe8f3;border-radius:8px;background:#fff;min-height:132px;padding:10px 8px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;transition:.18s}.category-tile:hover{border-color:#9cc7fa;box-shadow:0 8px 22px rgba(7,47,95,.09);transform:translateY(-2px)}.category-tile-icon{height:52px;width:66px;border-radius:10px;background:linear-gradient(145deg,#f6f9fd,#e8f2ff);display:grid;place-items:center;font-size:31px;margin-bottom:7px}.category-tile strong{font-size:11.5px;line-height:1.15;color:#143c69;min-height:30px}.category-tile small{font-size:10.5px;color:#71849b;margin-top:auto}

.home-products-section{padding:12px 0 22px!important;background:#fbfdff}.product-tabs-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dfe6ef;margin-bottom:14px}.product-tabs{display:flex;gap:16px;align-items:end}.product-tabs a{padding:10px 8px 12px;color:#354d69;font-size:14px}.product-tabs a.active{color:#0875f5;font-weight:850;border-bottom:3px solid #0875f5}.view-all-link{font-size:13px;color:#0875f5;font-weight:750}.home-products-grid{grid-template-columns:repeat(4,1fr)!important;gap:14px!important}.home-products-grid .product-card{border-radius:7px;box-shadow:0 2px 8px rgba(7,47,95,.03)}.home-products-grid .product-image{height:190px}.favorite-mark{position:absolute;right:12px;top:10px;color:#123e70;font-size:24px}.quick-buy-row{display:grid;grid-template-columns:86px 1fr;gap:8px;margin-top:4px}.card-qty{height:36px;display:grid;grid-template-columns:27px 32px 27px;border:1px solid #cbd7e5;border-radius:6px;overflow:hidden}.card-qty button,.card-qty input{border:0;background:#fff;text-align:center;min-width:0;padding:0}.card-qty button{cursor:pointer;color:#103d6e}.card-qty input{border-inline:1px solid #e2e8f0}.quick-buy-row .btn{padding:8px 10px;font-size:12px;border-radius:5px}.card-actions{display:flex!important;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #edf1f5;margin-top:7px;padding-top:8px!important}.product-view-link,.quote-link-button{font-size:11.5px;color:#0870e8;text-decoration:underline;background:none;border:0;padding:0;cursor:pointer}.product-card .product-title{min-height:38px}.product-card .product-summary{min-height:36px}.product-card .price{font-size:19px}

.home-benefit-band{border-top:1px solid #e4eaf2;border-bottom:1px solid #e4eaf2;background:#fff;padding:18px 0 12px}.home-benefits{border:0!important;border-radius:0!important;background:transparent!important}.home-benefits .benefit{display:grid;grid-template-columns:45px 1fr;text-align:left;padding:6px 18px;border-right:1px solid #e5eaf0}.home-benefits .benefit:last-child{border-right:0}.home-benefits .benefit-icon{grid-row:1/3;font-size:30px;color:#0b3e78;display:grid;place-items:center}.home-benefits .benefit b{margin:0;font-size:12px}.home-benefits .benefit span:not(.benefit-icon){font-size:10.5px}.payment-note{font-size:10px;color:#8a98a9;text-align:right;margin:9px 8px 0}.corporate-home{background:linear-gradient(110deg,#f8fbff,#fff);padding:38px 0!important}.corporate-home-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:42px;align-items:center}.corporate-home h2{font-size:32px;color:#082f5f;margin:8px 0 10px}.corporate-home p{color:#536981;line-height:1.6}.corporate-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.corporate-points>div{border:1px solid #dce5ef;border-radius:12px;padding:18px;background:#fff}.corporate-points b{display:block;color:#083869;margin-bottom:7px}.corporate-points span{font-size:12px;color:#64748b;line-height:1.45}

.footer-brand img{width:340px;max-height:150px;object-fit:contain;background:#fff;border-radius:9px}.whatsapp-float{font-size:29px}

/* Catálogo y ficha: acercar composición a las maquetas aprobadas */
.page-banner{background:linear-gradient(90deg,#fff,#f0f7ff 72%,#e8f3ff);border-bottom:1px solid #dce5ef}.page-banner .container{padding:26px 0}.page-banner h1{font-size:32px}.catalog-layout{grid-template-columns:290px 1fr;gap:16px}.filters{border-radius:7px;padding:14px}.catalog-top{border:1px solid #e0e8f1;border-radius:7px;padding:10px 13px;background:white}.catalog-layout .products-grid{grid-template-columns:repeat(4,1fr);gap:10px}.catalog-layout .product-card{border-radius:7px}.catalog-layout .product-image{height:170px}.catalog-layout .product-body{padding:11px}.catalog-layout .product-summary{font-size:11.5px}.catalog-layout .product-title{font-size:13px}.catalog-layout .price{font-size:17px}.catalog-layout .quick-buy-row{grid-template-columns:80px 1fr}.product-page{gap:22px}.gallery-main{border-radius:8px;min-height:430px}.buybox{border-radius:8px}.detail h1{font-size:30px}

@media(max-width:1280px){.header-grid{grid-template-columns:320px minmax(300px,1fr) auto!important}.brand-wrap,.brand-logo{width:320px!important}.head-actions{gap:12px}.quote-btn{min-width:150px;padding-inline:14px}.hero-approved h1{font-size:43px!important}.hero-copy{padding-left:8px}.hero-media-overlay{right:16px}.catalog-layout .products-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:980px){.header-grid{grid-template-columns:260px 1fr auto!important;min-height:106px!important}.brand-wrap,.brand-logo{width:260px!important;height:96px!important}.head-icon{display:none!important}.hero-approved-grid{grid-template-columns:1fr!important;min-height:auto!important}.hero-copy{padding:38px 10px}.hero-approved h1{font-size:44px!important}.hero-media{min-height:330px}.hero-media>img{width:150%;left:-38%;top:-25%}.home-products-grid{grid-template-columns:repeat(2,1fr)!important}.home-benefits{grid-template-columns:1fr 1fr!important}.corporate-home-grid{grid-template-columns:1fr}.catalog-layout .products-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.header-grid{grid-template-columns:1fr auto!important;min-height:92px!important}.brand-wrap,.brand-logo{width:225px!important;height:86px!important}.search-wrap{grid-column:1/-1;margin-bottom:12px}.quote-btn{min-width:0;font-size:11px;padding:9px 12px}.nav .container{overflow-x:auto}.hero-copy{padding:32px 0}.hero-approved h1{font-size:37px!important;letter-spacing:-1px}.hero-approved p{font-size:15px!important}.hero-trust{grid-template-columns:1fr 1fr!important}.hero-media{min-height:260px}.hero-media>img{width:175%;left:-63%;top:-35%}.hero-media-overlay{font-size:11px;top:35px}.hero-media-caption{min-width:210px;font-size:12px}.product-tabs-row{align-items:flex-end}.product-tabs{overflow-x:auto;gap:7px}.product-tabs a{white-space:nowrap;font-size:12px}.view-all-link{display:none}.home-products-grid{grid-template-columns:1fr!important}.home-benefits{grid-template-columns:1fr!important}.home-benefits .benefit{border-right:0;border-bottom:1px solid #edf1f5}.corporate-points{grid-template-columns:1fr}.catalog-layout .products-grid{grid-template-columns:1fr}.toplinks span{display:none!important}}

/* V3.7 — navegación, favoritos, páginas corporativas y galería */
.nav-shell{position:relative;overflow:visible!important}.nav-products{position:relative}.nav-products>a{display:flex;align-items:center;gap:9px}.mega-menu{position:absolute;left:-120px;top:100%;width:min(1180px,calc(100vw - 60px));background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:0 22px 50px rgba(4,31,65,.18);border-radius:0 0 14px 14px;padding:18px;opacity:0;visibility:hidden;transform:translateY(7px);transition:.18s;z-index:90}.nav-products:hover .mega-menu,.nav-products:focus-within .mega-menu{opacity:1;visibility:visible;transform:none}.mega-menu-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 4px 12px;margin-bottom:12px;color:var(--navy)}.mega-menu-head a{background:none!important;padding:0!important;color:var(--blue);font-size:12px}.mega-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px 24px;max-height:520px;overflow:auto}.mega-col{min-width:0}.mega-col>a{display:block!important;background:none!important;padding:4px 3px!important;color:#53657c!important;font-size:12px!important;font-weight:500!important}.mega-col>a:hover{color:var(--blue)!important}.mega-root{color:var(--navy)!important;font-size:13px!important;font-weight:800!important;margin-bottom:4px}.product-card{position:relative}.favorite-mark{position:absolute;right:11px;top:10px;z-index:5;width:34px;height:34px;border-radius:50%;border:1px solid #d7e3f0;background:rgba(255,255,255,.92);color:#123e70;font-size:22px;display:grid;place-items:center;cursor:pointer;line-height:1}.favorite-mark.active,.detail-favorite.active{color:#e63946}.detail-favorite{border:0;background:#f4f8fd;color:#0b5fc2;border-radius:999px;padding:7px 11px;font-weight:750;cursor:pointer}.product-gallery{min-width:0}.gallery-thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;padding-bottom:4px}.gallery-thumb{width:72px;height:72px;flex:0 0 72px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:5px;cursor:pointer}.gallery-thumb.active{border:2px solid var(--blue)}.gallery-thumb img{width:100%;height:100%;object-fit:contain}.corporate-hero{background:linear-gradient(115deg,#f8fbff,#eef6ff 60%,#e4f1ff);border-bottom:1px solid var(--line)}.corporate-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;min-height:430px;padding:48px 0}.corporate-hero h1{font-size:48px;line-height:1.08;color:var(--navy);margin:8px 0 16px;max-width:760px}.corporate-hero p{font-size:18px;line-height:1.6;color:#4a617a;max-width:760px}.corporate-visual{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:var(--shadow);text-align:center}.corporate-visual img{max-height:200px;object-fit:contain}.corporate-visual span{display:block;margin-top:12px;color:#4e6480;font-size:13px}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.value-grid article,.service-card{border:1px solid var(--line);border-radius:14px;background:#fff;padding:22px;box-shadow:0 7px 20px rgba(4,31,65,.04)}.value-grid article>b{color:var(--blue);font-size:28px}.value-grid h3,.service-card h3{color:var(--navy);margin:12px 0 8px}.value-grid p,.service-card p{color:#5a6d84;line-height:1.55;font-size:14px}.two-column-corporate{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.two-column-corporate h2{font-size:34px;color:var(--navy);margin:8px 0 14px}.corporate-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:26px;box-shadow:var(--shadow)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card>span{width:48px;height:48px;border-radius:12px;background:#e9f4ff;color:var(--blue);display:grid;place-items:center;font-size:25px}.service-card a{color:var(--blue);font-size:13px;font-weight:800}.service-cta{display:grid;grid-template-columns:1fr auto;gap:34px;align-items:center}.service-cta h2{color:var(--navy);font-size:34px;margin:8px 0 10px}.service-cta>div:last-child{display:flex;gap:10px;flex-wrap:wrap}.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.brand-card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:18px;display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;transition:.18s}.brand-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#a7cbf6}.brand-initial{width:56px;height:56px;border-radius:14px;background:linear-gradient(145deg,#eaf5ff,#dcecff);display:grid;place-items:center;color:var(--navy);font-weight:900;font-size:18px}.brand-card h3{margin:0;color:var(--navy);font-size:15px}.brand-card p{margin:4px 0 0;color:var(--muted);font-size:12px}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:26px}.contact-info{display:flex;flex-direction:column;gap:12px}.contact-card{border:1px solid var(--line);border-radius:12px;padding:16px;background:#fff;display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start}.contact-card>span{width:44px;height:44px;border-radius:10px;background:#eaf4ff;color:var(--blue);display:grid;place-items:center;font-size:22px}.contact-card b{display:block;color:var(--navy);margin-bottom:3px}.contact-card a{color:var(--blue)}.contact-card p{margin:2px 0;color:#52677f}.contact-note{background:#eef6ff;border-radius:12px;padding:18px}.contact-form{border:1px solid var(--line);border-radius:14px;background:#fff;padding:24px;box-shadow:var(--shadow)}.contact-form h2{color:var(--navy);margin-top:0}.contact-form>p{color:var(--muted)}.contact-form label{display:flex;flex-direction:column;gap:6px;color:var(--navy);font-size:12px;font-weight:800;margin-bottom:12px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:11px 12px;border:1px solid #cbd7e5;border-radius:7px;background:#fff;outline:0}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(11,111,245,.09)}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.favorites-grid{grid-template-columns:repeat(4,1fr)}.favorite-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.favorite-card-image{height:220px;background:#f8fafc;display:grid;place-items:center;padding:18px}.favorite-card-image img{width:100%;height:100%;object-fit:contain}.favorite-card-body{padding:16px;display:flex;flex-direction:column;gap:8px}.favorite-card-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.favorite-card-actions .btn{flex:1}.flash{padding:12px 15px;border-radius:8px;margin:12px 0;background:#eaf8ef;color:#0f7338}.flash.error{background:#fff0f0;color:#b42318}
@media(max-width:1180px){.mega-grid{grid-template-columns:repeat(3,1fr)}.brand-grid{grid-template-columns:repeat(3,1fr)}.value-grid{grid-template-columns:repeat(2,1fr)}.services-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.mobile-menu{display:block!important;background:transparent;color:#fff;border:0;font-size:22px;padding:11px}.nav-shell{flex-wrap:wrap}.nav-shell>a,.nav-products{display:none}.nav-shell.mobile-open>a,.nav-shell.mobile-open>.nav-products{display:block;width:100%}.nav-shell.mobile-open .nav-products>a{width:100%}.mega-menu{display:none!important}.corporate-hero-grid,.two-column-corporate,.contact-layout,.service-cta{grid-template-columns:1fr}.corporate-hero h1{font-size:38px}.brand-grid{grid-template-columns:repeat(2,1fr)}.favorites-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.value-grid,.services-grid,.brand-grid,.favorites-grid,.form-pair{grid-template-columns:1fr}.corporate-hero h1{font-size:32px}.service-cta h2,.two-column-corporate h2{font-size:28px}.gallery-thumb{width:60px;height:60px;flex-basis:60px}}

/* V3.9 — cuentas de clientes */
.customer-auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1050px;margin:auto}.customer-card{border:1px solid var(--line);border-radius:16px;background:#fff;padding:24px;box-shadow:var(--shadow)}.customer-card h2{margin-top:0;color:var(--navy)}.customer-card p{color:var(--muted)}.customer-card label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:800;color:var(--navy);margin:12px 0}.customer-card input,.customer-card select{width:100%;border:1px solid #cbd7e5;border-radius:8px;padding:11px 12px;background:#fff;outline:0}.customer-card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(11,111,245,.09)}.customer-card small{display:block;color:var(--muted);margin:-4px 0 14px}.account-banner-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.account-layout{display:grid;grid-template-columns:340px 1fr;gap:28px;align-items:start}.customer-history{border:1px solid var(--line);border-radius:16px;background:#fff;padding:20px;box-shadow:0 6px 22px rgba(4,31,65,.05)}.history-table{border:1px solid var(--line);border-radius:10px;overflow:hidden}.history-head,.history-row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:12px;align-items:center;padding:12px 14px}.history-head{background:#edf5ff;color:var(--navy);font-size:12px;font-weight:850}.history-row{border-top:1px solid var(--line);font-size:13px}.small-empty{padding:24px!important}.customer-card hr{border:0;border-top:1px solid var(--line);margin:20px 0}.customer-card h3{color:var(--navy);margin:0 0 8px}.customer-card .btn{width:100%;margin-top:10px}@media(max-width:900px){.customer-auth-grid,.account-layout{grid-template-columns:1fr}.history-head,.history-row{grid-template-columns:1fr 1fr}.history-head span:nth-child(3),.history-head span:nth-child(4){display:none}.account-banner-row{align-items:flex-start;flex-direction:column}}

/* V4.5 - Marcas profesionales */
.brand-grid-pro{align-items:stretch}
.brand-card-pro{display:flex;flex-direction:column;padding:0;overflow:hidden}
.brand-card-main{display:grid;grid-template-columns:86px 1fr auto;align-items:center;gap:14px;padding:18px;color:inherit;text-decoration:none;min-height:150px}
.brand-logo-box{width:86px;height:70px;border:1px solid #e1e9f2;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden}
.brand-logo-box img{max-width:76px;max-height:58px;object-fit:contain}
.brand-card-copy h3{margin:0 0 6px;color:#082f5f}
.brand-card-copy p{margin:0 0 8px;color:#64748b;font-size:13px;line-height:1.45}
.brand-card-copy small{color:#0b63ce;font-weight:700}
.brand-official{border-top:1px solid #e1e9f2;padding:10px 18px;font-size:12px;font-weight:800;text-decoration:none;color:#0b63ce;background:#f8fbff}
@media(max-width:700px){.brand-card-main{grid-template-columns:68px 1fr auto}.brand-logo-box{width:68px;height:58px}}

/* V4.7 - seguimiento de pedidos y comprobantes */
.order-history .history-head,.order-history .history-row{grid-template-columns:1.15fr .8fr 1fr 1fr .9fr auto}.order-detail-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.7fr);gap:24px;align-items:start}.order-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.order-kpis>div{border:1px solid var(--line);background:#f8fbff;border-radius:12px;padding:14px}.order-kpis small{display:block;color:var(--muted);margin-bottom:5px}.order-kpis b{color:var(--navy)}.order-products{border:1px solid var(--line);border-radius:12px;overflow:hidden}.order-products-head,.order-product-row{display:grid;grid-template-columns:1fr 70px 120px 120px;gap:12px;align-items:center;padding:12px 14px}.order-products-head{background:#edf5ff;color:var(--navy);font-size:12px;font-weight:850}.order-product-row{border-top:1px solid var(--line);font-size:13px}.order-product-row small{display:block;color:var(--muted);margin-top:4px}.order-timeline{position:relative;padding-left:8px}.timeline-item{display:grid;grid-template-columns:22px 1fr;gap:10px;position:relative;padding-bottom:18px}.timeline-item:not(:last-child):before{content:"";position:absolute;left:7px;top:16px;bottom:-2px;width:2px;background:#d8e7f8}.timeline-dot{width:16px;height:16px;border-radius:50%;background:var(--blue);border:4px solid #dcecff;margin-top:2px;z-index:1}.timeline-item small{display:block;color:var(--muted);margin-top:3px}.timeline-item p{margin:6px 0 0;color:#53657c;line-height:1.5}.payment-data{border:1px solid var(--line);background:#f8fbff;border-radius:10px;padding:12px;margin:12px 0}.payment-data b,.payment-data span{display:block}.payment-data span{font-size:13px;color:#53657c;margin-top:4px}.proof-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:800;color:var(--navy);margin:12px 0}.proof-form input,.proof-form select,.proof-form textarea{padding:10px;border:1px solid #cbd7e5;border-radius:8px;background:#fff}.proof-form .btn{width:100%;margin-top:4px}.proof-form>small{display:block;color:var(--muted);line-height:1.4;margin-top:8px}.proof-card{border-top:1px solid var(--line);padding:14px 0}.proof-card:first-of-type{border-top:0;padding-top:0}.proof-card>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:center}.proof-card small{display:block;color:var(--muted);margin:5px 0}.proof-card p{margin:8px 0;color:#53657c}@media(max-width:980px){.order-detail-grid{grid-template-columns:1fr}.order-kpis{grid-template-columns:1fr 1fr}.order-history .history-head,.order-history .history-row{grid-template-columns:1fr 1fr}.order-history .history-head span:nth-child(n+3){display:none}.order-products-head,.order-product-row{grid-template-columns:1fr 65px}.order-products-head span:nth-child(3),.order-products-head span:nth-child(4),.order-product-row>span:nth-child(3),.order-product-row>b:last-child{display:none}}

.quote-history .history-head,.quote-history .history-row{grid-template-columns:1.15fr .8fr 1fr 1fr auto}
@media(max-width:900px){.quote-history .history-head,.quote-history .history-row{grid-template-columns:1fr 1fr}.quote-history .history-head span:nth-child(n+3){display:none}}

/* V5.3 - campañas, ofertas y precios empresariales */
.badge.offer{background:linear-gradient(135deg,#ef4444,#dc2626)}
.price-line{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.old-price{text-decoration:line-through;color:#94a3b8;font-size:13px;font-weight:700}.detail-old-price{font-size:15px;margin-top:4px}.offer-note{display:inline-flex;align-items:center;gap:5px;color:#b42318;background:#fff1f1;border:1px solid #ffd1d1;border-radius:7px;padding:5px 8px;font-size:11px;font-weight:850;width:max-content}.offer-detail-badge{display:inline-flex;margin-top:8px;background:#fff1f1;color:#b42318;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:850}.volume-pricing{background:#f7fbff;border:1px solid #cfe4fb;border-radius:10px;padding:12px;margin-top:14px}.volume-pricing>b{display:block;color:var(--navy);font-size:13px;margin-bottom:7px}.volume-pricing>div{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-top:1px dashed #d8e6f4;font-size:12px}.volume-pricing>div strong{color:#0a61cf}.volume-pricing small{display:block;color:var(--muted);margin-top:7px;line-height:1.35}.campaign-band{padding:22px 0;background:#f4f8fd;border-bottom:1px solid var(--line)}.campaign-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.campaign-card{min-height:210px;background:linear-gradient(135deg,#063b7f,#0b6ff5);background-size:cover;background-position:center;border-radius:18px;color:#fff;padding:28px;box-shadow:0 12px 32px rgba(7,47,95,.12);display:flex;align-items:center}.campaign-card h2{font-size:28px;margin:4px 0 8px;max-width:620px}.campaign-card p{margin:0 0 18px;color:#e6f1ff;max-width:620px;line-height:1.5}.campaign-kicker{font-size:11px;font-weight:900;letter-spacing:.16em;color:#89d7ff}.btn.white{background:#fff;color:#0756cf;border-color:#fff}.page-hero{background:linear-gradient(90deg,#f8fbff,#eaf4ff);border-bottom:1px solid var(--line)}.page-hero .container{padding:34px 0}.page-hero h1{margin:5px 0 8px;color:var(--navy);font-size:36px}.page-hero p{margin:0;color:#53657c}.empty-state{text-align:center;padding:60px 20px;border:1px dashed #cbd7e5;border-radius:16px;background:#fbfdff}.empty-state h2{color:var(--navy)}
@media(max-width:900px){.campaign-grid{grid-template-columns:1fr}.campaign-card{min-height:180px}.campaign-card h2{font-size:23px}}

/* V5.9 - Politicas y Libro de Reclamaciones */
.footer-policies a{margin-bottom:4px}.reclamos-badge{display:inline-block!important;margin-top:12px;max-width:245px;border-radius:8px;overflow:hidden}.reclamos-badge img{display:block;width:100%;height:auto}.policy-nav{max-width:980px;margin:24px auto 0;display:flex;gap:8px;flex-wrap:wrap}.policy-nav a{display:inline-flex;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:white;color:var(--navy);font-size:13px;font-weight:750}.policy-nav a.active{background:var(--navy);color:#fff;border-color:var(--navy)}.legal-page h1{color:var(--navy);font-size:30px;line-height:1.25;margin:0 0 24px}.legal-page h2{color:var(--navy);font-size:21px;margin:30px 0 10px}.legal-page h3{color:#173e69;font-size:16px;margin:22px 0 6px}.legal-page p,.legal-page li{color:#465b72}.legal-bullets{padding-left:23px}.legal-bullets li{margin:0 0 14px;line-height:1.75}.legal-review-note{background:#fff8e6;border-left-color:#d79b00}.reclamation-hero-badge{display:flex;align-items:center;gap:22px;background:#0b5599;border-radius:14px;padding:18px 22px;color:white;margin-bottom:20px}.reclamation-hero-badge img{width:235px;max-width:42%;height:auto;border-radius:7px}.reclamation-hero-badge b{font-size:20px}.reclamation-hero-badge p{margin:7px 0 0;color:#e8f3ff;line-height:1.55}@media(max-width:1100px){.footer-grid{grid-template-columns:1.2fr 1fr 1fr}.footer-policies{grid-column:auto}}@media(max-width:820px){.policy-nav{margin-top:16px}.reclamation-hero-badge{flex-direction:column;align-items:flex-start}.reclamation-hero-badge img{max-width:100%;width:260px}}
@media(max-width:820px){.footer-grid{grid-template-columns:1fr}.footer-policies{grid-column:auto}}
.footer-policies{background:#0b5599;padding:16px 16px 14px;border-radius:10px;align-self:start}.footer-policies h4{border-bottom:2px solid rgba(255,255,255,.9);padding-bottom:8px;margin-bottom:10px}.footer-policies a{color:#fff}.footer-policies a:hover{text-decoration:underline}.footer-policies .reclamos-badge{background:transparent;padding:0}.footer-policies .reclamos-badge:hover{text-decoration:none}


/* MAJERCI V6.0.8 HERO LIMPIO */
.hero-media>img{position:absolute!important;inset:0!important;left:0!important;top:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center center!important;filter:saturate(.98) contrast(1.02)!important}
.hero-media-overlay,.hero-media-caption{display:none!important}
@media(max-width:980px){.hero-media>img{width:100%!important;left:0!important;top:0!important;object-position:center center!important}}
@media(max-width:720px){.hero-media>img{width:100%!important;left:0!important;top:0!important;object-position:center center!important}
    
}


/* =========================================================
   MAJERCI - HERO SLIDER 7 IMAGENES
   Ajuste aislado y seguro
   ========================================================= */

/* Contenedor derecho del HERO */
.hero-approved .hero-media {
    position: relative !important;
    height: 430px !important;
    min-height: 430px !important;
    overflow: hidden !important;
}

/* Contenedor del carrusel */
.hero-approved .majerci-hero-slider {
    position: relative !important;
    width: 100% !important;
    height: 430px !important;
    min-height: 430px !important;
    overflow: hidden !important;
}

/* Todas las diapositivas ocupan exactamente el mismo espacio */
.hero-approved .majerci-hero-slide {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 100% !important;

    opacity: 0;
    visibility: hidden;

    transform: scale(1.035);
    transition: opacity 0.8s ease, transform 5s ease;

    z-index: 1;
}

/* Solo se muestra la diapositiva activa */
.hero-approved .majerci-hero-slide.active {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    z-index: 2;
}

/* Imagen dentro de cada diapositiva */
.hero-approved .majerci-hero-slider .majerci-hero-slide img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 100% !important;
    max-width: none !important;

    object-fit: cover !important;
    object-position: center center !important;

    display: block !important;
}

/* Flechas izquierda y derecha */
.hero-approved .majerci-hero-arrow {
    position: absolute !important;
    top: 50% !important;

    width: 44px !important;
    height: 44px !important;

    margin-top: -22px !important;

    border-radius: 50% !important;
    border: 1px solid rgba(255, 255, 255, 0.55) !important;

    background: rgba(1, 50, 92, 0.72) !important;
    color: #ffffff !important;

    font-size: 28px !important;
    line-height: 1 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    cursor: pointer !important;
    z-index: 20 !important;

    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.20) !important;

    transition: transform 0.25s ease, background 0.25s ease !important;
}

.hero-approved .majerci-hero-arrow:hover {
    background: #0875f5 !important;
    transform: scale(1.08) !important;
}

.hero-approved .majerci-hero-prev {
    left: 16px !important;
}

.hero-approved .majerci-hero-next {
    right: 16px !important;
}

/* Indicadores inferiores */
.hero-approved .majerci-hero-dots {
    position: absolute !important;

    left: 50% !important;
    bottom: 14px !important;

    transform: translateX(-50%) !important;

    display: flex !important;
    align-items: center !important;

    gap: 7px !important;

    padding: 7px 10px !important;

    background: rgba(3, 33, 66, 0.52) !important;
    border-radius: 30px !important;

    z-index: 20 !important;
}

/* Puntos del carrusel */
.hero-approved .majerci-hero-dots button {
    width: 9px !important;
    height: 9px !important;

    padding: 0 !important;
    margin: 0 !important;

    border: 0 !important;
    border-radius: 50% !important;

    background: rgba(255, 255, 255, 0.58) !important;

    cursor: pointer !important;

    transition: width 0.25s ease, background 0.25s ease !important;
}

/* Punto activo */
.hero-approved .majerci-hero-dots button.active {
    width: 25px !important;
    border-radius: 10px !important;
    background: #ffffff !important;
}

/* TABLET */
@media (max-width: 980px) {

    .hero-approved .hero-media,
    .hero-approved .majerci-hero-slider {
        height: 330px !important;
        min-height: 330px !important;
    }
}

/* CELULAR */
@media (max-width: 720px) {

    .hero-approved .hero-media,
    .hero-approved .majerci-hero-slider {
        height: 260px !important;
        min-height: 260px !important;
    }

    .hero-approved .majerci-hero-arrow {
        width: 38px !important;
        height: 38px !important;
        margin-top: -19px !important;
        font-size: 22px !important;
    }

    .hero-approved .majerci-hero-prev {
        left: 10px !important;
    }

    .hero-approved .majerci-hero-next {
        right: 10px !important;
    }

    .hero-approved .majerci-hero-dots {
        bottom: 10px !important;
    }
}

/* CELULARES PEQUEÑOS */
@media (max-width: 480px) {

    .hero-approved .hero-media,
    .hero-approved .majerci-hero-slider {
        height: 230px !important;
        min-height: 230px !important;
    }
}


/* =========================================================
   MAJERCI - NORMALIZAR IMAGENES PRODUCTOS PORTADA
   ========================================================= */

.home-products-section .home-products-grid .product-card {
    overflow: hidden !important;
}

/* Área reservada para la fotografía */
.home-products-section .home-products-grid .product-image {
    width: 100% !important;
    height: 220px !important;
    min-height: 220px !important;
    max-height: 220px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    overflow: hidden !important;
    background: #ffffff !important;

    padding: 12px !important;
    box-sizing: border-box !important;
}

/* La fotografía nunca puede salirse de su área */
.home-products-section .home-products-grid .product-image img {
    display: block !important;

    width: auto !important;
    height: auto !important;

    max-width: 100% !important;
    max-height: 100% !important;

    object-fit: contain !important;
    object-position: center center !important;

    margin: 0 auto !important;
}

/* Protección por si alguna tarjeta usa otro contenedor de imagen */
.home-products-section .product-card img {
    max-width: 100%;
}

/* Tablet */
@media (max-width: 980px) {

    .home-products-section .home-products-grid .product-image {
        height: 190px !important;
        min-height: 190px !important;
        max-height: 190px !important;
    }
}

/* Celular */
@media (max-width: 720px) {

    .home-products-section .home-products-grid .product-image {
        height: 175px !important;
        min-height: 175px !important;
        max-height: 175px !important;
        padding: 10px !important;
    }
}


/* =========================================================
   MAJERCI - IMAGENES UNIFORMES CATALOGO GENERAL
   ========================================================= */

/* La tarjeta no permite que la imagen invada el contenido */
.catalog-layout .product-card {
    overflow: hidden !important;
}

/* Zona fija para todas las fotografías */
.catalog-layout .product-card .product-image {
    width: 100% !important;

    height: 190px !important;
    min-height: 190px !important;
    max-height: 190px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    overflow: hidden !important;

    background: #ffffff !important;

    padding: 12px !important;
    box-sizing: border-box !important;
}

/* Fotografía del producto */
.catalog-layout .product-card .product-image img {
    position: static !important;

    display: block !important;

    width: auto !important;
    height: auto !important;

    max-width: 100% !important;
    max-height: 100% !important;

    object-fit: contain !important;
    object-position: center center !important;

    margin: auto !important;
}

/* Protección adicional para imágenes dentro de tarjetas */
.catalog-layout .product-card img {
    max-width: 100% !important;
}

/* Mantener el contenido debajo de la imagen */
.catalog-layout .product-card .product-body {
    position: relative !important;
    z-index: 2 !important;

    background: #ffffff !important;

    padding-top: 12px !important;
}

/* TABLET */
@media (max-width: 980px) {

    .catalog-layout .product-card .product-image {
        height: 180px !important;
        min-height: 180px !important;
        max-height: 180px !important;
    }
}

/* CELULAR */
@media (max-width: 720px) {

    .catalog-layout .product-card .product-image {
        height: 165px !important;
        min-height: 165px !important;
        max-height: 165px !important;

        padding: 10px !important;
    }
}

/* =========================================================
   MAJERCI - MENU PRINCIPAL ANCHO COMPLETO
   ========================================================= */

/* Barra azul de borde a borde */
.nav {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #052a55 !important;
}

/* Contenedor interno ocupa todo el ancho */
.nav .nav-shell {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: stretch !important;

    box-sizing: border-box !important;
}

/* Cada opción del menú ocupa una parte igual */
@media (min-width: 981px) {

    .nav .nav-shell > a,
    .nav .nav-shell > .nav-products {
        flex: 1 1 0 !important;
        min-width: 0 !important;
    }

    .nav .nav-shell > a,
    .nav .nav-products > a {
        min-height: 56px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        padding: 0 14px !important;

        text-align: center !important;
        white-space: nowrap !important;
    }

    .nav .nav-products > a {
        width: 100% !important;
    }
}

/* Tablet y móvil: no forzar distribución de escritorio */
@media (max-width: 980px) {

    .nav .nav-shell {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .nav .nav-shell > a,
    .nav .nav-shell > .nav-products {
        flex: initial !important;
    }
}


/* =========================================================
   MAJERCI - HEADER PREMIUM ANIMADO V7
   ========================================================= */

/* ---------- BARRA SUPERIOR ---------- */

.majerci-topbar {
    overflow: hidden !important;
}

.majerci-topbar-inner {
    min-height: 42px !important;
}

/* Texto izquierdo */
.majerci-topbar .majerci-top-message {
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: .15px !important;

    animation: majerciTopFromLeft .8s ease-out both;
}

/* Links superiores */
.majerci-topbar-links {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.majerci-top-item {
    min-height: 34px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;

    padding: 5px 10px !important;

    font-size: 13.5px !important;
    font-weight: 700 !important;

    border-radius: 18px !important;

    transition:
        transform .25s ease,
        background .25s ease,
        box-shadow .25s ease !important;

    animation: majerciTopFromRight .75s ease-out both;
}

.majerci-top-item:nth-child(1) {
    animation-delay: .08s;
}

.majerci-top-item:nth-child(2) {
    animation-delay: .16s;
}

.majerci-top-item:nth-child(3) {
    animation-delay: .24s;
}

.majerci-top-item:nth-child(4) {
    animation-delay: .32s;
}

.majerci-top-item:hover {
    transform: translateY(-2px) scale(1.06) !important;

    background: rgba(255,255,255,.12) !important;

    box-shadow:
        0 8px 18px rgba(0,0,0,.15) !important;
}

/* Iconos superiores */
.majerci-top-icon {
    width: 23px !important;
    height: 23px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 23px !important;
}

.majerci-top-icon svg {
    width: 20px !important;
    height: 20px !important;
}

/* ---------- WHATSAPP SUPERIOR ---------- */

.majerci-wa-logo {
    width: 27px !important;
    height: 27px !important;
    flex-basis: 27px !important;

    border-radius: 50% !important;

    background: #25d366 !important;

    box-shadow:
        0 0 0 0 rgba(37,211,102,.55),
        0 4px 12px rgba(37,211,102,.35) !important;

    animation: majerciWhatsAppPulse 2.2s ease-out infinite !important;
}

.majerci-wa-logo svg {
    width: 21px !important;
    height: 21px !important;
}

.majerci-wa-logo svg circle {
    fill: none !important;
    stroke: #ffffff !important;
    stroke-width: 1.4 !important;
}

.majerci-wa-logo svg path {
    fill: #ffffff !important;
}

/* ---------- LOGO MAJERCI MAS GRANDE ---------- */

.header-grid {
    grid-template-columns:
        400px
        minmax(360px, 1fr)
        auto !important;

    gap: 22px !important;
}

.brand-wrap {
    width: 400px !important;
    max-width: 400px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    overflow: visible !important;
}

.brand-logo {
    width: 380px !important;
    max-width: 100% !important;
    height: 130px !important;

    object-fit: contain !important;

    transform:
        perspective(700px)
        rotateX(0deg)
        rotateY(-2deg)
        translateZ(0);

    filter:
        drop-shadow(0 7px 9px rgba(3,46,92,.18)) !important;

    transition:
        transform .4s ease,
        filter .4s ease !important;

    animation: majerciLogoEntrance .9s cubic-bezier(.2,.8,.25,1) both;
}

.brand-wrap:hover .brand-logo {
    transform:
        perspective(700px)
        rotateX(-2deg)
        rotateY(4deg)
        scale(1.035);

    filter:
        drop-shadow(0 13px 14px rgba(3,46,92,.25)) !important;
}

/* ---------- MENU AZUL ---------- */

.nav .nav-shell > a,
.nav .nav-products > a {
    font-size: 16px !important;
    font-weight: 800 !important;
    letter-spacing: .15px !important;

    gap: 10px !important;

    transition:
        transform .22s ease,
        background .22s ease,
        box-shadow .22s ease !important;
}

.nav .nav-shell > a:hover,
.nav .nav-products > a:hover {
    transform: translateY(-2px) !important;

    box-shadow:
        inset 0 -3px 0 rgba(255,255,255,.75) !important;
}

/* SVG del menú */
.nav svg {
    width: 21px !important;
    height: 21px !important;
    flex: 0 0 21px !important;
}

/* Si algunos símbolos son caracteres y no SVG */
.nav .nav-shell > a {
    line-height: 1.15 !important;
}

/* ---------- ANIMACIONES ---------- */

@keyframes majerciTopFromLeft {
    0% {
        opacity: 0;
        transform: translateX(-50px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes majerciTopFromRight {
    0% {
        opacity: 0;
        transform: translateX(45px) scale(.94);
    }

    100% {
        opacity: 1;
        transform: translateX(0) scale(1);
    }
}

@keyframes majerciWhatsAppPulse {
    0% {
        box-shadow:
            0 0 0 0 rgba(37,211,102,.55),
            0 4px 12px rgba(37,211,102,.35);
    }

    70% {
        box-shadow:
            0 0 0 8px rgba(37,211,102,0),
            0 4px 12px rgba(37,211,102,.35);
    }

    100% {
        box-shadow:
            0 0 0 0 rgba(37,211,102,0),
            0 4px 12px rgba(37,211,102,.35);
    }
}

@keyframes majerciLogoEntrance {
    0% {
        opacity: 0;
        transform:
            perspective(700px)
            translateX(-35px)
            rotateY(-10deg)
            scale(.94);
    }

    100% {
        opacity: 1;
        transform:
            perspective(700px)
            translateX(0)
            rotateY(-2deg)
            scale(1);
    }
}

/* ---------- TABLET ---------- */

@media (max-width: 1100px) {

    .header-grid {
        grid-template-columns:
            320px
            minmax(260px,1fr)
            auto !important;
    }

    .brand-wrap {
        width: 320px !important;
    }

    .brand-logo {
        width: 310px !important;
        height: 110px !important;
    }

    .nav .nav-shell > a,
    .nav .nav-products > a {
        font-size: 14px !important;
    }
}

/* ---------- MOVIL ---------- */

@media (max-width: 720px) {

    .majerci-topbar-inner {
        overflow-x: auto !important;
        scrollbar-width: none !important;
    }

    .majerci-topbar-inner::-webkit-scrollbar {
        display: none !important;
    }

    .majerci-top-item {
        flex: 0 0 auto !important;
        font-size: 12px !important;
    }

    .header-grid {
        grid-template-columns: 1fr !important;
    }

    .brand-wrap {
        width: 100% !important;
        max-width: none !important;
    }

    .brand-logo {
        width: min(340px, 92vw) !important;
        height: 105px !important;
    }
}

/* Accesibilidad */
@media (prefers-reduced-motion: reduce) {

    .majerci-top-message,
    .majerci-top-item,
    .majerci-wa-logo,
    .brand-logo {
        animation: none !important;
    }

    .majerci-top-item,
    .brand-logo,
    .nav a {
        transition: none !important;
    }
}

/* =========================================================
   MAJERCI - HOME PREMIUM MOTION V7.1
   Hero + CTA + Carrusel de categorias
   ========================================================= */


/* =========================================================
   1. HERO - EFECTO VIDEO / KEN BURNS
   ========================================================= */

.hero-approved .majerci-hero-slide {
    overflow: hidden !important;
}

/* Imagen activa con movimiento cinematografico */
.hero-approved .majerci-hero-slide.active img {
    animation: majerciHeroCinema 6s ease-in-out both !important;
}

@keyframes majerciHeroCinema {
    0% {
        transform: scale(1.02) translate3d(0, 0, 0);
    }

    50% {
        transform: scale(1.09) translate3d(-1.2%, -0.8%, 0);
    }

    100% {
        transform: scale(1.045) translate3d(0.6%, 0.4%, 0);
    }
}

/* Oscurecimiento elegante para dar profundidad */
.hero-approved .majerci-hero-slide::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(3, 32, 65, .08) 0%,
            rgba(3, 32, 65, 0) 45%,
            rgba(3, 32, 65, .08) 100%
        );
}

/* Flechas más modernas */
.hero-approved .majerci-hero-arrow {
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);

    border: 1px solid rgba(255,255,255,.55) !important;

    box-shadow:
        0 8px 25px rgba(0, 35, 75, .28),
        inset 0 0 0 1px rgba(255,255,255,.12) !important;
}

.hero-approved .majerci-hero-arrow:hover {
    transform: scale(1.13) !important;
    background: #0875f5 !important;
}


/* =========================================================
   2. BOTONES HERO MÁS INTERACTIVOS
   ========================================================= */

.hero-approved .hero-actions .btn {
    position: relative !important;
    overflow: hidden !important;

    min-height: 54px !important;

    padding: 0 27px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;

    border-radius: 10px !important;

    font-size: 16px !important;
    font-weight: 800 !important;

    letter-spacing: .15px !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease,
        background .25s ease !important;
}

/* Botón azul */
.hero-approved .hero-actions .btn.primary {
    background:
        linear-gradient(
            135deg,
            #0875f5 0%,
            #0068e8 55%,
            #0058c7 100%
        ) !important;

    border: 1px solid #0875f5 !important;

    box-shadow:
        0 10px 24px rgba(8,117,245,.26) !important;
}

/* Brillo animado */
.hero-approved .hero-actions .btn::before {
    content: "";

    position: absolute;
    top: -30%;
    left: -45%;

    width: 30%;
    height: 160%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.65),
            transparent
        );

    transform: rotate(18deg);

    transition: left .55s ease !important;

    pointer-events: none;
}

.hero-approved .hero-actions .btn:hover::before {
    left: 120%;
}

.hero-approved .hero-actions .btn:hover {
    transform: translateY(-4px) scale(1.025) !important;

    box-shadow:
        0 15px 32px rgba(8,117,245,.30) !important;
}

/* Botón solicitar cotización */
.hero-approved .hero-actions .btn.outline {
    background:
        rgba(255,255,255,.92) !important;

    border: 2px solid #0875f5 !important;

    color: #0875f5 !important;

    box-shadow:
        0 8px 20px rgba(4,71,145,.09) !important;
}

.hero-approved .hero-actions .btn.outline:hover {
    color: #ffffff !important;

    background:
        linear-gradient(
            135deg,
            #0875f5,
            #005ecf
        ) !important;
}


/* =========================================================
   3. CATEGORÍAS - TARJETAS MÁS GRANDES
   ========================================================= */

.home-category-band {
    position: relative !important;
    overflow: hidden !important;
}

.home-category-band .category-strip {
    display: flex !important;

    gap: 14px !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    scroll-behavior: smooth !important;
    scroll-snap-type: x mandatory !important;

    padding:
        12px
        8px
        18px !important;

    scrollbar-width: none !important;
}

.home-category-band .category-strip::-webkit-scrollbar {
    display: none !important;
}

/* Cada categoría */
.home-category-band .category {
    flex: 0 0 168px !important;

    min-width: 168px !important;
    min-height: 158px !important;

    scroll-snap-align: start !important;

    border-radius: 15px !important;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fbfdff 100%
        ) !important;

    border:
        1px solid #dce8f5 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 14px 12px !important;

    box-shadow:
        0 5px 16px rgba(5,57,111,.06) !important;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease !important;
}

.home-category-band .category:hover {
    transform:
        translateY(-7px)
        scale(1.035) !important;

    border-color:
        rgba(8,117,245,.40) !important;

    box-shadow:
        0 14px 28px rgba(5,69,139,.16) !important;
}


/* =========================================================
   4. ICONOS DE CATEGORÍA MÁS GRANDES Y ANIMADOS
   ========================================================= */

.home-category-band .category-tile-icon {
    width: 76px !important;
    height: 76px !important;

    margin-bottom: 10px !important;

    border-radius: 18px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 38px !important;

    background:
        linear-gradient(
            145deg,
            #edf5ff,
            #f9fcff
        ) !important;

    box-shadow:
        inset 0 0 0 1px rgba(8,117,245,.06),
        0 7px 15px rgba(8,117,245,.08) !important;

    transition:
        transform .35s cubic-bezier(.2,.8,.3,1.3),
        box-shadow .35s ease !important;
}

.home-category-band .category:hover .category-tile-icon {
    transform:
        translateY(-4px)
        rotate(-3deg)
        scale(1.12) !important;

    box-shadow:
        0 12px 24px rgba(8,117,245,.18) !important;
}

.home-category-band .category strong {
    font-size: 13px !important;

    line-height: 1.2 !important;

    text-align: center !important;
}


/* =========================================================
   5. MOVIL
   ========================================================= */

@media (max-width: 720px) {

    .hero-approved .hero-actions {
        gap: 10px !important;
    }

    .hero-approved .hero-actions .btn {
        min-height: 48px !important;

        padding:
            0
            17px !important;

        font-size: 13px !important;
    }

    .home-category-band .category {
        flex-basis: 145px !important;
        min-width: 145px !important;

        min-height: 145px !important;
    }

    .home-category-band .category-tile-icon {
        width: 66px !important;
        height: 66px !important;

        font-size: 33px !important;
    }
}


/* Personas que prefieren menos animación */
@media (prefers-reduced-motion: reduce) {

    .hero-approved .majerci-hero-slide.active img {
        animation: none !important;
    }

    .hero-approved .hero-actions .btn,
    .home-category-band .category,
    .home-category-band .category-tile-icon {
        transition: none !important;
    }
}


/* =========================================================
   MAJERCI V7.2
   WHATSAPP REAL + CATEGORIAS XL
   ========================================================= */


/* =========================================================
   1. LOGO REAL DE WHATSAPP EN BARRA SUPERIOR
   ========================================================= */

@keyframes majerciWaPulseV72 {
    0% {
        box-shadow:
            0 0 0 0 rgba(37,211,102,.55),
            0 4px 12px rgba(37,211,102,.30);
    }

    70% {
        box-shadow:
            0 0 0 9px rgba(37,211,102,0),
            0 4px 12px rgba(37,211,102,.30);
    }

    100% {
        box-shadow:
            0 0 0 0 rgba(37,211,102,0),
            0 4px 12px rgba(37,211,102,.30);
    }
}


/* =========================================================
   2. CARRUSEL DE CATEGORIAS EXTRA GRANDE
   ========================================================= */

.home-category-band {
    overflow: hidden !important;
    padding-top: 18px !important;
    padding-bottom: 22px !important;
}

.home-category-band .category-strip {
    display: flex !important;

    gap: 20px !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    scroll-behavior: smooth !important;
    scroll-snap-type: x mandatory !important;

    padding:
        15px
        14px
        25px !important;

    scrollbar-width: none !important;

    cursor: grab !important;
}

.home-category-band .category-strip:active {
    cursor: grabbing !important;
}

.home-category-band .category-strip::-webkit-scrollbar {
    display: none !important;
}


/* TARJETA XL */
.home-category-band .category-tile {
    flex: 0 0 285px !important;

    width: 285px !important;
    min-width: 285px !important;

    min-height: 250px !important;

    scroll-snap-align: start !important;

    padding:
        22px
        18px !important;

    border-radius: 22px !important;

    border:
        1px solid #d8e6f5 !important;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f7fbff 100%
        ) !important;

    box-shadow:
        0 8px 25px rgba(4,61,120,.08) !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    transition:
        transform .32s cubic-bezier(.2,.8,.3,1.2),
        box-shadow .32s ease,
        border-color .32s ease !important;
}


/* HOVER DE TARJETA */
.home-category-band .category-tile:hover {
    transform:
        translateY(-10px)
        scale(1.045) !important;

    border-color:
        rgba(8,117,245,.50) !important;

    box-shadow:
        0 18px 38px rgba(4,72,150,.18) !important;
}


/* ICONO XL */
.home-category-band .category-tile-icon {
    width: 125px !important;
    height: 125px !important;

    min-width: 125px !important;

    margin-bottom: 16px !important;

    border-radius: 27px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 66px !important;

    background:
        linear-gradient(
            145deg,
            #eaf4ff,
            #f8fbff
        ) !important;

    box-shadow:
        inset 0 0 0 1px rgba(8,117,245,.07),
        0 9px 22px rgba(8,117,245,.12) !important;

    transition:
        transform .4s cubic-bezier(.2,.8,.25,1.35),
        box-shadow .4s ease !important;
}


/* ANIMACION ICONO */
.home-category-band .category-tile:hover .category-tile-icon {
    transform:
        translateY(-5px)
        rotate(-5deg)
        scale(1.13) !important;

    box-shadow:
        0 15px 32px rgba(8,117,245,.20) !important;
}


/* NOMBRE DE CATEGORIA */
.home-category-band .category-tile strong {
    font-size: 17px !important;

    line-height: 1.18 !important;

    min-height: 42px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;

    color: #073765 !important;

    margin-top: 2px !important;
}


/* TEXTO INFERIOR */
.home-category-band .category-tile small {
    font-size: 13px !important;

    line-height: 1.2 !important;

    margin-top: 10px !important;

    text-align: center !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 980px) {

    .home-category-band .category-tile {
        flex-basis: 235px !important;

        width: 235px !important;
        min-width: 235px !important;

        min-height: 215px !important;
    }

    .home-category-band .category-tile-icon {
        width: 100px !important;
        height: 100px !important;

        min-width: 100px !important;

        font-size: 52px !important;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 720px) {

    .home-category-band .category-strip {
        gap: 13px !important;

        padding:
            12px
            10px
            20px !important;
    }

    .home-category-band .category-tile {
        flex-basis: 190px !important;

        width: 190px !important;
        min-width: 190px !important;

        min-height: 190px !important;

        padding:
            16px
            12px !important;
    }

    .home-category-band .category-tile-icon {
        width: 84px !important;
        height: 84px !important;

        min-width: 84px !important;

        font-size: 44px !important;
    }

    .home-category-band .category-tile strong {
        font-size: 14px !important;
    }
}

/* =========================================================
   MAJERCI - WHATSAPP SUPERIOR DEFINITIVO
   ========================================================= */

.majerci-top-whatsapp {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.majerci-top-whatsapp .majerci-wa-logo {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 50% !important;
    background: #25d366 !important;

    box-shadow:
        0 0 0 0 rgba(37, 211, 102, .55),
        0 4px 12px rgba(37, 211, 102, .32) !important;

    animation: majerciWaPulseFinal 2s infinite !important;
}

.majerci-top-whatsapp .majerci-wa-logo svg {
    width: 22px !important;
    height: 22px !important;
    display: block !important;
}

.majerci-top-whatsapp .majerci-wa-logo circle {
    fill: transparent !important;
    stroke: #ffffff !important;
    stroke-width: 1.4 !important;
}

.majerci-top-whatsapp .majerci-wa-logo path {
    fill: #ffffff !important;
}

.majerci-top-whatsapp:hover .majerci-wa-logo {
    transform: scale(1.12) rotate(-5deg) !important;
}

@keyframes majerciWaPulseFinal {
    0% {
        box-shadow:
            0 0 0 0 rgba(37, 211, 102, .55),
            0 4px 12px rgba(37, 211, 102, .32);
    }

    70% {
        box-shadow:
            0 0 0 8px rgba(37, 211, 102, 0),
            0 4px 12px rgba(37, 211, 102, .32);
    }

    100% {
        box-shadow:
            0 0 0 0 rgba(37, 211, 102, 0),
            0 4px 12px rgba(37, 211, 102, .32);
    }
}


/* =========================================================
   MAJERCI - HEADER PREMIUM INTERACTIVO V8
   Microinteracciones + 3D + Glow + Shimmer
   ========================================================= */


/* =========================================================
   CABECERA COMPLETA
   ========================================================= */

.mainhead {
    position: relative !important;
    overflow: visible !important;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fbfdff 100%
        ) !important;
}

.header-grid {
    position: relative !important;
    overflow: visible !important;
}


/* =========================================================
   LOGO MAJERCI - 3D + MOVIMIENTO SUAVE
   ========================================================= */

.brand-wrap {
    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    perspective: 1000px !important;

    overflow: visible !important;
}

.brand-logo {
    position: relative !important;

    transform-origin: center center !important;

    filter:
        drop-shadow(0 8px 12px rgba(0, 56, 120, .14)) !important;

    transition:
        transform .45s cubic-bezier(.2,.8,.2,1),
        filter .45s ease !important;

    animation:
        majerciLogoFloat 5s ease-in-out infinite !important;

    will-change: transform !important;
}

/* Halo detrás del logo */
.brand-wrap::before {
    content: "";

    position: absolute;

    width: 78% !important;
    height: 65% !important;

    left: 11% !important;
    top: 18% !important;

    border-radius: 50% !important;

    background:
        radial-gradient(
            circle,
            rgba(8,117,245,.13) 0%,
            rgba(8,117,245,.04) 45%,
            transparent 72%
        ) !important;

    filter: blur(18px) !important;

    opacity: .65 !important;

    transform: scale(.95) !important;

    transition:
        opacity .4s ease,
        transform .4s ease !important;

    pointer-events: none !important;
}

/* Hover 3D */
.brand-wrap:hover .brand-logo {
    transform:
        perspective(1000px)
        rotateX(-4deg)
        rotateY(6deg)
        translateY(-5px)
        scale(1.055) !important;

    filter:
        drop-shadow(0 17px 18px rgba(0, 65, 140, .25)) !important;

    animation-play-state: paused !important;
}

.brand-wrap:hover::before {
    opacity: 1 !important;
    transform: scale(1.12) !important;
}


/* =========================================================
   BUSCADOR - ELEVACIÓN + GLOW
   ========================================================= */

.search-wrap {
    position: relative !important;

    border-radius: 12px !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease !important;
}

.search-wrap::before {
    content: "";

    position: absolute;
    inset: -2px;

    z-index: -1;

    border-radius: 14px;

    background:
        linear-gradient(
            100deg,
            transparent,
            rgba(8,117,245,.18),
            transparent
        );

    opacity: 0;

    transition:
        opacity .25s ease !important;

    pointer-events: none;
}

.search-wrap:hover {
    transform: translateY(-2px) !important;

    box-shadow:
        0 11px 28px rgba(9,76,150,.11) !important;
}

.search-wrap:focus-within {
    transform:
        translateY(-4px)
        scale(1.008) !important;

    box-shadow:
        0 15px 34px rgba(8,117,245,.18) !important;
}

.search-wrap:focus-within::before {
    opacity: 1 !important;
}


/* INPUT */
.search-wrap input {
    transition:
        border-color .25s ease,
        background .25s ease,
        box-shadow .25s ease !important;
}

.search-wrap:focus-within input {
    background: #ffffff !important;

    border-color:
        rgba(8,117,245,.55) !important;
}


/* BOTÓN LUPA */
.search-wrap button {
    position: relative !important;

    overflow: hidden !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        filter .25s ease !important;
}

.search-wrap button:hover {
    transform:
        scale(1.06)
        rotate(-2deg) !important;

    box-shadow:
        0 8px 20px rgba(8,117,245,.25) !important;

    filter: brightness(1.06) !important;
}


/* =========================================================
   MI CUENTA / FAVORITOS / CARRITO
   ========================================================= */

.head-actions {
    overflow: visible !important;
}

.head-actions .head-icon {
    position: relative !important;

    transition:
        transform .28s cubic-bezier(.2,.8,.3,1.25),
        color .25s ease,
        filter .25s ease !important;

    transform-origin: center bottom !important;
}

.head-actions .head-icon:hover {
    transform:
        translateY(-6px)
        scale(1.075) !important;

    color: #0875f5 !important;

    filter:
        drop-shadow(0 8px 8px rgba(8,117,245,.18)) !important;
}


/* Símbolo interior */
.head-actions .head-symbol {
    display: inline-block !important;

    transition:
        transform .32s cubic-bezier(.2,.8,.25,1.3) !important;
}

.head-actions .head-icon:hover .head-symbol {
    transform:
        scale(1.16)
        rotate(-5deg) !important;
}


/* Contadores favoritos / carrito */
.head-actions [data-favorite-count],
.head-actions [data-cart-count] {
    transition:
        transform .25s ease,
        background .25s ease !important;
}

.head-actions .head-icon:hover [data-favorite-count],
.head-actions .head-icon:hover [data-cart-count] {
    transform: scale(1.18) !important;
}


/* =========================================================
   SOLICITAR COTIZACIÓN
   ========================================================= */

.quote-btn {
    position: relative !important;

    overflow: hidden !important;

    transform: translateZ(0);

    box-shadow:
        0 10px 26px rgba(8,117,245,.20) !important;

    transition:
        transform .30s cubic-bezier(.2,.8,.25,1.25),
        box-shadow .30s ease,
        filter .30s ease !important;

    animation:
        majerciQuoteBreath 3.8s ease-in-out infinite !important;
}


/* Brillo que atraviesa el botón */
.quote-btn::before {
    content: "";

    position: absolute;

    top: -40%;
    left: -50%;

    width: 30%;
    height: 180%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.75),
            transparent
        ) !important;

    transform: rotate(18deg);

    transition:
        left .65s ease !important;

    pointer-events: none !important;
}

.quote-btn:hover {
    transform:
        translateY(-6px)
        scale(1.045) !important;

    box-shadow:
        0 18px 38px rgba(8,117,245,.31) !important;

    filter: brightness(1.06) !important;

    animation-play-state: paused !important;
}

.quote-btn:hover::before {
    left: 125% !important;
}


/* =========================================================
   ANIMACIONES
   ========================================================= */

@keyframes majerciLogoFloat {

    0%,
    100% {
        transform:
            translateY(0)
            rotateX(0deg)
            rotateY(0deg);
    }

    50% {
        transform:
            translateY(-5px)
            rotateX(1deg)
            rotateY(-1deg);
    }
}


@keyframes majerciQuoteBreath {

    0%,
    100% {
        transform: translateY(0);
        box-shadow:
            0 10px 26px rgba(8,117,245,.20);
    }

    50% {
        transform: translateY(-2px);
        box-shadow:
            0 14px 31px rgba(8,117,245,.28);
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

    .brand-logo {
        animation-duration: 6s !important;
    }

    .quote-btn {
        animation-duration: 4.5s !important;
    }
}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 720px) {

    .brand-logo {
        animation: none !important;
    }

    .quote-btn {
        animation: none !important;
    }

    .head-actions .head-icon:hover {
        transform: none !important;
    }
}


/* =========================================================
   ACCESIBILIDAD
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .brand-logo,
    .quote-btn {
        animation: none !important;
    }

    .brand-logo,
    .search-wrap,
    .search-wrap button,
    .head-actions .head-icon,
    .quote-btn {
        transition: none !important;
    }
}

/* =========================================================
   MAJERCI - CARRUSEL AUTOMATICO DE MARCAS V1
   Usado con /static/img/marcas/
   ========================================================= */


/* =========================================================
   CONTENEDOR GENERAL
   ========================================================= */

.home-brands-band {
    position: relative !important;

    width: 100% !important;

    overflow: hidden !important;

    padding:
        24px
        0
        22px !important;

    background:
        linear-gradient(
            180deg,
            #f8fbff 0%,
            #ffffff 100%
        ) !important;

    border-top:
        1px solid #e2ebf5 !important;

    border-bottom:
        1px solid #e2ebf5 !important;
}


/* =========================================================
   DISTRIBUCION:
   TEXTO IZQUIERDO + MARCAS DERECHA
   ========================================================= */

.home-brands-inner {
    width: 100% !important;
    max-width: none !important;

    display: grid !important;

    grid-template-columns:
        290px
        minmax(0, 1fr) !important;

    align-items: center !important;

    gap: 28px !important;

    padding-left: 38px !important;
    padding-right: 38px !important;

    box-sizing: border-box !important;
}


/* =========================================================
   TEXTO FIJO IZQUIERDO
   ========================================================= */

.home-brands-copy {
    position: relative !important;

    z-index: 3 !important;

    padding:
        6px
        6px
        6px
        0 !important;
}


.home-brands-kicker {
    display: inline-block !important;

    margin-bottom: 7px !important;

    font-size: 11px !important;

    font-weight: 900 !important;

    letter-spacing: .14em !important;

    color: #0875f5 !important;
}


.home-brands-copy h2 {
    margin:
        0
        0
        8px !important;

    font-size: 27px !important;

    line-height: 1.08 !important;

    font-weight: 850 !important;

    color: #073765 !important;
}


.home-brands-copy p {
    margin: 0 !important;

    max-width: 275px !important;

    font-size: 13px !important;

    line-height: 1.45 !important;

    color: #64748b !important;
}


/* =========================================================
   AREA DEL CARRUSEL
   ========================================================= */

.home-brands-slider {
    position: relative !important;

    width: 100% !important;

    min-width: 0 !important;

    overflow: hidden !important;

    padding:
        7px
        0 !important;
}


/* DESVANECIDO IZQUIERDO */
.home-brands-slider::before {
    content: "" !important;

    position: absolute !important;

    z-index: 5 !important;

    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    width: 58px !important;

    background:
        linear-gradient(
            90deg,
            #ffffff 0%,
            rgba(255,255,255,.85) 38%,
            rgba(255,255,255,0) 100%
        ) !important;

    pointer-events: none !important;
}


/* DESVANECIDO DERECHO */
.home-brands-slider::after {
    content: "" !important;

    position: absolute !important;

    z-index: 5 !important;

    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important;

    width: 58px !important;

    background:
        linear-gradient(
            270deg,
            #ffffff 0%,
            rgba(255,255,255,.85) 38%,
            rgba(255,255,255,0) 100%
        ) !important;

    pointer-events: none !important;
}


/* =========================================================
   PISTA QUE SE MUEVE
   ========================================================= */

.home-brands-track {
    display: flex !important;

    align-items: center !important;

    gap: 12px !important;

    width: max-content !important;

    will-change: transform !important;

    animation-name:
        majerciBrandsMove !important;

    animation-duration:
        var(--majerci-brand-duration, 12s) !important;

    animation-timing-function:
        linear !important;

    animation-iteration-count:
        infinite !important;
}


/* PAUSA AL PASAR EL CURSOR */
.home-brands-slider:hover
.home-brands-track {
    animation-play-state:
        paused !important;
}


/* =========================================================
   TARJETA DE CADA MARCA
   ========================================================= */

.home-brand-card {
    flex:
        0
        0
        122px !important;

    width: 122px !important;

    min-width: 122px !important;

    height: 70px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    padding:
        10px
        12px !important;

    box-sizing:
        border-box !important;

    border:
        1px solid #dce7f3 !important;

    border-radius:
        12px !important;

    background:
        #ffffff !important;

    box-shadow:
        0
        5px
        16px
        rgba(5,50,105,.06) !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease !important;
}


/* EFECTO INTERACTIVO */
.home-brand-card:hover {
    transform:
        translateY(-4px)
        scale(1.04) !important;

    border-color:
        rgba(8,117,245,.38) !important;

    box-shadow:
        0
        10px
        24px
        rgba(5,65,135,.14) !important;
}


/* =========================================================
   LOGOTIPO
   ========================================================= */

.home-brand-card img {
    display: block !important;

    width: auto !important;

    height: auto !important;

    max-width: 96px !important;

    max-height: 38px !important;

    object-fit: contain !important;

    object-position: center !important;

    margin: auto !important;

    opacity: .96 !important;

    filter:
        saturate(.94)
        contrast(1.02) !important;

    transition:
        transform .28s ease,
        filter .28s ease,
        opacity .28s ease !important;
}


.home-brand-card:hover img {
    transform:
        scale(1.08) !important;

    opacity: 1 !important;

    filter:
        saturate(1.05)
        contrast(1.04) !important;
}


/* =========================================================
   MOVIMIENTO INFINITO
   ========================================================= */

@keyframes majerciBrandsMove {

    from {
        transform:
            translateX(0);
    }

    to {
        transform:
            translateX(-50%);
    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 980px) {

    .home-brands-band {
        padding:
            20px
            0
            18px !important;
    }


    .home-brands-inner {
        grid-template-columns:
            1fr !important;

        gap: 15px !important;

        padding-left: 20px !important;
        padding-right: 20px !important;
    }


    .home-brands-copy {
        text-align:
            center !important;

        padding:
            0 !important;
    }


    .home-brands-copy p {
        max-width:
            650px !important;

        margin:
            0
            auto !important;
    }


    .home-brands-copy h2 {
        font-size:
            24px !important;
    }


    .home-brand-card {
        flex-basis:
            112px !important;

        width:
            112px !important;

        min-width:
            112px !important;

        height:
            66px !important;
    }


    .home-brand-card img {
        max-width:
            88px !important;

        max-height:
            34px !important;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 720px) {

    .home-brands-band {
        padding:
            17px
            0
            15px !important;
    }


    .home-brands-inner {
        gap:
            12px !important;

        padding-left:
            12px !important;

        padding-right:
            12px !important;
    }


    .home-brands-kicker {
        font-size:
            10px !important;
    }


    .home-brands-copy h2 {
        font-size:
            21px !important;
    }


    .home-brands-copy p {
        font-size:
            12px !important;

        line-height:
            1.4 !important;
    }


    .home-brands-slider::before,
    .home-brands-slider::after {
        width:
            32px !important;
    }


    .home-brands-track {
        gap:
            9px !important;
    }


    .home-brand-card {
        flex-basis:
            98px !important;

        width:
            98px !important;

        min-width:
            98px !important;

        height:
            58px !important;

        padding:
            8px
            9px !important;

        border-radius:
            9px !important;
    }


    .home-brand-card img {
        max-width:
            78px !important;

        max-height:
            29px !important;
    }

}


/* =========================================================
   PANTALLAS MUY PEQUEÑAS
   ========================================================= */

@media (max-width: 480px) {

    .home-brands-copy h2 {
        font-size:
            19px !important;
    }


    .home-brand-card {
        flex-basis:
            90px !important;

        width:
            90px !important;

        min-width:
            90px !important;

        height:
            54px !important;
    }


    .home-brand-card img {
        max-width:
            71px !important;

        max-height:
            27px !important;
    }

}


/* =========================================================
   ACCESIBILIDAD
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .home-brands-track {
        animation:
            none !important;

        overflow-x:
            auto !important;
    }


    .home-brand-card,
    .home-brand-card img {
        transition:
            none !important;
    }

}


/* =========================================================
   MAJERCI - AJUSTE VISUAL DE COLORES
   CARRUSEL DE MARCAS
   Pegar al final absoluto de site.css
   ========================================================= */

.home-brands-band {
    background: linear-gradient(135deg, #f4f8ff 0%, #edf5ff 52%, #f9fbff 100%) !important;
    border-top: 1px solid #d9e8fb !important;
    border-bottom: 1px solid #d9e8fb !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.75) !important;
}

.home-brands-inner {
    position: relative !important;
}

.home-brands-copy {
    position: relative !important;
    z-index: 2 !important;
    padding: 14px 12px 14px 0 !important;
}

.home-brands-kicker {
    display: inline-block !important;
    padding: 6px 12px !important;
    margin-bottom: 10px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #0a7cff 0%, #22b8ff 100%) !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: .12em !important;
    box-shadow: 0 8px 18px rgba(10,124,255,.18) !important;
}

.home-brands-copy h2 {
    color: #072f63 !important;
    font-size: 30px !important;
    line-height: 1.02 !important;
    margin: 0 0 10px !important;
    text-shadow: 0 2px 10px rgba(7,47,99,.06) !important;
}

.home-brands-copy p {
    color: #58708f !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
}

/* suaviza el borde del carrusel */
.home-brands-slider::before {
    background: linear-gradient(90deg, #eef5ff 0%, rgba(238,245,255,.86) 35%, rgba(238,245,255,0) 100%) !important;
}

.home-brands-slider::after {
    background: linear-gradient(270deg, #eef5ff 0%, rgba(238,245,255,.86) 35%, rgba(238,245,255,0) 100%) !important;
}

/* tarjetas de marcas */
.home-brand-card {
    position: relative !important;
    overflow: hidden !important;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
    border: 1px solid #d7e5f6 !important;
    box-shadow: 0 8px 22px rgba(7,47,99,.08) !important;
    border-radius: 14px !important;
}

/* línea superior de color */
.home-brand-card::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 14px !important;
    right: 14px !important;
    height: 4px !important;
    border-radius: 0 0 10px 10px !important;
    background: linear-gradient(90deg, #0a7cff 0%, #21c8ff 100%) !important;
    opacity: .98 !important;
}

/* alternancia de color para que resalte más */
.home-brand-card:nth-child(4n+2)::before {
    background: linear-gradient(90deg, #00a86b 0%, #44d7a8 100%) !important;
}

.home-brand-card:nth-child(4n+3)::before {
    background: linear-gradient(90deg, #ff8a00 0%, #ffbf47 100%) !important;
}

.home-brand-card:nth-child(4n+4)::before {
    background: linear-gradient(90deg, #6c5ce7 0%, #8fa2ff 100%) !important;
}

.home-brand-card:hover {
    transform: translateY(-5px) scale(1.04) !important;
    border-color: #9fc7ff !important;
    box-shadow: 0 14px 30px rgba(8,117,245,.16) !important;
}

.home-brand-card img {
    filter: saturate(1.02) contrast(1.03) !important;
    opacity: .98 !important;
}

.home-brand-card:hover img {
    transform: scale(1.08) !important;
    filter: saturate(1.08) contrast(1.06) !important;
}

/* tablet */
@media (max-width: 980px) {
    .home-brands-copy h2 {
        font-size: 26px !important;
    }

    .home-brands-copy p {
        font-size: 13px !important;
    }
}

/* celular */
@media (max-width: 720px) {
    .home-brands-band {
        background: linear-gradient(180deg, #f5f9ff 0%, #eef5ff 100%) !important;
    }

    .home-brands-copy {
        text-align: center !important;
        padding: 0 !important;
    }

    .home-brands-kicker {
        margin-bottom: 8px !important;
    }

    .home-brands-copy h2 {
        font-size: 22px !important;
    }

    .home-brands-copy p {
        font-size: 12px !important;
    }
}

/* =========================================================
   MAJERCI
   6 CATEGORIAS x 10 PRODUCTOS
   V1
   ========================================================= */

.home-category-showcase {
    width: 100% !important;
    padding: 30px 0 18px !important;
    background: #ffffff !important;
}


/* INTRO */

.home-category-showcase-intro {
    margin-bottom: 25px !important;
}

.home-category-showcase-intro > span {
    display: inline-block !important;

    margin-bottom: 7px !important;

    color: #0875f5 !important;

    font-size: 11px !important;
    font-weight: 900 !important;

    letter-spacing: .14em !important;
}

.home-category-showcase-intro h2 {
    margin: 0 !important;

    color: #073765 !important;

    font-size: 30px !important;
    line-height: 1.08 !important;

    font-weight: 850 !important;
}

.home-category-showcase-intro p {
    margin: 7px 0 0 !important;

    color: #64748b !important;

    font-size: 14px !important;
}


/* =========================================================
   CADA CATEGORIA
   ========================================================= */

.home-category-product-row {
    position: relative !important;

    margin-bottom: 38px !important;

    padding: 18px !important;

    border: 1px solid #e0eaf5 !important;

    border-radius: 18px !important;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fbfdff 100%
        ) !important;

    box-shadow:
        0 7px 25px
        rgba(7,47,99,.055) !important;
}


/* CABECERA */

.home-category-product-head {
    display: flex !important;

    align-items: flex-end !important;

    justify-content:
        space-between !important;

    gap: 16px !important;

    margin-bottom: 17px !important;

    padding-bottom: 10px !important;

    border-bottom:
        2px solid #edf2f8 !important;
}


/* ETIQUETA */

.home-category-product-kicker {
    display: inline-block !important;

    margin-bottom: 5px !important;

    color: #ff7500 !important;

    font-size: 10px !important;

    line-height: 1 !important;

    font-weight: 900 !important;

    letter-spacing: .08em !important;
}


/* TITULO */

.home-category-product-head h3 {
    position: relative !important;

    margin: 0 !important;

    padding-left: 14px !important;

    color: #073765 !important;

    font-size: 23px !important;

    line-height: 1.12 !important;
}


/* LINEA DE COLOR */

.home-category-product-head h3::before {
    content: "" !important;

    position: absolute !important;

    left: 0 !important;
    top: 2px !important;
    bottom: 2px !important;

    width: 5px !important;

    border-radius: 5px !important;

    background:
        linear-gradient(
            180deg,
            #0875f5,
            #25b8ff
        ) !important;
}


/* VER TODOS */

.home-category-product-link {
    flex: 0 0 auto !important;

    color: #0875f5 !important;

    font-size: 13px !important;

    font-weight: 800 !important;

    text-decoration: none !important;

    transition:
        transform .22s ease,
        color .22s ease !important;
}

.home-category-product-link:hover {
    transform:
        translateX(4px) !important;

    color: #005fc9 !important;
}


/* =========================================================
   EXACTAMENTE 5 COLUMNAS = 10 PRODUCTOS EN 2 FILAS
   ========================================================= */

.home-category-products-grid {
    display: grid !important;

    grid-template-columns:
        repeat(5, minmax(0, 1fr)) !important;

    gap: 14px !important;

    align-items: stretch !important;
}


/* TARJETA */

.home-category-products-grid
.product-card {
    width: 100% !important;

    min-width: 0 !important;

    height: 100% !important;

    border-radius: 12px !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease !important;
}


.home-category-products-grid
.product-card:hover {
    transform:
        translateY(-5px) !important;

    border-color:
        #a7cdfc !important;

    box-shadow:
        0 13px 28px
        rgba(7,74,150,.13) !important;
}


/* IMAGEN MÁS COMPACTA */

.home-category-products-grid
.product-image {
    height: 175px !important;

    min-height: 175px !important;

    overflow: hidden !important;
}


.home-category-products-grid
.product-image img {
    width: 100% !important;

    height: 100% !important;

    object-fit: contain !important;

    transition:
        transform .32s ease !important;
}


.home-category-products-grid
.product-card:hover
.product-image img {
    transform:
        scale(1.055) !important;
}


/* =========================================================
   COLORES ALTERNOS PARA LAS 6 CATEGORIAS
   ========================================================= */

.home-category-product-row:nth-of-type(2)
.home-category-product-head h3::before {
    background:
        linear-gradient(
            #00a878,
            #3fd6a8
        ) !important;
}


.home-category-product-row:nth-of-type(3)
.home-category-product-head h3::before {
    background:
        linear-gradient(
            #ff8a00,
            #ffbd45
        ) !important;
}


.home-category-product-row:nth-of-type(4)
.home-category-product-head h3::before {
    background:
        linear-gradient(
            #7657e8,
            #9a8cff
        ) !important;
}


.home-category-product-row:nth-of-type(5)
.home-category-product-head h3::before {
    background:
        linear-gradient(
            #e83e65,
            #ff7593
        ) !important;
}


.home-category-product-row:nth-of-type(6)
.home-category-product-head h3::before {
    background:
        linear-gradient(
            #009bb7,
            #31d7ee
        ) !important;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1280px) {

    .home-category-products-grid {
        grid-template-columns:
            repeat(4, minmax(0, 1fr)) !important;
    }

}


@media (max-width: 980px) {

    .home-category-products-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;
    }

}


@media (max-width: 720px) {

    .home-category-showcase {
        padding-top:
            20px !important;
    }


    .home-category-showcase-intro h2 {
        font-size:
            23px !important;
    }


    .home-category-product-row {
        padding:
            12px !important;

        margin-bottom:
            22px !important;

        border-radius:
            14px !important;
    }


    .home-category-product-head {
        align-items:
            flex-start !important;

        flex-direction:
            column !important;

        gap:
            8px !important;
    }


    .home-category-product-head h3 {
        font-size:
            19px !important;
    }


    .home-category-products-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap:
            10px !important;
    }


    .home-category-products-grid
    .product-image {
        height:
            145px !important;

        min-height:
            145px !important;
    }

}


@media (max-width: 430px) {

    .home-category-products-grid {
        grid-template-columns:
            1fr !important;
    }

}

/* =========================================================
   MAJERCI V6.2
   HOME PRODUCTOS DESTACADOS PRO - 4 POR FILA
   Pegar al final absoluto de site.css
========================================================= */

/* GRID: 4 productos por fila */
.home-products-section .home-products-grid,
.home-products-section .products-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 22px !important;
  align-items: stretch !important;
}

/* Tarjeta general */
.home-products-section .product-card,
.home-products-section .products-grid .product-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-height: 100% !important;
  background: #ffffff !important;
  border: 1px solid #dbe6f3 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 28px rgba(13, 46, 96, 0.08) !important;
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease !important;
  position: relative !important;
}

.home-products-section .product-card:hover,
.home-products-section .products-grid .product-card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 18px 36px rgba(13, 46, 96, 0.14) !important;
  border-color: #bdd5f3 !important;
}

/* Imagen del producto */
.home-products-section .product-card img,
.home-products-section .products-grid .product-card img {
  max-width: 100% !important;
  max-height: 210px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  transition: transform .35s ease !important;
}

.home-products-section .product-card:hover img,
.home-products-section .products-grid .product-card:hover img {
  transform: scale(1.04) !important;
}

/* Cuerpo / separación interna */
.home-products-section .product-card > *,
.home-products-section .products-grid .product-card > * {
  position: relative;
}

/* Marca */
.home-products-section .product-card .brand,
.home-products-section .product-card .product-brand,
.home-products-section .products-grid .product-card .brand,
.home-products-section .products-grid .product-card .product-brand {
  font-size: 12px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  color: #7b8da8 !important;
}

/* Título */
.home-products-section .product-card .title,
.home-products-section .product-card .product-title,
.home-products-section .product-card h3,
.home-products-section .products-grid .product-card .title,
.home-products-section .products-grid .product-card .product-title,
.home-products-section .products-grid .product-card h3 {
  color: #123a73 !important;
  font-size: 17px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  margin-bottom: 8px !important;
}

/* Resumen / descripción */
.home-products-section .product-card p,
.home-products-section .product-card .summary,
.home-products-section .product-card .product-summary,
.home-products-section .products-grid .product-card p,
.home-products-section .products-grid .product-card .summary,
.home-products-section .products-grid .product-card .product-summary {
  color: #72839d !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

/* Precio */
.home-products-section .product-card .price,
.home-products-section .product-card .price-line,
.home-products-section .products-grid .product-card .price,
.home-products-section .products-grid .product-card .price-line {
  color: #ef3f33 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}

/* Caja del botón comprar */
.home-products-section .product-card .buybox,
.home-products-section .products-grid .product-card .buybox {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  margin-top: 12px !important;
}

/* BOTÓN COMPRAR */
.home-products-section .product-card .buybox button,
.home-products-section .product-card .buybox .btn,
.home-products-section .product-card .btn-buy,
.home-products-section .products-grid .product-card .buybox button,
.home-products-section .products-grid .product-card .buybox .btn,
.home-products-section .products-grid .product-card .btn-buy {
  appearance: none !important;
  border: 0 !important;
  min-height: 46px !important;
  padding: 0 20px !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #1f78ff 0%, #0059d6 100%) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
  box-shadow: 0 10px 22px rgba(0, 89, 214, 0.25) !important;
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease !important;
  cursor: pointer !important;
}

.home-products-section .product-card .buybox button:hover,
.home-products-section .product-card .buybox .btn:hover,
.home-products-section .product-card .btn-buy:hover,
.home-products-section .products-grid .product-card .buybox button:hover,
.home-products-section .products-grid .product-card .buybox .btn:hover,
.home-products-section .products-grid .product-card .btn-buy:hover {
  transform: translateY(-2px) scale(1.02) !important;
  box-shadow: 0 14px 26px rgba(0, 89, 214, 0.32) !important;
  filter: brightness(1.03) !important;
}

/* Links inferiores */
.home-products-section .product-card a,
.home-products-section .products-grid .product-card a {
  transition: all .22s ease !important;
}

/* Ver producto / Solicitar cotización */
.home-products-section .product-card a[href*="/producto/"],
.home-products-section .product-card a[href*="quote"],
.home-products-section .product-card a[href*="cotiza"],
.home-products-section .product-card a[href*="cotizacion"],
.home-products-section .products-grid .product-card a[href*="/producto/"],
.home-products-section .products-grid .product-card a[href*="quote"],
.home-products-section .products-grid .product-card a[href*="cotiza"],
.home-products-section .products-grid .product-card a[href*="cotizacion"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 8px 12px !important;
  border-radius: 12px !important;
  border: 1px solid #d8e5f5 !important;
  background: #f8fbff !important;
  color: #165fd7 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.home-products-section .product-card a[href*="/producto/"]:hover,
.home-products-section .product-card a[href*="quote"]:hover,
.home-products-section .product-card a[href*="cotiza"]:hover,
.home-products-section .product-card a[href*="cotizacion"]:hover,
.home-products-section .products-grid .product-card a[href*="/producto/"]:hover,
.home-products-section .products-grid .product-card a[href*="quote"]:hover,
.home-products-section .products-grid .product-card a[href*="cotiza"]:hover,
.home-products-section .products-grid .product-card a[href*="cotizacion"]:hover {
  background: #edf5ff !important;
  border-color: #bcd5fb !important;
  color: #0d4fbe !important;
  transform: translateY(-1px) !important;
}

/* Acomoda mejor la zona inferior */
.home-products-section .product-card .actions,
.home-products-section .product-card .product-links,
.home-products-section .product-card .card-links,
.home-products-section .products-grid .product-card .actions,
.home-products-section .products-grid .product-card .product-links,
.home-products-section .products-grid .product-card .card-links {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  margin-top: 14px !important;
  padding-top: 12px !important;
  border-top: 1px solid #edf2f8 !important;
}

/* Badge superior */
.home-products-section .product-card .status-pill,
.home-products-section .products-grid .product-card .status-pill {
  border-radius: 999px !important;
  font-weight: 800 !important;
  font-size: 11px !important;
  padding: 6px 12px !important;
}

/* Tabs superiores más elegantes */
.home-products-section .product-tabs a,
.home-products-section .products-tabs a {
  font-weight: 700 !important;
  color: #5c6f8f !important;
  transition: all .22s ease !important;
}

.home-products-section .product-tabs a.active,
.home-products-section .product-tabs a:hover,
.home-products-section .products-tabs a.active,
.home-products-section .products-tabs a:hover {
  color: #1460e2 !important;
}

/* Responsive */
@media (max-width: 1280px) {
  .home-products-section .home-products-grid,
  .home-products-section .products-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 920px) {
  .home-products-section .home-products-grid,
  .home-products-section .products-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }
}

@media (max-width: 560px) {
  .home-products-section .home-products-grid,
  .home-products-section .products-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .home-products-section .product-card .actions,
  .home-products-section .product-card .product-links,
  .home-products-section .product-card .card-links,
  .home-products-section .products-grid .product-card .actions,
  .home-products-section .products-grid .product-card .product-links,
  .home-products-section .products-grid .product-card .card-links {
    grid-template-columns: 1fr !important;
  }
}

/* =========================================================
   MAJERCI - PRODUCTOS POR CATEGORIA V2
   4 PRODUCTOS POR FILA + TARJETAS PREMIUM
   SOLO AFECTA LAS NUEVAS 6 CATEGORIAS
   ========================================================= */


/* =========================================================
   4 PRODUCTOS POR FILA
   ========================================================= */

.home-category-products-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px !important;
    align-items: stretch !important;
}


/* =========================================================
   TARJETA
   ========================================================= */

.home-category-products-grid .product-card {
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;

    display: flex !important;
    flex-direction: column !important;

    border: 1px solid #dbe6f3 !important;
    border-radius: 16px !important;

    background: #ffffff !important;

    overflow: hidden !important;

    box-shadow:
        0 7px 20px rgba(8, 47, 99, .07) !important;

    transition:
        transform .28s ease,
        box-shadow .28s ease,
        border-color .28s ease !important;
}


.home-category-products-grid .product-card:hover {
    transform:
        translateY(-6px)
        scale(1.01) !important;

    border-color:
        #9bc5fb !important;

    box-shadow:
        0 16px 32px rgba(8, 75, 155, .15) !important;
}


/* =========================================================
   IMAGEN
   ========================================================= */

.home-category-products-grid .product-image,
.home-category-products-grid .product-card-image {
    height: 190px !important;
    min-height: 190px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    overflow: hidden !important;
}


.home-category-products-grid .product-image img,
.home-category-products-grid .product-card-image img,
.home-category-products-grid .product-card > img {
    max-width: 100% !important;
    max-height: 180px !important;

    width: auto !important;
    height: auto !important;

    object-fit: contain !important;

    transition:
        transform .32s ease !important;
}


.home-category-products-grid .product-card:hover img {
    transform:
        scale(1.055) !important;
}


/* =========================================================
   TITULO
   ========================================================= */

.home-category-products-grid .product-card h3,
.home-category-products-grid .product-title,
.home-category-products-grid .title {
    font-size: 16px !important;
    line-height: 1.25 !important;

    font-weight: 850 !important;

    color: #073765 !important;

    margin-bottom: 8px !important;
}


/* =========================================================
   DESCRIPCION
   ========================================================= */

.home-category-products-grid .product-summary,
.home-category-products-grid .summary,
.home-category-products-grid .product-card p {
    font-size: 12px !important;
    line-height: 1.45 !important;

    color: #74849b !important;
}


/* =========================================================
   PRECIO
   ========================================================= */

.home-category-products-grid .price,
.home-category-products-grid .price-line {
    margin-top: 10px !important;

    font-size: 19px !important;
    font-weight: 900 !important;

    color: #ef3f36 !important;
}


/* =========================================================
   BOTON COMPRAR
   ========================================================= */

.home-category-products-grid .quick-buy-row .btn,
.home-category-products-grid .buybox .btn,
.home-category-products-grid .buybox button,
.home-category-products-grid button[type="submit"] {
    min-height: 44px !important;

    padding:
        9px
        18px !important;

    border: 0 !important;

    border-radius:
        12px !important;

    background:
        linear-gradient(
            135deg,
            #1680ff 0%,
            #075bd8 100%
        ) !important;

    color:
        #ffffff !important;

    font-size:
        13px !important;

    font-weight:
        800 !important;

    cursor:
        pointer !important;

    box-shadow:
        0 8px 18px
        rgba(7,91,216,.23) !important;

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        filter .22s ease !important;
}


.home-category-products-grid .quick-buy-row .btn:hover,
.home-category-products-grid .buybox .btn:hover,
.home-category-products-grid .buybox button:hover,
.home-category-products-grid button[type="submit"]:hover {
    transform:
        translateY(-3px)
        scale(1.035) !important;

    box-shadow:
        0 13px 24px
        rgba(7,91,216,.32) !important;

    filter:
        brightness(1.06) !important;
}


/* =========================================================
   VER PRODUCTO + SOLICITAR COTIZACION
   ========================================================= */

.home-category-products-grid .card-actions {
    display: grid !important;

    grid-template-columns:
        1fr
        1fr !important;

    gap: 8px !important;

    margin-top: 12px !important;

    padding-top: 11px !important;

    border-top:
        1px solid #edf2f7 !important;
}


.home-category-products-grid .product-view-link,
.home-category-products-grid .quote-link-button,
.home-category-products-grid a[href*="/producto/"],
.home-category-products-grid a[href*="quote"],
.home-category-products-grid a[href*="cotiza"] {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    min-height: 35px !important;

    padding:
        7px
        10px !important;

    border:
        1px solid #d6e4f7 !important;

    border-radius:
        9px !important;

    background:
        #f7faff !important;

    color:
        #1464dd !important;

    font-size:
        11px !important;

    font-weight:
        750 !important;

    text-decoration:
        none !important;

    transition:
        transform .2s ease,
        background .2s ease,
        border-color .2s ease,
        box-shadow .2s ease !important;
}


.home-category-products-grid .product-view-link:hover,
.home-category-products-grid .quote-link-button:hover,
.home-category-products-grid a[href*="/producto/"]:hover,
.home-category-products-grid a[href*="quote"]:hover,
.home-category-products-grid a[href*="cotiza"]:hover {
    transform:
        translateY(-2px) !important;

    background:
        #eaf3ff !important;

    border-color:
        #9cc6ff !important;

    box-shadow:
        0 6px 14px
        rgba(7,91,216,.10) !important;
}


/* =========================================================
   BADGES
   ========================================================= */

.home-category-products-grid .status-pill {
    border-radius:
        999px !important;

    padding:
        6px
        11px !important;

    font-size:
        10px !important;

    font-weight:
        850 !important;

    box-shadow:
        0 4px 10px
        rgba(0,0,0,.06) !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1080px) {

    .home-category-products-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;
    }

}


/* =========================================================
   TABLET PEQUEÑA
   ========================================================= */

@media (max-width: 800px) {

    .home-category-products-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 520px) {

    .home-category-products-grid {
        grid-template-columns:
            1fr !important;

        gap:
            14px !important;
    }

}

/* =========================================================
   MAJERCI - CARRUSEL REAL DE PRODUCTOS POR CATEGORIA V3
   4 visibles en escritorio
   ========================================================= */

.home-category-carousel {
    position: relative !important;
    width: 100% !important;
    overflow: visible !important;
}

.home-category-products-viewport {
    width: 100% !important;
    overflow: hidden !important;
    padding: 5px 2px 12px !important;
}

.home-category-products-track {
    display: flex !important;
    align-items: stretch !important;
    gap: 18px !important;

    width: 100% !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    scroll-behavior: smooth !important;
    scroll-snap-type: x mandatory !important;

    scrollbar-width: none !important;

    padding: 0 !important;
    margin: 0 !important;
}

.home-category-products-track::-webkit-scrollbar {
    display: none !important;
}


/* =========================================================
   4 TARJETAS VISIBLES
   ========================================================= */

.home-category-products-track .product-card {
    flex:
        0
        0
        calc((100% - 54px) / 4) !important;

    width:
        calc((100% - 54px) / 4) !important;

    min-width:
        calc((100% - 54px) / 4) !important;

    max-width:
        calc((100% - 54px) / 4) !important;

    scroll-snap-align: start !important;

    border-radius: 16px !important;

    background: #ffffff !important;

    border:
        1px solid #dce7f4 !important;

    box-shadow:
        0 7px 20px
        rgba(8,47,99,.07) !important;

    transition:
        transform .28s ease,
        box-shadow .28s ease,
        border-color .28s ease !important;
}


.home-category-products-track
.product-card:hover {
    transform:
        translateY(-6px) !important;

    border-color:
        #9fc8fa !important;

    box-shadow:
        0 16px 30px
        rgba(8,70,150,.15) !important;
}


/* =========================================================
   FLECHAS
   ========================================================= */

.home-product-arrow {
    position: absolute !important;

    top: 50% !important;

    z-index: 8 !important;

    width: 44px !important;
    height: 44px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border: 1px solid rgba(255,255,255,.45) !important;

    border-radius: 50% !important;

    background:
        rgba(5,55,110,.90) !important;

    color: #ffffff !important;

    font-size: 29px !important;
    line-height: 1 !important;

    cursor: pointer !important;

    transform:
        translateY(-50%) !important;

    box-shadow:
        0 8px 20px
        rgba(4,35,75,.20) !important;

    transition:
        transform .22s ease,
        background .22s ease,
        box-shadow .22s ease !important;
}


.home-product-arrow:hover {
    background:
        #0875f5 !important;

    box-shadow:
        0 11px 25px
        rgba(8,117,245,.28) !important;
}


.home-product-prev {
    left: -18px !important;
}


.home-product-next {
    right: -18px !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {

    .home-category-products-track .product-card {
        flex:
            0
            0
            calc((100% - 36px) / 3) !important;

        width:
            calc((100% - 36px) / 3) !important;

        min-width:
            calc((100% - 36px) / 3) !important;

        max-width:
            calc((100% - 36px) / 3) !important;
    }

}


/* =========================================================
   MOVIL
   ========================================================= */

@media (max-width: 720px) {

    .home-category-products-track {
        gap: 12px !important;
    }

    .home-category-products-track .product-card {
        flex:
            0
            0
            calc((100% - 12px) / 2) !important;

        width:
            calc((100% - 12px) / 2) !important;

        min-width:
            calc((100% - 12px) / 2) !important;

        max-width:
            calc((100% - 12px) / 2) !important;
    }

    .home-product-arrow {
        width: 38px !important;
        height: 38px !important;
        font-size: 25px !important;
    }

    .home-product-prev {
        left: 4px !important;
    }

    .home-product-next {
        right: 4px !important;
    }

}


/* =========================================================
   CELULAR PEQUEÑO
   ========================================================= */

@media (max-width: 480px) {

    .home-category-products-track .product-card {
        flex:
            0
            0
            88% !important;

        width:
            88% !important;

        min-width:
            88% !important;

        max-width:
            88% !important;
    }

}

/* =========================================================
   MAJERCI - TARJETAS PRODUCTO PREMIUM V4
   Corrige imagen + botones + interactividad
   SOLO CARRUSELES POR CATEGORIA
   ========================================================= */


/* =========================================================
   1. TARJETA COMPLETA
   ========================================================= */

.home-category-products-track .product-card {
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;

    height: auto !important;
    min-height: 585px !important;

    overflow: hidden !important;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fbfdff 100%
        ) !important;

    border:
        1px solid #d8e6f5 !important;

    border-radius:
        18px !important;

    box-shadow:
        0 8px 22px rgba(6, 54, 115, .08) !important;

    transition:
        transform .28s cubic-bezier(.2,.8,.2,1),
        box-shadow .28s ease,
        border-color .28s ease !important;
}


.home-category-products-track .product-card:hover {
    transform:
        translateY(-7px) !important;

    border-color:
        #9cc9ff !important;

    box-shadow:
        0 18px 38px rgba(8, 82, 172, .17) !important;
}


/* =========================================================
   2. ZONA EXCLUSIVA PARA LA IMAGEN
   La imagen ya NO invade descripción ni botones
   ========================================================= */

.home-category-products-track .product-image,
.home-category-products-track .product-card-image,
.home-category-products-track .product-media {
    position: relative !important;

    flex:
        0
        0
        215px !important;

    width:
        100% !important;

    height:
        215px !important;

    min-height:
        215px !important;

    max-height:
        215px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    overflow:
        hidden !important;

    padding:
        18px !important;

    box-sizing:
        border-box !important;

    background:
        linear-gradient(
            180deg,
            #f8fbff 0%,
            #f2f7fd 100%
        ) !important;
}


/* Cualquier imagen del encabezado */
.home-category-products-track .product-image img,
.home-category-products-track .product-card-image img,
.home-category-products-track .product-media img {
    position:
        static !important;

    display:
        block !important;

    width:
        100% !important;

    height:
        100% !important;

    max-width:
        100% !important;

    max-height:
        100% !important;

    object-fit:
        contain !important;

    object-position:
        center center !important;

    margin:
        auto !important;

    transform:
        none !important;

    transition:
        transform .35s ease,
        filter .35s ease !important;
}


.home-category-products-track
.product-card:hover
.product-image img,

.home-category-products-track
.product-card:hover
.product-card-image img,

.home-category-products-track
.product-card:hover
.product-media img {
    transform:
        scale(1.055) !important;

    filter:
        drop-shadow(
            0 8px 12px rgba(4, 53, 110, .10)
        ) !important;
}


/* =========================================================
   3. SI LA IMAGEN ES HIJA DIRECTA DE LA TARJETA
   ========================================================= */

.home-category-products-track
.product-card > img {
    position:
        static !important;

    display:
        block !important;

    width:
        calc(100% - 36px) !important;

    height:
        190px !important;

    max-width:
        calc(100% - 36px) !important;

    max-height:
        190px !important;

    object-fit:
        contain !important;

    object-position:
        center !important;

    margin:
        18px auto 10px !important;

    flex:
        0
        0
        190px !important;
}


/* =========================================================
   4. CUERPO DE LA TARJETA
   ========================================================= */

.home-category-products-track .product-body,
.home-category-products-track .card-body,
.home-category-products-track .product-content {
    position:
        relative !important;

    flex:
        1 1 auto !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    min-height:
        0 !important;

    padding:
        18px 18px 16px !important;

    background:
        #ffffff !important;
}


/* Marca */
.home-category-products-track .brand,
.home-category-products-track .product-brand {
    margin-bottom:
        6px !important;

    color:
        #71839b !important;

    font-size:
        11px !important;

    line-height:
        1.2 !important;

    font-weight:
        900 !important;

    text-transform:
        uppercase !important;

    letter-spacing:
        .035em !important;
}


/* Título */
.home-category-products-track .product-title,
.home-category-products-track .title,
.home-category-products-track .product-card h3 {
    position:
        static !important;

    margin:
        0 0 9px !important;

    color:
        #082f63 !important;

    font-size:
        17px !important;

    line-height:
        1.27 !important;

    font-weight:
        900 !important;

    overflow:
        visible !important;

    max-height:
        none !important;
}


/* Descripción */
.home-category-products-track .product-summary,
.home-category-products-track .summary,
.home-category-products-track .product-description,
.home-category-products-track .product-card p {
    position:
        static !important;

    margin:
        0 0 12px !important;

    color:
        #6e8099 !important;

    font-size:
        13px !important;

    line-height:
        1.48 !important;

    overflow:
        visible !important;

    max-height:
        none !important;
}


/* =========================================================
   5. PRECIO
   ========================================================= */

.home-category-products-track .price,
.home-category-products-track .price-line {
    position:
        static !important;

    margin:
        8px 0 12px !important;

    color:
        #ee3c35 !important;

    font-size:
        21px !important;

    line-height:
        1.1 !important;

    font-weight:
        900 !important;
}


/* "Incl. IGV" */
.home-category-products-track .price small,
.home-category-products-track .price-line small {
    margin-left:
        5px !important;

    color:
        #71839b !important;

    font-size:
        10px !important;

    font-weight:
        700 !important;
}


/* =========================================================
   6. BOTÓN COMPRAR
   ========================================================= */

.home-category-products-track .quick-buy-row .btn,
.home-category-products-track .buybox .btn,
.home-category-products-track .buybox button,
.home-category-products-track button[type="submit"] {
    position:
        relative !important;

    overflow:
        hidden !important;

    min-width:
        135px !important;

    min-height:
        48px !important;

    padding:
        11px 22px !important;

    border:
        0 !important;

    border-radius:
        12px !important;

    background:
        linear-gradient(
            135deg,
            #1688ff 0%,
            #0875f5 48%,
            #0459c9 100%
        ) !important;

    color:
        #ffffff !important;

    font-size:
        14px !important;

    line-height:
        1 !important;

    font-weight:
        850 !important;

    cursor:
        pointer !important;

    box-shadow:
        0 10px 22px rgba(8,117,245,.24) !important;

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        filter .22s ease !important;
}


/* brillo */
.home-category-products-track
.quick-buy-row .btn::before,

.home-category-products-track
.buybox .btn::before,

.home-category-products-track
.buybox button::before {
    content:
        "" !important;

    position:
        absolute !important;

    top:
        -60% !important;

    left:
        -50% !important;

    width:
        35% !important;

    height:
        220% !important;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.68),
            transparent
        ) !important;

    transform:
        rotate(20deg) !important;

    transition:
        left .55s ease !important;

    pointer-events:
        none !important;
}


.home-category-products-track
.quick-buy-row .btn:hover,

.home-category-products-track
.buybox .btn:hover,

.home-category-products-track
.buybox button:hover,

.home-category-products-track
button[type="submit"]:hover {
    transform:
        translateY(-3px)
        scale(1.035) !important;

    box-shadow:
        0 15px 28px rgba(8,117,245,.34) !important;

    filter:
        brightness(1.06) !important;
}


.home-category-products-track
.quick-buy-row .btn:hover::before,

.home-category-products-track
.buybox .btn:hover::before,

.home-category-products-track
.buybox button:hover::before {
    left:
        135% !important;
}


/* =========================================================
   7. VER PRODUCTO + SOLICITAR COTIZACION
   Botones grandes y diferenciados
   ========================================================= */

.home-category-products-track .card-actions,
.home-category-products-track .product-actions,
.home-category-products-track .product-links {
    display:
        grid !important;

    grid-template-columns:
        1fr
        1fr !important;

    gap:
        10px !important;

    margin-top:
        14px !important;

    padding-top:
        13px !important;

    border-top:
        1px solid #e8eff7 !important;
}


/* VER PRODUCTO */
.home-category-products-track
a[href*="/producto/"] {
    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    min-height:
        42px !important;

    padding:
        8px 13px !important;

    border:
        1px solid #b9d6fb !important;

    border-radius:
        11px !important;

    background:
        linear-gradient(
            180deg,
            #f7fbff,
            #edf5ff
        ) !important;

    color:
        #075fcf !important;

    font-size:
        12px !important;

    font-weight:
        850 !important;

    text-decoration:
        none !important;

    box-shadow:
        0 5px 12px rgba(8,117,245,.07) !important;

    transition:
        transform .22s ease,
        background .22s ease,
        box-shadow .22s ease,
        color .22s ease !important;
}


.home-category-products-track
a[href*="/producto/"]:hover {
    transform:
        translateY(-3px) !important;

    background:
        #e4f1ff !important;

    color:
        #034da9 !important;

    box-shadow:
        0 9px 18px rgba(8,117,245,.15) !important;
}


/* SOLICITAR COTIZACION */
.home-category-products-track
a[href*="quote"],

.home-category-products-track
a[href*="cotiza"],

.home-category-products-track
a[href*="cotizacion"] {
    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    min-height:
        42px !important;

    padding:
        8px 13px !important;

    border:
        1px solid #ffb547 !important;

    border-radius:
        11px !important;

    background:
        linear-gradient(
            135deg,
            #fff8eb 0%,
            #fff0d4 100%
        ) !important;

    color:
        #d66a00 !important;

    font-size:
        12px !important;

    font-weight:
        850 !important;

    text-decoration:
        none !important;

    box-shadow:
        0 5px 12px rgba(255,148,0,.09) !important;

    transition:
        transform .22s ease,
        background .22s ease,
        box-shadow .22s ease !important;
}


.home-category-products-track
a[href*="quote"]:hover,

.home-category-products-track
a[href*="cotiza"]:hover,

.home-category-products-track
a[href*="cotizacion"]:hover {
    transform:
        translateY(-3px) !important;

    background:
        linear-gradient(
            135deg,
            #ff9e18,
            #ff7900
        ) !important;

    border-color:
        #ff7900 !important;

    color:
        #ffffff !important;

    box-shadow:
        0 10px 20px rgba(255,121,0,.23) !important;
}


/* =========================================================
   8. CORAZON / FAVORITOS
   ========================================================= */

.home-category-products-track
.favorite-mark {
    transition:
        transform .25s ease,
        background .25s ease,
        box-shadow .25s ease !important;
}


.home-category-products-track
.favorite-mark:hover {
    transform:
        scale(1.15)
        rotate(-7deg) !important;

    box-shadow:
        0 6px 15px rgba(8,117,245,.15) !important;
}


/* =========================================================
   9. BADGES "A PEDIDO" / "PRECIO A CONSULTAR"
   ========================================================= */

.home-category-products-track
.status-pill {
    padding:
        7px
        12px !important;

    border-radius:
        999px !important;

    font-size:
        10px !important;

    font-weight:
        900 !important;

    box-shadow:
        0 5px 12px rgba(0,0,0,.08) !important;

    transition:
        transform .22s ease !important;
}


.home-category-products-track
.product-card:hover
.status-pill {
    transform:
        translateY(-1px)
        scale(1.03) !important;
}


/* =========================================================
   10. TABLET
   ========================================================= */

@media (max-width: 1050px) {

    .home-category-products-track
    .product-card {
        min-height:
            565px !important;
    }

}


/* =========================================================
   11. MOVIL
   ========================================================= */

@media (max-width: 720px) {

    .home-category-products-track
    .product-card {
        min-height:
            535px !important;
    }


    .home-category-products-track
    .product-image,

    .home-category-products-track
    .product-card-image,

    .home-category-products-track
    .product-media {
        height:
            180px !important;

        min-height:
            180px !important;

        max-height:
            180px !important;

        flex-basis:
            180px !important;
    }


    .home-category-products-track
    .card-actions,

    .home-category-products-track
    .product-actions,

    .home-category-products-track
    .product-links {
        grid-template-columns:
            1fr !important;
    }

}

/* =========================================================
   MAJERCI - BOTONES PRODUCTO PREMIUM V5
   COMPRAR AZUL
   VER PRODUCTO VERDE
   COTIZACION AMARILLO
   ========================================================= */


/* =========================================================
   1. ZONA DE BOTONES
   ========================================================= */

.home-category-products-track .quick-buy-row,
.home-category-products-track .buybox {
    width: 100% !important;

    display: flex !important;
    flex-direction: column !important;

    gap: 10px !important;

    margin-top: 14px !important;
}


/* =========================================================
   2. COMPRAR - AZUL MAJERCI
   ========================================================= */

.home-category-products-track .quick-buy-row .btn,
.home-category-products-track .buybox .btn,
.home-category-products-track .buybox button,
.home-category-products-track button[type="submit"] {

    width: 100% !important;
    max-width: none !important;

    min-height: 50px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    padding: 12px 18px !important;

    border: 0 !important;

    border-radius: 13px !important;

    background:
        linear-gradient(
            135deg,
            #1688ff 0%,
            #0875f5 45%,
            #0458c8 100%
        ) !important;

    color: #ffffff !important;

    font-size: 14px !important;

    font-weight: 900 !important;

    text-align: center !important;

    cursor: pointer !important;

    box-shadow:
        0 10px 22px
        rgba(8,117,245,.26) !important;

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        filter .22s ease !important;
}


/* Hover comprar */

.home-category-products-track .quick-buy-row .btn:hover,
.home-category-products-track .buybox .btn:hover,
.home-category-products-track .buybox button:hover,
.home-category-products-track button[type="submit"]:hover {

    transform:
        translateY(-3px)
        scale(1.015) !important;

    filter:
        brightness(1.06) !important;

    box-shadow:
        0 15px 30px
        rgba(8,117,245,.34) !important;
}


/* =========================================================
   3. CONTENEDOR VER PRODUCTO + COTIZACION
   Uno debajo del otro
   ========================================================= */

.home-category-products-track .card-actions,
.home-category-products-track .product-actions,
.home-category-products-track .product-links {

    display: grid !important;

    grid-template-columns:
        1fr !important;

    gap: 10px !important;

    width: 100% !important;

    margin-top: 14px !important;

    padding-top: 14px !important;

    border-top:
        1px solid #e7eef7 !important;
}


/* =========================================================
   4. VER PRODUCTO - VERDE
   ========================================================= */

.home-category-products-track .product-view-link,
.home-category-products-track a[href*="/producto/"] {

    width: 100% !important;

    min-height: 46px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;

    padding: 10px 16px !important;

    border:
        1px solid #17a86b !important;

    border-radius:
        12px !important;

    background:
        linear-gradient(
            135deg,
            #27c981 0%,
            #159f65 100%
        ) !important;

    color:
        #ffffff !important;

    font-size:
        13px !important;

    font-weight:
        900 !important;

    text-align:
        center !important;

    text-decoration:
        none !important;

    box-shadow:
        0 8px 18px
        rgba(21,159,101,.20) !important;

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        filter .22s ease !important;
}


/* Hover Ver producto */

.home-category-products-track .product-view-link:hover,
.home-category-products-track a[href*="/producto/"]:hover {

    transform:
        translateY(-3px)
        scale(1.015) !important;

    color:
        #ffffff !important;

    filter:
        brightness(1.05) !important;

    box-shadow:
        0 13px 25px
        rgba(21,159,101,.30) !important;
}


/* =========================================================
   5. SOLICITAR COTIZACION - AMARILLO / NARANJA
   ========================================================= */

.home-category-products-track .quote-link-button,
.home-category-products-track a[href*="quote"],
.home-category-products-track a[href*="cotiza"],
.home-category-products-track a[href*="cotizacion"] {

    width: 100% !important;

    min-height: 46px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;

    padding: 10px 16px !important;

    border:
        1px solid #f0ad00 !important;

    border-radius:
        12px !important;

    background:
        linear-gradient(
            135deg,
            #ffd84a 0%,
            #ffb300 100%
        ) !important;

    color:
        #5b4100 !important;

    font-size:
        13px !important;

    font-weight:
        900 !important;

    text-align:
        center !important;

    text-decoration:
        none !important;

    box-shadow:
        0 8px 18px
        rgba(255,179,0,.22) !important;

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        filter .22s ease !important;
}


/* Hover cotización */

.home-category-products-track .quote-link-button:hover,
.home-category-products-track a[href*="quote"]:hover,
.home-category-products-track a[href*="cotiza"]:hover,
.home-category-products-track a[href*="cotizacion"]:hover {

    transform:
        translateY(-3px)
        scale(1.015) !important;

    background:
        linear-gradient(
            135deg,
            #ffc928 0%,
            #ff9700 100%
        ) !important;

    color:
        #ffffff !important;

    filter:
        brightness(1.04) !important;

    box-shadow:
        0 13px 25px
        rgba(255,151,0,.30) !important;
}


/* =========================================================
   6. EFECTO DE PRESION
   ========================================================= */

.home-category-products-track button:active,
.home-category-products-track a:active {

    transform:
        translateY(0)
        scale(.98) !important;
}


/* =========================================================
   7. FOCUS ACCESIBLE
   ========================================================= */

.home-category-products-track button:focus-visible,
.home-category-products-track a:focus-visible {

    outline:
        3px solid rgba(8,117,245,.25) !important;

    outline-offset:
        3px !important;
}


/* =========================================================
   8. MOVIL
   ========================================================= */

@media (max-width: 720px) {

    .home-category-products-track .quick-buy-row .btn,
    .home-category-products-track .buybox .btn,
    .home-category-products-track .buybox button,
    .home-category-products-track button[type="submit"],
    .home-category-products-track .product-view-link,
    .home-category-products-track .quote-link-button,
    .home-category-products-track a[href*="/producto/"],
    .home-category-products-track a[href*="quote"],
    .home-category-products-track a[href*="cotiza"],
    .home-category-products-track a[href*="cotizacion"] {

        min-height:
            44px !important;

        font-size:
            12px !important;
    }

}
/* =========================================================
   MAJERCI - AJUSTE VISUAL TARJETAS HOME
   1) Fondo de imagen más elegante
   2) Evitar que el texto desaparezca al pasar el cursor
   ========================================================= */


/* =========================================================
   1. TARJETA GENERAL
   ========================================================= */

.home-category-products-track article,
.home-category-products-track .product-card,
.home-category-products-track .home-product-card {
    background: #ffffff !important;
    border: 1px solid #dbe7f6 !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 22px rgba(9, 52, 110, .08) !important;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}

.home-category-products-track article:hover,
.home-category-products-track .product-card:hover,
.home-category-products-track .home-product-card:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 16px 36px rgba(9, 52, 110, .15) !important;
    border-color: #b7cff1 !important;
}


/* =========================================================
   2. FONDO DE LA ZONA DE IMAGEN
   Cambia el verde actual por un degradado suave
   ========================================================= */

.home-category-products-track .product-media,
.home-category-products-track .product-thumb,
.home-category-products-track .product-image,
.home-category-products-track .card-media,
.home-category-products-track .image-wrap,
.home-category-products-track .thumb,
.home-category-products-track article .media,
.home-category-products-track article .product-top {
    background: linear-gradient(180deg, #eef5ff 0%, #dfeefe 100%) !important;
    min-height: 210px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 16px !important;
    position: relative !important;
}


/* Si tu contenedor real de imagen es este, también lo cubre */
.home-category-products-track article > a:first-child,
.home-category-products-track article .product-photo {
    background: linear-gradient(180deg, #eef5ff 0%, #dfeefe 100%) !important;
}


/* =========================================================
   3. IMAGEN DEL PRODUCTO
   ========================================================= */

.home-category-products-track .product-media img,
.home-category-products-track .product-thumb img,
.home-category-products-track .product-image img,
.home-category-products-track .card-media img,
.home-category-products-track .image-wrap img,
.home-category-products-track .thumb img,
.home-category-products-track article img {
    max-width: 100% !important;
    max-height: 180px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    transition: transform .28s ease !important;
}

.home-category-products-track article:hover img,
.home-category-products-track .product-card:hover img,
.home-category-products-track .home-product-card:hover img {
    transform: scale(1.04) !important;
}


/* =========================================================
   4. TITULO VERDE - MANTENERLO VISIBLE SIEMPRE
   ========================================================= */

.home-category-products-track .product-title,
.home-category-products-track .product-name,
.home-category-products-track .title,
.home-category-products-track h3,
.home-category-products-track h4,
.home-category-products-track .product-title a,
.home-category-products-track .product-name a {
    background: linear-gradient(135deg, #20c777 0%, #11ad69 100%) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,.15) !important;
    border-radius: 14px !important;
    padding: 14px 16px !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
    text-align: center !important;
    box-shadow: 0 8px 20px rgba(17, 173, 105, .18) !important;
    transition: transform .22s ease, box-shadow .22s ease, filter .22s ease !important;
}

/* MUY IMPORTANTE: al hover NO perder el texto */
.home-category-products-track article:hover .product-title,
.home-category-products-track article:hover .product-name,
.home-category-products-track article:hover .title,
.home-category-products-track article:hover h3,
.home-category-products-track article:hover h4,
.home-category-products-track article:hover .product-title a,
.home-category-products-track article:hover .product-name a,
.home-category-products-track .product-card:hover .product-title,
.home-category-products-track .product-card:hover .product-name,
.home-category-products-track .home-product-card:hover .product-title,
.home-category-products-track .home-product-card:hover .product-name {
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 12px 24px rgba(17, 173, 105, .24) !important;
}


/* =========================================================
   5. TEXTO INFERIOR - DESCRIPCION, MARCA, PRECIO
   Evita que se ponga blanco o muy claro al hover
   ========================================================= */

.home-category-products-track .brand,
.home-category-products-track .product-brand,
.home-category-products-track .product-desc,
.home-category-products-track .product-summary,
.home-category-products-track .description,
.home-category-products-track p,
.home-category-products-track small,
.home-category-products-track .price,
.home-category-products-track .special-price,
.home-category-products-track .price-wrap,
.home-category-products-track .money {
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
}

.home-category-products-track .brand,
.home-category-products-track .product-brand {
    color: #6d7f98 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
}

.home-category-products-track .product-desc,
.home-category-products-track .product-summary,
.home-category-products-track .description,
.home-category-products-track p,
.home-category-products-track small {
    color: #6f8098 !important;
    line-height: 1.45 !important;
}

.home-category-products-track .price,
.home-category-products-track .special-price,
.home-category-products-track .money {
    color: #f04438 !important;
    font-weight: 900 !important;
}


/* Hover: fuerza a mantener colores */
.home-category-products-track article:hover .brand,
.home-category-products-track article:hover .product-brand,
.home-category-products-track article:hover .product-desc,
.home-category-products-track article:hover .product-summary,
.home-category-products-track article:hover .description,
.home-category-products-track article:hover p,
.home-category-products-track article:hover small,
.home-category-products-track article:hover .price,
.home-category-products-track article:hover .special-price,
.home-category-products-track article:hover .money {
    opacity: 1 !important;
    visibility: visible !important;
    color: inherit !important;
    filter: none !important;
}


/* =========================================================
   6. BADGES SUPERIORES
   ========================================================= */

.home-category-products-track .status-pill,
.home-category-products-track .badge,
.home-category-products-track .product-badge {
    border-radius: 999px !important;
    font-weight: 900 !important;
    padding: 7px 12px !important;
    box-shadow: 0 6px 14px rgba(0,0,0,.10) !important;
}


/* =========================================================
   7. ICONO FAVORITO
   ========================================================= */

.home-category-products-track .favorite-btn,
.home-category-products-track .wishlist-btn,
.home-category-products-track .fav-btn {
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.92) !important;
    border: 1px solid #d8e5f5 !important;
    box-shadow: 0 6px 14px rgba(9,52,110,.12) !important;
    transition: transform .2s ease, box-shadow .2s ease !important;
}

.home-category-products-track .favorite-btn:hover,
.home-category-products-track .wishlist-btn:hover,
.home-category-products-track .fav-btn:hover {
    transform: scale(1.08) !important;
    box-shadow: 0 10px 20px rgba(9,52,110,.18) !important;
}


/* =========================================================
   8. SI ALGUNA REGLA GLOBAL ESTA PONIENDO TEXTO BLANCO
   la anulamos dentro de estas tarjetas
   ========================================================= */

.home-category-products-track article:hover *,
.home-category-products-track .product-card:hover *,
.home-category-products-track .home-product-card:hover * {
    text-shadow: none !important;
}

.home-category-products-track article:hover .product-title,
.home-category-products-track article:hover .product-title *,
.home-category-products-track article:hover .product-name,
.home-category-products-track article:hover .product-name * {
    color: #ffffff !important;
}

.home-category-products-track article:hover .brand,
.home-category-products-track article:hover .product-brand,
.home-category-products-track article:hover .product-desc,
.home-category-products-track article:hover .product-summary,
.home-category-products-track article:hover .description,
.home-category-products-track article:hover p,
.home-category-products-track article:hover small,
.home-category-products-track article:hover .price,
.home-category-products-track article:hover .special-price,
.home-category-products-track article:hover .money,
.home-category-products-track article:hover a:not(.btn):not(.product-title):not(.product-name) {
    color: #6f8098 !important;
}


/* =========================================================
   9. RESPONSIVE
   ========================================================= */

@media (max-width: 720px) {
    .home-category-products-track .product-media,
    .home-category-products-track .product-thumb,
    .home-category-products-track .product-image,
    .home-category-products-track .card-media,
    .home-category-products-track .image-wrap,
    .home-category-products-track .thumb,
    .home-category-products-track article .media,
    .home-category-products-track article .product-top {
        min-height: 180px !important;
        padding: 12px !important;
    }

    .home-category-products-track .product-media img,
    .home-category-products-track .product-thumb img,
    .home-category-products-track .product-image img,
    .home-category-products-track .card-media img,
    .home-category-products-track .image-wrap img,
    .home-category-products-track .thumb img,
    .home-category-products-track article img {
        max-height: 150px !important;
    }
}

/* =========================================================
   MAJERCI - AJUSTE FINAL TARJETAS PRODUCTOS HOME
   - Imagen del producto mejor proporcionada
   - Hover sin perder color ni legibilidad
   ========================================================= */


/* ---------------------------------------------------------
   1) TARJETA GENERAL
   --------------------------------------------------------- */
.home-category-products-track article,
.home-category-products-track .product-card,
.home-category-products-track .home-product-card {
    background: #ffffff !important;
    border: 1px solid #d7e4f5 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 20px rgba(10, 50, 110, 0.08) !important;
    transition: transform .25s ease, box-shadow .25s ease !important;
}

.home-category-products-track article:hover,
.home-category-products-track .product-card:hover,
.home-category-products-track .home-product-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 14px 28px rgba(10, 50, 110, 0.14) !important;
}


/* ---------------------------------------------------------
   2) ZONA DE IMAGEN
   AQUÍ quitamos ese efecto raro de fondo grande
   --------------------------------------------------------- */
.home-category-products-track .product-media,
.home-category-products-track .product-thumb,
.home-category-products-track .product-image,
.home-category-products-track .card-media,
.home-category-products-track .image-wrap,
.home-category-products-track .thumb,
.home-category-products-track article .media,
.home-category-products-track article .product-top,
.home-category-products-track article > a:first-child {
    background: #ffffff !important;
    min-height: 185px !important;
    max-height: 185px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px !important;
    overflow: hidden !important;
    border-bottom: 1px solid #edf3fb !important;
}


/* ---------------------------------------------------------
   3) IMAGEN DEL PRODUCTO
   Para que no tape ni se vea desproporcionada
   --------------------------------------------------------- */
.home-category-products-track .product-media img,
.home-category-products-track .product-thumb img,
.home-category-products-track .product-image img,
.home-category-products-track .card-media img,
.home-category-products-track .image-wrap img,
.home-category-products-track .thumb img,
.home-category-products-track article img {
    max-width: 100% !important;
    max-height: 150px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
    transition: transform .25s ease !important;
}

.home-category-products-track article:hover img,
.home-category-products-track .product-card:hover img,
.home-category-products-track .home-product-card:hover img {
    transform: scale(1.03) !important;
}


/* ---------------------------------------------------------
   4) CABECERA / NOMBRE DEL PRODUCTO
   Mantener SIEMPRE el mismo estilo, incluso al hover
   --------------------------------------------------------- */
.home-category-products-track .product-title,
.home-category-products-track .product-name,
.home-category-products-track .title,
.home-category-products-track h3,
.home-category-products-track h4,
.home-category-products-track .product-title a,
.home-category-products-track .product-name a {
    background: linear-gradient(135deg, #29c77a 0%, #17b76a 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 14px !important;
    padding: 14px 16px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    text-align: center !important;
    box-shadow: 0 8px 18px rgba(23, 183, 106, .18) !important;
    transition: transform .2s ease, box-shadow .2s ease !important;
}

/* HOVER: NO cambiar color ni volverlo pálido */
.home-category-products-track article:hover .product-title,
.home-category-products-track article:hover .product-name,
.home-category-products-track article:hover .title,
.home-category-products-track article:hover h3,
.home-category-products-track article:hover h4,
.home-category-products-track article:hover .product-title a,
.home-category-products-track article:hover .product-name a,
.home-category-products-track .product-card:hover .product-title,
.home-category-products-track .product-card:hover .product-name,
.home-category-products-track .home-product-card:hover .product-title,
.home-category-products-track .home-product-card:hover .product-name {
    background: linear-gradient(135deg, #29c77a 0%, #17b76a 100%) !important;
    color: #ffffff !important;
    border: none !important;
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
    box-shadow: 0 8px 18px rgba(23, 183, 106, .18) !important;
}


/* ---------------------------------------------------------
   5) MARCA, DESCRIPCION Y PRECIO
   Para que al hover no cambien raro
   --------------------------------------------------------- */
.home-category-products-track .brand,
.home-category-products-track .product-brand {
    color: #6a7f97 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
}

.home-category-products-track .product-desc,
.home-category-products-track .product-summary,
.home-category-products-track .description,
.home-category-products-track p,
.home-category-products-track small {
    color: #70839c !important;
    line-height: 1.45 !important;
    opacity: 1 !important;
}

.home-category-products-track .price,
.home-category-products-track .special-price,
.home-category-products-track .money {
    color: #f44336 !important;
    font-weight: 900 !important;
}

/* Hover: mantener exactamente visibles */
.home-category-products-track article:hover .brand,
.home-category-products-track article:hover .product-brand {
    color: #6a7f97 !important;
}

.home-category-products-track article:hover .product-desc,
.home-category-products-track article:hover .product-summary,
.home-category-products-track article:hover .description,
.home-category-products-track article:hover p,
.home-category-products-track article:hover small {
    color: #70839c !important;
    opacity: 1 !important;
    filter: none !important;
}

.home-category-products-track article:hover .price,
.home-category-products-track article:hover .special-price,
.home-category-products-track article:hover .money {
    color: #f44336 !important;
}


/* ---------------------------------------------------------
   6) ETIQUETA SUPERIOR (A pedido / Precio a consultar)
   --------------------------------------------------------- */
.home-category-products-track .status-pill,
.home-category-products-track .badge,
.home-category-products-track .product-badge {
    border-radius: 999px !important;
    padding: 6px 12px !important;
    font-weight: 800 !important;
    box-shadow: 0 6px 12px rgba(0,0,0,.10) !important;
}


/* ---------------------------------------------------------
   7) BOTON FAVORITO
   --------------------------------------------------------- */
.home-category-products-track .favorite-btn,
.home-category-products-track .wishlist-btn,
.home-category-products-track .fav-btn {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    border: 1px solid #dbe6f2 !important;
    box-shadow: 0 4px 12px rgba(10,50,110,.10) !important;
}


/* ---------------------------------------------------------
   8) SI EXISTE ALGUNA REGLA GLOBAL QUE ACLARA EL TEXTO
   la neutralizamos aquí
   --------------------------------------------------------- */
.home-category-products-track article:hover *,
.home-category-products-track .product-card:hover *,
.home-category-products-track .home-product-card:hover * {
    text-shadow: none !important;
}

.home-category-products-track article:hover .product-title,
.home-category-products-track article:hover .product-title *,
.home-category-products-track article:hover .product-name,
.home-category-products-track article:hover .product-name * {
    color: #ffffff !important;
}

.home-category-products-track article:hover a:not(.btn):not(.product-title):not(.product-name) {
    color: inherit !important;
}


/* ---------------------------------------------------------
   9) RESPONSIVE
   --------------------------------------------------------- */
@media (max-width: 768px) {
    .home-category-products-track .product-media,
    .home-category-products-track .product-thumb,
    .home-category-products-track .product-image,
    .home-category-products-track .card-media,
    .home-category-products-track .image-wrap,
    .home-category-products-track .thumb,
    .home-category-products-track article .media,
    .home-category-products-track article .product-top,
    .home-category-products-track article > a:first-child {
        min-height: 165px !important;
        max-height: 165px !important;
        padding: 10px !important;
    }

    .home-category-products-track .product-media img,
    .home-category-products-track .product-thumb img,
    .home-category-products-track .product-image img,
    .home-category-products-track .card-media img,
    .home-category-products-track .image-wrap img,
    .home-category-products-track .thumb img,
    .home-category-products-track article img {
        max-height: 130px !important;
    }
}

/* =========================================================
   MAJERCI - AJUSTE DE ALTURA + COLOR DEL TITULO PRODUCTO
   ========================================================= */

/* 1) Reducir altura general de las tarjetas */
.home-category-products-track article,
.home-category-products-track .product-card,
.home-category-products-track .home-product-card {
    min-height: 520px !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
}

/* 2) Reducir el alto de la zona de imagen */
.home-category-products-track .product-media,
.home-category-products-track .product-thumb,
.home-category-products-track .product-image,
.home-category-products-track .card-media,
.home-category-products-track .image-wrap,
.home-category-products-track .thumb,
.home-category-products-track article .media,
.home-category-products-track article .product-top,
.home-category-products-track article > a:first-child {
    min-height: 135px !important;
    max-height: 135px !important;
    padding: 10px !important;
    background: #f8fbff !important;
}

/* 3) Ajustar tamaño de imagen */
.home-category-products-track .product-media img,
.home-category-products-track .product-thumb img,
.home-category-products-track .product-image img,
.home-category-products-track .card-media img,
.home-category-products-track .image-wrap img,
.home-category-products-track .thumb img,
.home-category-products-track article img {
    max-height: 105px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

/* 4) Quitar espacio excesivo interno */
.home-category-products-track .product-info,
.home-category-products-track .product-body,
.home-category-products-track .card-body,
.home-category-products-track .product-content {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* 5) Cambiar color del bloque verde del nombre del producto
   Nuevo color: azul oscuro elegante, en contraste con la web */
.home-category-products-track .product-title,
.home-category-products-track .product-name,
.home-category-products-track .title,
.home-category-products-track h3,
.home-category-products-track h4,
.home-category-products-track .product-title a,
.home-category-products-track .product-name a {
    background: linear-gradient(135deg, #123c73 0%, #1f5fa8 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 14px !important;
    padding: 12px 14px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    text-align: center !important;
    box-shadow: 0 8px 18px rgba(18, 60, 115, 0.16) !important;
}

/* 6) Mantener ese mismo color al pasar el cursor */
.home-category-products-track article:hover .product-title,
.home-category-products-track article:hover .product-name,
.home-category-products-track article:hover .title,
.home-category-products-track article:hover h3,
.home-category-products-track article:hover h4,
.home-category-products-track article:hover .product-title a,
.home-category-products-track article:hover .product-name a {
    background: linear-gradient(135deg, #123c73 0%, #1f5fa8 100%) !important;
    color: #ffffff !important;
    opacity: 1 !important;
    filter: none !important;
}

/* 7) Reducir margen del precio y botones para compactar */
.home-category-products-track .price,
.home-category-products-track .special-price,
.home-category-products-track .money {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

.home-category-products-track .product-actions,
.home-category-products-track .card-actions,
.home-category-products-track .actions {
    margin-top: auto !important;
    padding-top: 8px !important;
}

/* 8) Botones más compactos pero siguen vistosos */
.home-category-products-track .btn,
.home-category-products-track .btn-buy,
.home-category-products-track .btn-primary,
.home-category-products-track .btn-outline,
.home-category-products-track .btn-quote {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    min-height: 44px !important;
    font-size: 14px !important;
    border-radius: 12px !important;
}

/* 9) En pantallas medianas, que no se estiren demasiado */
@media (max-width: 1200px) {
    .home-category-products-track article,
    .home-category-products-track .product-card,
    .home-category-products-track .home-product-card {
        min-height: 500px !important;
    }
}

/* 10) En celular */
@media (max-width: 768px) {
    .home-category-products-track article,
    .home-category-products-track .product-card,
    .home-category-products-track .home-product-card {
        min-height: auto !important;
    }

    .home-category-products-track .product-media,
    .home-category-products-track .product-thumb,
    .home-category-products-track .product-image,
    .home-category-products-track .card-media,
    .home-category-products-track .image-wrap,
    .home-category-products-track .thumb,
    .home-category-products-track article .media,
    .home-category-products-track article .product-top,
    .home-category-products-track article > a:first-child {
        min-height: 120px !important;
        max-height: 120px !important;
    }

    .home-category-products-track .product-media img,
    .home-category-products-track .product-thumb img,
    .home-category-products-track .product-image img,
    .home-category-products-track .card-media img,
    .home-category-products-track .image-wrap img,
    .home-category-products-track .thumb img,
    .home-category-products-track article img {
        max-height: 95px !important;
    }
}

/* =========================================================
   MAJERCI - TARJETAS HOME MÁS COMPACTAS
   Quitar descripción repetida debajo del título
   ========================================================= */

/* 1. Ocultar la descripción/resumen gris repetido */
.home-category-products-track .product-summary,
.home-category-products-track .product-description,
.home-category-products-track .summary {
    display: none !important;
}


/* 2. Quitar la altura mínima que estaba alargando las tarjetas */
.home-category-products-track article,
.home-category-products-track .product-card,
.home-category-products-track .home-product-card {
    min-height: 0 !important;
    height: auto !important;
}


/* 3. Compactar el cuerpo de la tarjeta */
.home-category-products-track .product-body,
.home-category-products-track .card-body,
.home-category-products-track .product-content {
    padding-top: 9px !important;
    padding-bottom: 12px !important;
}


/* 4. Marca más compacta */
.home-category-products-track .brand,
.home-category-products-track .product-brand {
    margin-bottom: 7px !important;
}


/* 5. Bloque del nombre del producto un poco más compacto */
.home-category-products-track .product-title,
.home-category-products-track .product-name,
.home-category-products-track .title,
.home-category-products-track h3,
.home-category-products-track h4,
.home-category-products-track .product-title a,
.home-category-products-track .product-name a {
    margin-bottom: 10px !important;
    padding: 11px 13px !important;
    line-height: 1.25 !important;
}


/* 6. Precio más cerca del título */
.home-category-products-track .price,
.home-category-products-track .special-price,
.home-category-products-track .money,
.home-category-products-track .price-line {
    margin-top: 9px !important;
    margin-bottom: 10px !important;
}


/* 7. Compactar separación antes de Comprar */
.home-category-products-track .quick-buy-row,
.home-category-products-track .buybox {
    margin-top: 8px !important;
}


/* 8. Compactar los otros dos botones */
.home-category-products-track .card-actions,
.home-category-products-track .product-actions,
.home-category-products-track .product-links {
    margin-top: 9px !important;
    padding-top: 9px !important;
    gap: 8px !important;
}


/* 9. Mantener los tres botones grandes pero ligeramente más bajos */
.home-category-products-track .quick-buy-row .btn,
.home-category-products-track .buybox .btn,
.home-category-products-track .buybox button,
.home-category-products-track button[type="submit"],
.home-category-products-track .product-view-link,
.home-category-products-track .quote-link-button,
.home-category-products-track a[href*="/producto/"],
.home-category-products-track a[href*="quote"],
.home-category-products-track a[href*="cotiza"],
.home-category-products-track a[href*="cotizacion"] {
    min-height: 42px !important;
}

/* =========================================================
   MAJERCI - ALINEAR BOTONES AL PIE DE TODAS LAS TARJETAS
   ========================================================= */

/* La tarjeta trabaja como columna */
.home-category-products-track .product-card,
.home-category-products-track article {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}


/* =========================================================
   PRECIO / POR COTIZAR
   Reservamos una altura similar para que todo alinee mejor
   ========================================================= */

.home-category-products-track .price,
.home-category-products-track .price-line,
.home-category-products-track .special-price,
.home-category-products-track .money {
    min-height: 42px !important;

    display: flex !important;
    align-items: center !important;

    margin-top: 10px !important;
    margin-bottom: 8px !important;
}


/* =========================================================
   BOTÓN COMPRAR
   Este bloque empuja toda la zona de acciones hacia abajo
   ========================================================= */

.home-category-products-track .quick-buy-row,
.home-category-products-track .buybox {
    width: 100% !important;

    margin-top: auto !important;
    margin-bottom: 0 !important;

    padding-top: 10px !important;
}


/* Comprar siempre ancho completo */
.home-category-products-track .quick-buy-row .btn,
.home-category-products-track .buybox .btn,
.home-category-products-track .buybox button,
.home-category-products-track button[type="submit"] {
    width: 100% !important;
    min-height: 43px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}


/* =========================================================
   VER PRODUCTO + SOLICITAR COTIZACIÓN
   Siempre juntos y al mismo nivel
   ========================================================= */

.home-category-products-track .card-actions,
.home-category-products-track .product-actions,
.home-category-products-track .product-links {
    width: 100% !important;

    display: grid !important;
    grid-template-columns: 1fr !important;

    gap: 8px !important;

    margin-top: 9px !important;
    padding-top: 9px !important;

    border-top: 1px solid #e5edf6 !important;
}


/* Los dos botones secundarios exactamente iguales de tamaño */
.home-category-products-track .product-view-link,
.home-category-products-track .quote-link-button,
.home-category-products-track a[href*="/producto/"],
.home-category-products-track a[href*="quote"],
.home-category-products-track a[href*="cotiza"],
.home-category-products-track a[href*="cotizacion"] {
    width: 100% !important;
    min-height: 43px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;

    margin: 0 !important;

    text-align: center !important;
}


/* =========================================================
   PRODUCTOS SIN BOTÓN COMPRAR
   Ejemplo: "Por cotizar"
   También enviamos sus botones al fondo
   ========================================================= */

.home-category-products-track
.product-card:not(:has(.quick-buy-row)):not(:has(.buybox))
.card-actions,

.home-category-products-track
.product-card:not(:has(.quick-buy-row)):not(:has(.buybox))
.product-actions,

.home-category-products-track
.product-card:not(:has(.quick-buy-row)):not(:has(.buybox))
.product-links,

.home-category-products-track
article:not(:has(.quick-buy-row)):not(:has(.buybox))
.card-actions,

.home-category-products-track
article:not(:has(.quick-buy-row)):not(:has(.buybox))
.product-actions,

.home-category-products-track
article:not(:has(.quick-buy-row)):not(:has(.buybox))
.product-links {
    margin-top: auto !important;
}


/* =========================================================
   EVITAR CAMBIOS DE COLOR EN "VER PRODUCTO"
   ========================================================= */

.home-category-products-track a[href*="/producto/"],
.home-category-products-track a[href*="/producto/"]:visited {
    color: #ffffff !important;
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 720px) {

    .home-category-products-track .price,
    .home-category-products-track .price-line,
    .home-category-products-track .special-price,
    .home-category-products-track .money {
        min-height: 36px !important;
    }

}

/* MAJERCI V6.6.1 AJUSTE MOVIL ESPECIFICO */
/* Este bloque SOLO actúa en celulares/tablets pequeñas y corrige
   los problemas observados: hero apilado, logos gigantes y tarjetas. */

@media (max-width:720px){

  html,body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  *,*::before,*::after{
    box-sizing:border-box;
  }

  /* 1. La barra azul superior aparece vacía en móvil: se elimina. */
  .majerci-topbar,
  .site-topbar,
  .topbar,
  .top-bar{
    display:none!important;
  }

  /* 2. Cabecera: compacta, centrada y sin espacios exagerados. */
  .header-main,
  .site-header-main,
  .main-header,
  .majerci-header-main,
  .header-row{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:12px!important;
    padding:14px 16px 16px!important;
  }

  .site-logo,
  .header-logo,
  .logo,
  .majerci-logo{
    display:block!important;
    width:min(310px,88vw)!important;
    max-width:100%!important;
    margin:0 auto!important;
  }

  .site-logo img,
  .header-logo img,
  .logo img,
  .majerci-logo img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    object-fit:contain!important;
  }

  .header-search,
  .site-search,
  .search-box,
  .search-form,
  .majerci-search{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
  }

  .header-search form,
  .site-search form,
  .search-box form,
  .search-form{
    width:100%!important;
    max-width:100%!important;
  }

  .header-search input,
  .site-search input,
  .search-box input,
  .search-form input{
    min-width:0!important;
  }

  .header-actions,
  .site-actions,
  .majerci-header-actions{
    width:100%!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    margin:0!important;
  }

  .quote-btn,
  .btn-quote,
  .header-quote,
  .majerci-quote-btn{
    width:auto!important;
    min-width:190px!important;
    max-width:100%!important;
    margin:0 auto!important;
  }

  /* 3. Menú móvil: mantener sólo la barra hamburguesa ya existente. */
  .main-nav,
  .site-nav,
  .primary-nav,
  .majerci-nav,
  nav.main{
    max-width:100%!important;
    overflow:hidden!important;
  }

  /* 4. Hero: título y texto más proporcionados. */
  .hero,
  .hero-inner,
  .hero-grid,
  .home-hero{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
  }

  .hero-copy,
  .hero-content,
  .hero-text{
    width:100%!important;
    max-width:100%!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }

  .hero h1,
  .hero-copy h1,
  .hero-content h1{
    font-size:clamp(34px,9vw,46px)!important;
    line-height:1.05!important;
    letter-spacing:-1px!important;
    margin-bottom:18px!important;
  }

  .hero p,
  .hero-copy p,
  .hero-content p{
    font-size:17px!important;
    line-height:1.45!important;
  }

  /* 5. IMPORTANTE: impedir que las 7 imágenes del slider se apilen. */
  .hero-media,
  .majerci-hero-slider{
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    aspect-ratio:4/3!important;
    overflow:hidden!important;
    margin:0!important;
  }

  .majerci-hero-slide{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    margin:0!important;
    padding:0!important;
  }

  .majerci-hero-slide.active{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    z-index:2!important;
  }

  .majerci-hero-slide img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:center center!important;
    margin:0!important;
  }

  .majerci-hero-arrow{
    z-index:5!important;
    width:38px!important;
    height:38px!important;
  }

  .majerci-hero-dots{
    z-index:5!important;
  }

  /* 6. Marcas: logos compactos; nunca a tamaño gigante. */
  .brands-section img,
  .brand-section img,
  .home-brands img,
  .brands-carousel img,
  .brand-carousel img,
  .majerci-brands img,
  .majerci-brand-carousel img,
  [class*="brand"] img{
    width:auto!important;
    max-width:170px!important;
    max-height:72px!important;
    height:auto!important;
    object-fit:contain!important;
    margin:0 auto!important;
  }

  .brands-track,
  .brand-track,
  .home-brands-track,
  .brands-carousel-track,
  .brand-carousel-track,
  .majerci-brands-track,
  .majerci-brand-track{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
    transform:none!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }

  .brand-card,
  .brand-item,
  .majerci-brand-card,
  .majerci-brand-item{
    min-height:96px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:12px!important;
    overflow:hidden!important;
  }

  /* 7. Productos: una tarjeta por fila, compacta. */
  .products-grid,
  .product-grid,
  .catalog-grid{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }

  .product-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  .product-card h2,
  .product-card h3,
  .product-card .product-title{
    font-size:20px!important;
    line-height:1.28!important;
  }

  .product-card .product-summary,
  .product-card .product-description,
  .product-card .summary{
    font-size:15px!important;
    line-height:1.4!important;
  }

  .product-card img{
    display:block!important;
    max-width:100%!important;
    max-height:250px!important;
    width:auto!important;
    height:auto!important;
    object-fit:contain!important;
    margin:0 auto!important;
  }

  .home-category-products-track{
    display:flex!important;
    gap:14px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    transform:none!important;
    -webkit-overflow-scrolling:touch!important;
    scroll-snap-type:x mandatory!important;
    padding:4px 14px 12px!important;
  }

  .home-category-products-track .product-card,
  .home-category-products-track>article,
  .home-category-products-track>div{
    flex:0 0 calc(100vw - 40px)!important;
    width:calc(100vw - 40px)!important;
    max-width:420px!important;
    scroll-snap-align:center!important;
  }

  .product-card .quick-buy-row,
  .product-card .buybox,
  .product-actions{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    width:100%!important;
  }

  .product-card .btn,
  .product-card button,
  .product-card .quick-buy-row a,
  .product-actions a,
  .product-actions button{
    width:100%!important;
    min-height:44px!important;
  }

  /* 8. Evitar desbordes de textos largos. */
  .product-card,
  .product-card *,
  .brand-card,
  .brand-item{
    min-width:0!important;
  }

  .product-card h2,
  .product-card h3,
  .product-card p,
  .product-card a{
    overflow-wrap:anywhere!important;
  }

  /* 9. WhatsApp: no debe tapar tanto contenido. */
  .whatsapp-float,
  .floating-whatsapp,
  .wa-float,
  [class*="whatsapp"][class*="float"]{
    right:14px!important;
    bottom:18px!important;
    transform:scale(.88)!important;
    transform-origin:bottom right!important;
  }

  .whatsapp-bubble,
  .whatsapp-message,
  .wa-message{
    max-width:260px!important;
    font-size:14px!important;
  }
}

@media(max-width:420px){
  .brands-track,
  .brand-track,
  .home-brands-track,
  .brands-carousel-track,
  .brand-carousel-track,
  .majerci-brands-track,
  .majerci-brand-track{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .brands-section img,
  .brand-section img,
  .home-brands img,
  .brands-carousel img,
  .brand-carousel img,
  .majerci-brands img,
  .majerci-brand-carousel img,
  [class*="brand"] img{
    max-width:145px!important;
    max-height:62px!important;
  }

  .hero h1,
  .hero-copy h1,
  .hero-content h1{
    font-size:36px!important;
  }
}


/* MAJERCI V6.6.2 MOBILE CACHE + SLIDER + MARCAS */
@media (max-width: 720px){

  html,body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  /* SLIDER: solo una imagen visible. */
  .majerci-hero-slider{
    position:relative!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:clamp(280px,72vw,430px)!important;
    min-height:280px!important;
    overflow:hidden!important;
  }

  .majerci-hero-slider .majerci-hero-slide{
    display:none!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
  }

  .majerci-hero-slider .majerci-hero-slide.active{
    display:block!important;
    z-index:2!important;
  }

  .majerci-hero-slider .majerci-hero-slide img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:center!important;
    margin:0!important;
  }

  .majerci-hero-arrow,
  .majerci-hero-dots{
    z-index:5!important;
  }

  /* MARCAS: nunca ocupar una pantalla completa. */
  .brands-track img,
  .brand-track img,
  .home-brands-track img,
  .brands-carousel img,
  .brand-carousel img,
  .majerci-brand-track img,
  .majerci-brands img,
  .brand-card img,
  .brand-item img,
  img[src*="/marcas/"],
  img[src*="/brands/"],
  img[src*="/marks/"],
  img[src*="marcas/"],
  img[src*="brands/"],
  img[src*="marks/"]{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:150px!important;
    max-height:70px!important;
    object-fit:contain!important;
    margin:0 auto!important;
  }

  .brands-track,
  .brand-track,
  .home-brands-track,
  .brands-carousel-track,
  .brand-carousel-track,
  .majerci-brand-track{
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    transform:none!important;
    overflow:visible!important;
  }

  .brand-card,
  .brand-item,
  .majerci-brand-card,
  .majerci-brand-item{
    min-width:0!important;
    min-height:90px!important;
    padding:10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
  }

  /* Cabecera móvil más compacta */
  .header-main,
  .site-header-main,
  .main-header,
  .majerci-header-main,
  .header-row{
    padding-top:10px!important;
    padding-bottom:12px!important;
    gap:10px!important;
  }

  .site-logo,
  .header-logo,
  .logo,
  .majerci-logo{
    width:min(300px,86vw)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .hero h1,
  .hero-copy h1,
  .hero-content h1{
    font-size:36px!important;
    line-height:1.05!important;
  }

  /* WhatsApp: burbuja de texto más pequeña. */
  .whatsapp-bubble,
  .whatsapp-message,
  .wa-message{
    max-width:245px!important;
    font-size:14px!important;
  }

  /* Productos: evitar textos y botones salidos del borde. */
  .product-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  .product-card h2,
  .product-card h3,
  .product-card p,
  .product-card a{
    overflow-wrap:anywhere!important;
  }
}

@media (max-width: 430px){
  .brands-track img,
  .brand-track img,
  .home-brands-track img,
  .brands-carousel img,
  .brand-carousel img,
  .majerci-brand-track img,
  .majerci-brands img,
  .brand-card img,
  .brand-item img,
  img[src*="/marcas/"],
  img[src*="/brands/"],
  img[src*="/marks/"]{
    max-width:135px!important;
    max-height:62px!important;
  }
}


/* MAJERCI V6.6.3 BRANDS CAROUSEL MOBILE */
@media (max-width: 720px){

  /* CONTENEDORES PRINCIPALES DE MARCAS */
  .brands-track,
  .brand-track,
  .home-brands-track,
  .brands-carousel-track,
  .brand-carousel-track,
  .majerci-brand-track,
  .majerci-brands-track,
  .brands-grid,
  .brand-grid,
  .home-brands-grid,
  .majerci-brands{
    display:grid!important;
    grid-auto-flow:column!important;
    grid-auto-columns:138px!important;
    grid-template-columns:none!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:6px 10px 14px!important;
    margin:0!important;
    scroll-snap-type:x proximity!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    justify-content:flex-start!important;
    align-items:stretch!important;
    transform:none!important;
  }

  .brands-track::-webkit-scrollbar,
  .brand-track::-webkit-scrollbar,
  .home-brands-track::-webkit-scrollbar,
  .brands-carousel-track::-webkit-scrollbar,
  .brand-carousel-track::-webkit-scrollbar,
  .majerci-brand-track::-webkit-scrollbar,
  .majerci-brands-track::-webkit-scrollbar,
  .brands-grid::-webkit-scrollbar,
  .brand-grid::-webkit-scrollbar,
  .home-brands-grid::-webkit-scrollbar,
  .majerci-brands::-webkit-scrollbar{
    display:none!important;
  }

  /* TARJETAS DE MARCAS */
  .brand-card,
  .brand-item,
  .majerci-brand-card,
  .majerci-brand-item,
  .brands-track > *,
  .brand-track > *,
  .home-brands-track > *,
  .brands-carousel-track > *,
  .brand-carousel-track > *,
  .majerci-brand-track > *,
  .majerci-brands-track > *,
  .brands-grid > *,
  .brand-grid > *,
  .home-brands-grid > *,
  .majerci-brands > *{
    width:138px!important;
    min-width:138px!important;
    max-width:138px!important;
    height:96px!important;
    min-height:96px!important;
    padding:10px!important;
    border-radius:16px!important;
    background:#fff!important;
    border:1px solid rgba(15,61,120,.08)!important;
    box-shadow:0 4px 12px rgba(10,40,90,.06)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    scroll-snap-align:start!important;
    margin:0!important;
  }

  /* LOGOS DE MARCAS */
  .brands-track img,
  .brand-track img,
  .home-brands-track img,
  .brands-carousel-track img,
  .brand-carousel-track img,
  .majerci-brand-track img,
  .majerci-brands-track img,
  .brands-grid img,
  .brand-grid img,
  .home-brands-grid img,
  .majerci-brands img,
  .brand-card img,
  .brand-item img,
  img[src*="/marcas/"],
  img[src*="/brands/"],
  img[src*="/marks/"],
  img[src*="marcas/"],
  img[src*="brands/"],
  img[src*="marks/"]{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:118px!important;
    max-height:56px!important;
    object-fit:contain!important;
    object-position:center!important;
    margin:0 auto!important;
    transform:none!important;
  }

  /* ENVOLTORIO DE LA SECCIÓN DE MARCAS */
  .home-brands,
  .brands-section,
  .brand-section,
  .majerci-brands-section{
    overflow:hidden!important;
  }

  /* Si existen flechas antiguas del bloque de marcas, ocultarlas solo en móvil */
  .brands-section .swiper-button-prev,
  .brands-section .swiper-button-next,
  .brand-section .swiper-button-prev,
  .brand-section .swiper-button-next,
  .home-brands .swiper-button-prev,
  .home-brands .swiper-button-next,
  .majerci-brands-section .swiper-button-prev,
  .majerci-brands-section .swiper-button-next,
  .brands-prev,
  .brands-next,
  .brand-prev,
  .brand-next{
    display:none!important;
  }
}

@media (max-width: 430px){
  .brands-track,
  .brand-track,
  .home-brands-track,
  .brands-carousel-track,
  .brand-carousel-track,
  .majerci-brand-track,
  .majerci-brands-track,
  .brands-grid,
  .brand-grid,
  .home-brands-grid,
  .majerci-brands{
    grid-auto-columns:126px!important;
  }

  .brand-card,
  .brand-item,
  .majerci-brand-card,
  .majerci-brand-item,
  .brands-track > *,
  .brand-track > *,
  .home-brands-track > *,
  .brands-carousel-track > *,
  .brand-carousel-track > *,
  .majerci-brand-track > *,
  .majerci-brands-track > *,
  .brands-grid > *,
  .brand-grid > *,
  .home-brands-grid > *,
  .majerci-brands > *{
    width:126px!important;
    min-width:126px!important;
    max-width:126px!important;
    height:92px!important;
    min-height:92px!important;
  }

  .brands-track img,
  .brand-track img,
  .home-brands-track img,
  .brands-carousel-track img,
  .brand-carousel-track img,
  .majerci-brand-track img,
  .majerci-brands-track img,
  .brands-grid img,
  .brand-grid img,
  .home-brands-grid img,
  .majerci-brands img,
  .brand-card img,
  .brand-item img,
  img[src*="/marcas/"],
  img[src*="/brands/"],
  img[src*="/marks/"],
  img[src*="marcas/"],
  img[src*="brands/"],
  img[src*="marks/"]{
    max-width:108px!important;
    max-height:52px!important;
  }
}




/* =========================================================
   MAJERCI V724 · UNIFICACIÓN PROFESIONAL
   Home commerce + catálogo + ficha + blog
   ========================================================= */

:root{
  --mjr724-ink:#06182a;
  --mjr724-ink2:#0b2944;
  --mjr724-blue:#168cff;
  --mjr724-cyan:#25d7ff;
  --mjr724-green:#18b96a;
  --mjr724-red:#e93636;
  --mjr724-soft:#f5f9fd;
  --mjr724-line:rgba(10,61,103,.11);
  --mjr724-shadow:0 16px 38px rgba(10,52,86,.09);
}

body.mjr724-site{
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* ===== CATEGORÍAS: iconos grandes, centrados y sin texto secundario ===== */
body.home-v724 .home-category-band{
  padding:74px 0 82px!important;
}

body.home-v724 .category-strip{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  gap:14px!important;
  overflow:visible!important;
}

body.home-v724 .category-tile{
  min-height:180px!important;
  padding:20px 14px 18px!important;
  border-radius:20px!important;
  justify-content:center!important;
  gap:14px!important;
}

body.home-v724 .category-tile-icon{
  width:92px!important;
  height:82px!important;
  margin:0 auto!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,#f2f9ff,#eaf5ff)!important;
  border:1px solid rgba(22,140,255,.13)!important;
  display:grid!important;
  place-items:center!important;
  font-size:0!important;
  box-shadow:0 12px 28px rgba(22,140,255,.07)!important;
}

body.home-v724 .category-tile-icon svg{
  width:42px!important;
  height:42px!important;
  stroke:#157fdc!important;
  stroke-width:1.75!important;
  fill:none!important;
}

body.home-v724 .category-tile strong{
  max-width:170px;
  margin:auto;
  text-align:center;
  font-size:13px!important;
  line-height:1.28!important;
  color:#0a2035!important;
}

body.home-v724 .category-tile small{
  display:none!important;
}

/* ===== CABECERAS DE SECCIÓN ===== */
.mjr724-section-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:28px;
  margin:0 0 28px;
}
.mjr724-kicker{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:9px;
  color:#1183e7;
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.mjr724-kicker:before{
  content:"";
  width:30px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,#168cff,#25d7ff);
}
.mjr724-section-head h2{
  margin:0;
  color:#071b2f;
  font-size:clamp(30px,3.1vw,48px);
  line-height:1;
  letter-spacing:-.04em;
}
.mjr724-section-head p{
  max-width:720px;
  margin:10px 0 0;
  color:#6c8094;
  font-size:15px;
  line-height:1.55;
}
.mjr724-pill-link{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:43px;
  padding:0 17px;
  border-radius:999px;
  border:1px solid rgba(15,105,182,.15);
  background:#fff;
  color:#0876d6;
  text-decoration:none;
  font-size:12px;
  font-weight:850;
  box-shadow:0 8px 22px rgba(10,52,86,.06);
}

/* ===== PROMOCIONES ===== */
.mjr724-promos{
  position:relative;
  padding:76px 0 82px;
  overflow:hidden;
  background:
    radial-gradient(circle at 84% 16%,rgba(31,183,255,.15),transparent 30%),
    linear-gradient(135deg,#071725,#0b2b47 65%,#071a2b);
  color:#fff;
}
.mjr724-promos .mjr724-section-head h2{color:#fff}
.mjr724-promos .mjr724-section-head p{color:rgba(231,242,250,.74)}
.mjr724-promos .mjr724-kicker{color:#6fd8ff}
.mjr724-promos .mjr724-pill-link{
  background:rgba(255,255,255,.07);
  border-color:rgba(255,255,255,.15);
  color:#fff;
  backdrop-filter:blur(10px);
}
.mjr724-promo-stage{
  min-height:420px;
  position:relative;
}
.mjr724-promo-group{
  position:absolute;
  inset:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  opacity:0;
  transform:translateY(12px);
  pointer-events:none;
  transition:opacity .55s ease,transform .55s cubic-bezier(.22,.61,.36,1);
}
.mjr724-promo-group.active{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}
.mjr724-promo-card{
  position:relative;
  min-height:405px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(165deg,rgba(255,255,255,.13),rgba(255,255,255,.055));
  box-shadow:0 24px 60px rgba(0,0,0,.22);
  backdrop-filter:blur(10px);
}
.mjr724-promo-media{
  height:255px;
  display:grid;
  place-items:center;
  padding:18px;
  background:
    radial-gradient(circle at 50% 60%,rgba(75,173,255,.28),transparent 48%),
    linear-gradient(180deg,#f7fbff,#e7f0f8);
}
.mjr724-promo-media img{
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 18px 22px rgba(6,26,43,.16));
}
.mjr724-promo-body{
  display:flex;
  flex-direction:column;
  flex:1;
  padding:18px 19px 19px;
}
.mjr724-promo-brand{
  color:#72d7ff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.mjr724-promo-title{
  margin:7px 0 12px;
  color:#fff;
  font-size:18px;
  line-height:1.24;
  font-weight:850;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.mjr724-promo-price{
  margin-top:auto;
  font-size:23px;
  line-height:1;
  font-weight:900;
  color:#fff;
}
.mjr724-promo-cta{
  display:inline-flex;
  width:max-content;
  margin-top:15px;
  padding:10px 14px;
  border-radius:999px;
  background:linear-gradient(135deg,#168cff,#0870d5);
  color:#fff;
  text-decoration:none;
  font-size:11px;
  font-weight:850;
}
.mjr724-promo-dots{
  display:flex;
  justify-content:center;
  gap:7px;
  margin-top:20px;
}
.mjr724-promo-dots button{
  width:7px;height:7px;padding:0;border:0;border-radius:99px;
  background:rgba(255,255,255,.30);cursor:pointer;transition:.2s;
}
.mjr724-promo-dots button.active{
  width:28px;background:#36c9ff;
}

/* ===== HOME: SELECCIÓN PRINCIPAL ===== */
body.home-v724 .home-products-section{
  padding:78px 0 84px!important;
}
body.home-v724 .home-products-section .product-tabs-row{
  margin-top:8px!important;
}
.mjr724-products-intro{
  margin-bottom:22px;
}

/* ===== RAILS "PARA TI" / "EN TENDENCIA" ===== */
.mjr724-rail-section{
  padding:74px 0 82px;
  background:#f7fbff;
  border-top:1px solid rgba(8,58,96,.07);
}
.mjr724-rail-section.alt{
  background:#fff;
}
.mjr724-product-rail{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(235px,1fr);
  gap:14px;
  overflow-x:auto;
  padding:2px 2px 16px;
  scroll-snap-type:x proximity;
  scrollbar-width:thin;
}
.mjr724-mini-card{
  scroll-snap-align:start;
  min-height:390px;
  display:flex;
  flex-direction:column;
  border-radius:20px;
  overflow:hidden;
  border:1px solid var(--mjr724-line);
  background:#fff;
  box-shadow:0 10px 26px rgba(10,52,86,.055);
  text-decoration:none;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.mjr724-mini-card:hover{
  transform:translateY(-5px);
  border-color:rgba(22,140,255,.24);
  box-shadow:0 18px 40px rgba(10,52,86,.11);
}
.mjr724-mini-media{
  height:210px;
  display:grid;
  place-items:center;
  padding:18px;
  background:linear-gradient(180deg,#f5f9fd,#edf5fb);
}
.mjr724-mini-media img{
  width:100%;height:100%;object-fit:contain;
}
.mjr724-mini-body{
  display:flex;flex-direction:column;flex:1;padding:15px 16px 17px;
}
.mjr724-mini-brand{
  color:#728399;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;
}
.mjr724-mini-title{
  margin:7px 0 12px;color:#0a2a45;font-size:14px;line-height:1.3;font-weight:800;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.mjr724-mini-price{
  margin-top:auto;color:#e53434;font-size:19px;font-weight:900;
}

/* ===== BLOG ===== */
.mjr724-blog{
  padding:78px 0 88px;
  background:
    radial-gradient(circle at 10% 0%,rgba(22,140,255,.07),transparent 26%),
    #f6f9fc;
}
.mjr724-blog-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.mjr724-blog-card{
  overflow:hidden;
  border-radius:22px;
  border:1px solid var(--mjr724-line);
  background:#fff;
  color:inherit;
  text-decoration:none;
  box-shadow:0 12px 32px rgba(10,52,86,.07);
  transition:transform .22s ease,box-shadow .22s ease;
}
.mjr724-blog-card:hover{
  transform:translateY(-5px);
  box-shadow:0 20px 42px rgba(10,52,86,.12);
}
.mjr724-blog-media{
  height:200px;overflow:hidden;background:#eaf2f8;
}
.mjr724-blog-media img{
  width:100%;height:100%;object-fit:cover;transition:transform .35s ease;
}
.mjr724-blog-card:hover img{transform:scale(1.035)}
.mjr724-blog-body{padding:17px 18px 20px}
.mjr724-blog-tag{
  display:inline-flex;
  padding:5px 9px;
  border-radius:999px;
  background:#edf6ff;
  color:#137bda;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.mjr724-blog-card h3{
  margin:10px 0 8px;
  color:#091f34;
  font-size:17px;
  line-height:1.25;
}
.mjr724-blog-card p{
  margin:0;color:#718397;font-size:12.5px;line-height:1.5;
}
.mjr724-blog-meta{
  display:flex;justify-content:space-between;gap:10px;margin-top:16px;
  color:#8a9aac;font-size:10px;
}

/* ===== PRODUCT CARD UNIFICADO: HOME/CATÁLOGO/RELACIONADOS ===== */
body.mjr724-site .products-grid{
  align-items:stretch!important;
}
body.mjr724-site .product-card{
  height:100%!important;
  min-height:500px!important;
  border-radius:20px!important;
  border:1px solid rgba(9,64,107,.10)!important;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(10,52,86,.055)!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
body.mjr724-site .product-card:hover{
  transform:translateY(-5px)!important;
  border-color:rgba(22,140,255,.22)!important;
  box-shadow:0 20px 42px rgba(10,52,86,.11)!important;
}
body.mjr724-site .product-card .product-image{
  height:240px!important;
  padding:18px!important;
  background:linear-gradient(180deg,#f7fbff,#eff6fb)!important;
}
body.mjr724-site .product-card .product-image img{
  width:100%!important;height:100%!important;object-fit:contain!important;
}
body.mjr724-site .product-card .product-body{
  display:flex!important;
  flex-direction:column!important;
  flex:1!important;
  padding:16px 17px 18px!important;
}
body.mjr724-site .product-card .brand{
  color:#73869b!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}
body.mjr724-site .product-card .product-title{
  min-height:44px!important;
  margin-top:7px!important;
  color:#092b48!important;
  font-size:14px!important;
  line-height:1.32!important;
  font-weight:850!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
body.mjr724-site .product-card .product-summary{
  min-height:38px!important;
  color:#718397!important;
  font-size:11.5px!important;
  line-height:1.45!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
body.mjr724-site .product-card .price-line{
  margin-top:11px!important;
}
body.mjr724-site .product-card .price{
  color:#ea3737!important;
  font-weight:900!important;
}
body.mjr724-site .product-card .quick-buy-row,
body.mjr724-site .product-card .card-actions{
  margin-top:auto!important;
}
body.mjr724-site .product-card .card-actions{
  padding-top:12px!important;
  gap:8px!important;
  border-top:1px solid rgba(9,64,107,.08)!important;
}
body.mjr724-site .product-card .product-view-link,
body.mjr724-site .product-card .quote-link-button{
  min-height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:11px!important;
  text-align:center!important;
}
.mjr724-product-fallback{
  width:108px;height:108px;border-radius:26px;
  display:grid;place-items:center;
  background:linear-gradient(145deg,#e8f4ff,#d6e9fb);
  color:#0a4e86;font-size:38px;font-weight:900;
  box-shadow:0 12px 24px rgba(12,75,126,.09);
}
.mjr724-product-fallback small{
  display:block;font-size:8px;letter-spacing:.12em;color:#6d8194;
}

/* ===== CATÁLOGO ===== */
body.mjr724-site .catalog-layout{
  gap:24px!important;
}
body.mjr724-site .filters{
  border-radius:20px!important;
  border:1px solid rgba(9,64,107,.10)!important;
  box-shadow:0 12px 30px rgba(10,52,86,.06)!important;
}
body.mjr724-site .filters input,
body.mjr724-site .filters select{
  border-radius:11px!important;
}
body.mjr724-site .catalog-layout>.filters + div>.section-title h2{
  font-size:34px!important;
  letter-spacing:-.035em!important;
}

/* ===== FICHA DE PRODUCTO ===== */
body.mjr724-site .product-page{
  gap:26px!important;
}
body.mjr724-site .gallery-main,
body.mjr724-site .buybox,
body.mjr724-site .tabs{
  border-radius:20px!important;
  border-color:rgba(9,64,107,.10)!important;
  box-shadow:0 12px 30px rgba(10,52,86,.055)!important;
}
body.mjr724-site .buybox .btn{
  min-height:48px!important;
  border-radius:12px!important;
}
body.mjr724-site .feature-row{
  gap:9px!important;
}
body.mjr724-site .feature{
  border-radius:13px!important;
  background:#f7fbff!important;
}
body.mjr724-site .spec-table{
  border-collapse:separate!important;
  border-spacing:0!important;
  width:100%!important;
  overflow:hidden!important;
  border:1px solid rgba(9,64,107,.10)!important;
  border-radius:14px!important;
}
body.mjr724-site .spec-table td{
  padding:12px 14px!important;
  border-bottom:1px solid rgba(9,64,107,.08)!important;
}
body.mjr724-site .spec-table tr:last-child td{border-bottom:0!important}
body.mjr724-site .spec-table td:first-child{
  width:38%;
  background:#f5f9fd!important;
  color:#173b5d!important;
  font-weight:800!important;
}

/* fallback visual por si algún campo interno escapara del backend */
body.mjr724-site .spec-table tr.mjr724-internal-spec{display:none!important}

/* ===== BLOG PAGE ===== */
.mjr724-blog-page{
  padding:62px 0 88px;
  background:#f7fbff;
}
.mjr724-blog-page .mjr724-blog-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.mjr724-blog-article{
  scroll-margin-top:110px;
}

/* ===== RESPONSIVE ===== */
@media(max-width:1200px){
  body.home-v724 .category-strip{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .mjr724-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  body.home-v724 .category-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .mjr724-promo-group{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mjr724-promo-card:nth-child(3){display:none}
  .mjr724-promo-stage{min-height:395px}
  .mjr724-blog-page .mjr724-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .mjr724-section-head{align-items:flex-start;flex-direction:column;gap:14px}
  body.home-v724 .category-strip{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  body.home-v724 .category-tile{
    min-height:150px!important;
    padding:16px 10px!important;
  }
  body.home-v724 .category-tile-icon{
    width:78px!important;height:68px!important;border-radius:18px!important;
  }
  body.home-v724 .category-tile-icon svg{width:36px!important;height:36px!important}
  .mjr724-promos{padding:56px 0 62px}
  .mjr724-promo-group{grid-template-columns:1fr}
  .mjr724-promo-card:nth-child(n+2){display:none}
  .mjr724-promo-stage{min-height:415px}
  .mjr724-product-rail{grid-auto-columns:78vw}
  .mjr724-blog-grid,
  .mjr724-blog-page .mjr724-blog-grid{grid-template-columns:1fr}
  body.mjr724-site .product-card{min-height:470px!important}
}

/* FIN V724 */



/* SOURCE: INLINE SITE HEADER */


/* ============================================================
   MAJERCI PREMIUM HEADER V6.1
   ============================================================ */

/* ---------- BARRA SUPERIOR ---------- */

.majerci-topbar{
    position:relative;
    overflow:hidden;
    background:
        linear-gradient(
            110deg,
            #052750 0%,
            #063b77 48%,
            #0759ad 100%
        );
    color:#fff;
    border-bottom:1px solid rgba(255,255,255,.14);
    box-shadow:0 7px 24px rgba(0,35,75,.14);
}

/* reflejo animado */
.majerci-topbar::before{
    content:"";
    position:absolute;
    top:0;
    left:-40%;
    width:28%;
    height:100%;
    background:linear-gradient(
        110deg,
        transparent,
        rgba(255,255,255,.10),
        transparent
    );
    transform:skewX(-18deg);
    animation:majerciTopShine 9s linear infinite;
    pointer-events:none;
}

.majerci-topbar-inner{
    position:relative;
    z-index:2;
    min-height:40px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

/* texto izquierdo */
.majerci-topbar-slogan{
    display:flex;
    align-items:center;
    gap:9px;
    font-size:13px;
    font-weight:500;
    letter-spacing:.1px;
    white-space:nowrap;
}

/* pequeño punto luminoso */
.majerci-live-dot{
    width:7px;
    height:7px;
    flex:0 0 7px;
    border-radius:50%;
    background:#48d8ff;
    box-shadow:
        0 0 0 4px rgba(72,216,255,.12),
        0 0 12px rgba(72,216,255,.85);
    animation:majerciLiveDot 2.3s ease-in-out infinite;
}

.majerci-topbar-links{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:5px;
    white-space:nowrap;
}

/* cada opción superior */
.majerci-top-item{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:6px 9px;
    border:1px solid transparent;
    border-radius:10px;
    color:#fff !important;
    text-decoration:none !important;
    font-size:12px;
    line-height:1;
    transition:
        transform .25s ease,
        background .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}

a.majerci-top-item:hover{
    transform:translateY(-2px);
    background:rgba(255,255,255,.11);
    border-color:rgba(255,255,255,.15);
    box-shadow:0 7px 18px rgba(0,0,0,.12);
}

/* iconos */
.majerci-top-icon{
    width:18px;
    height:18px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 18px;
}

.majerci-top-icon svg{
    width:15px;
    height:15px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* mini WhatsApp superior */
.majerci-wa-mini{
    width:20px;
    height:20px;
    flex-basis:20px;
    border-radius:50%;
    background:#25d366;
    color:#fff;
    font-size:7px;
    font-weight:800;
    box-shadow:0 0 0 3px rgba(37,211,102,.13);
}

.majerci-top-whatsapp:hover .majerci-wa-mini{
    animation:majerciWaMiniPulse .85s ease;
}

/* ubicación con animación especial */
.majerci-location{
    background:rgba(255,255,255,.065);
    border-color:rgba(255,255,255,.08);
}

.majerci-location .majerci-top-icon{
    color:#ffcf5c;
    animation:majerciLocationFloat 2.8s ease-in-out infinite;
}


/* ============================================================
   LOGO MAJERCI 3D / ALTO RELIEVE
   ============================================================ */

.majerci-brand-3d{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    perspective:1000px;
    isolation:isolate;
    padding:4px 6px;
}

/* sombra detrás del logo */
.majerci-brand-3d::before{
    content:"";
    position:absolute;
    z-index:-1;
    left:8%;
    right:8%;
    bottom:4px;
    height:30%;
    border-radius:50%;
    background:rgba(0,67,140,.22);
    filter:blur(17px);
    transform:translateY(5px) scale(.92);
    transition:
        transform .35s ease,
        opacity .35s ease;
}

/* brillo que pasa por encima */
.majerci-brand-3d::after{
    content:"";
    position:absolute;
    z-index:3;
    top:8%;
    bottom:8%;
    left:-20%;
    width:16%;
    opacity:0;
    transform:skewX(-18deg);
    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.75),
        transparent
    );
    pointer-events:none;
}

.majerci-brand-3d:hover::after{
    animation:majerciLogoShine .8s ease forwards;
}

.majerci-logo-3d{
    width:clamp(265px,20vw,340px);
    max-width:100%;
    height:auto;
    display:block;

    transform:
        perspective(900px)
        rotateX(1.5deg)
        rotateY(-2deg)
        translateY(0);

    filter:
        drop-shadow(0 1px 0 rgba(255,255,255,.95))
        drop-shadow(0 4px 2px rgba(0,48,102,.18))
        drop-shadow(0 13px 14px rgba(0,37,80,.18));

    transition:
        transform .4s cubic-bezier(.2,.8,.2,1),
        filter .4s ease;

    animation:majerciLogoFloat 5s ease-in-out infinite;
}

/* efecto 3D al pasar el mouse */
.majerci-brand-3d:hover .majerci-logo-3d{
    animation-play-state:paused;

    transform:
        perspective(900px)
        rotateX(-2deg)
        rotateY(5deg)
        translateY(-4px)
        scale(1.035);

    filter:
        drop-shadow(0 2px 0 rgba(255,255,255,.95))
        drop-shadow(0 6px 3px rgba(0,65,140,.20))
        drop-shadow(0 18px 20px rgba(0,44,95,.27));
}

.majerci-brand-3d:hover::before{
    transform:translateY(9px) scale(1.03);
}


/* ============================================================
   ANIMACIONES
   ============================================================ */

@keyframes majerciTopShine{
    0%{
        left:-40%;
    }

    40%,
    100%{
        left:125%;
    }
}

@keyframes majerciLiveDot{
    0%,
    100%{
        opacity:.7;
        transform:scale(.9);
    }

    50%{
        opacity:1;
        transform:scale(1.18);
        box-shadow:
            0 0 0 6px rgba(72,216,255,.10),
            0 0 16px rgba(72,216,255,.95);
    }
}

@keyframes majerciLocationFloat{
    0%,
    100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-3px);
    }
}

@keyframes majerciWaMiniPulse{
    0%{
        transform:scale(1);
    }

    45%{
        transform:scale(1.18);
    }

    100%{
        transform:scale(1);
    }
}

@keyframes majerciLogoFloat{
    0%,
    100%{
        transform:
            perspective(900px)
            rotateX(1.5deg)
            rotateY(-2deg)
            translateY(0);
    }

    50%{
        transform:
            perspective(900px)
            rotateX(1deg)
            rotateY(1deg)
            translateY(-3px);
    }
}

@keyframes majerciLogoShine{
    0%{
        left:-20%;
        opacity:0;
    }

    25%{
        opacity:.55;
    }

    100%{
        left:110%;
        opacity:0;
    }
}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width:1100px){

    .majerci-topbar-slogan{
        display:none;
    }

    .majerci-topbar-links{
        width:100%;
        justify-content:center;
    }

    .majerci-logo-3d{
        width:clamp(235px,27vw,300px);
    }
}

@media (max-width:720px){

    .majerci-topbar-inner{
        overflow-x:auto;
        justify-content:flex-start;
        scrollbar-width:none;
    }

    .majerci-topbar-inner::-webkit-scrollbar{
        display:none;
    }

    .majerci-topbar-links{
        justify-content:flex-start;
        width:max-content;
    }

    .majerci-top-item{
        padding:7px 8px;
        font-size:11px;
    }

    .majerci-logo-3d{
        width:auto;
    max-width:100%;
    }
}

/* respeta usuarios que desactivan animaciones */
@media (prefers-reduced-motion:reduce){

    .majerci-topbar::before,
    .majerci-live-dot,
    .majerci-location .majerci-top-icon,
    .majerci-logo-3d{
        animation:none !important;
    }
}
/* ===== CORRECCIÓN DE ESTRUCTURA DEL HEADER ===== */

.container.header-grid{
    display:grid;
    grid-template-columns: 280px minmax(420px, 1fr) auto;
    align-items:center;
    gap:22px;
    padding:18px 0 14px;
}

.brand-wrap.majerci-brand-3d{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    width:100%;
    max-width:280px;
    text-decoration:none;
    perspective:1000px;
}

.brand-wrap.majerci-brand-3d .brand-logo{
    display:block;
    width:100%;
    max-width:280px;
    height:auto;
    transform:perspective(1000px) rotateX(0deg) rotateY(0deg) translateZ(0);
    transform-style:preserve-3d;
    filter:drop-shadow(0 10px 18px rgba(5,39,94,.18));
    transition:
        transform .35s ease,
        filter .35s ease;
}

.brand-wrap.majerci-brand-3d:hover .brand-logo{
    transform:perspective(1000px) rotateX(4deg) rotateY(-6deg) translateY(-2px) scale(1.02);
    filter:drop-shadow(0 14px 26px rgba(6,59,183,.28));
}

.search-wrap{
    width:100%;
    min-width:0;
}

.search-wrap .searchbar,
.search-wrap form{
    width:100%;
}

.head-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:14px;
    flex-wrap:nowrap;
    white-space:nowrap;
}

.head-actions .head-icon,
.head-actions .quote-btn{
    flex:0 0 auto;
}

.quote-btn{
    margin-left:8px;
}

@media (max-width: 1200px){
    .container.header-grid{
        grid-template-columns: 240px 1fr;
        gap:18px;
    }

    .head-actions{
        grid-column:1 / -1;
        justify-content:flex-start;
        flex-wrap:wrap;
        gap:12px;
    }

    .brand-wrap.majerci-brand-3d{
        max-width:240px;
    }

    .brand-wrap.majerci-brand-3d .brand-logo{
        max-width:240px;
    }
}

@media (max-width: 768px){
    .container.header-grid{
        grid-template-columns:1fr;
        gap:14px;
        padding:14px 0 10px;
    }

    .brand-wrap.majerci-brand-3d{
        justify-content:center;
        max-width:none;
    }

    .brand-wrap.majerci-brand-3d .brand-logo{
        max-width:210px;
        margin:0 auto;
    }

    .head-actions{
        justify-content:center;
    }
}


/* SOURCE: static/css/marcas-v706.css */
/* MAJERCI_MARCAS_V706 */
#mjr706-toolbar{margin:0 0 22px;padding:18px;background:#fff;border:1px solid #dce7f0;border-radius:16px;box-shadow:0 8px 24px rgba(7,63,111,.07)}
#mjr706-top{display:grid;grid-template-columns:minmax(300px,1fr) 220px auto;gap:12px;align-items:center}
#mjr706-search{height:48px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid #cfdae6;border-radius:12px;background:#f9fbfe}
#mjr706-search:focus-within{border-color:#0877e8;box-shadow:0 0 0 3px rgba(8,119,232,.12)}
#mjr706-search span{font-size:18px;color:#416986}#mjr706-search input{width:100%;border:0;outline:0;background:transparent;color:#17324d;font:inherit}
#mjr706-sort{height:48px;padding:0 12px;border:1px solid #cfdae6;border-radius:12px;background:#fff;color:#17324d;font-weight:800}
#mjr706-summary{color:#60758a;font-size:14px;text-align:right;white-space:nowrap}
#mjr706-alpha{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}#mjr706-alpha button{min-width:35px;height:35px;border:1px solid #d5e1ec;border-radius:9px;background:#fff;color:#315673;font-weight:900;cursor:pointer;transition:.16s ease}
#mjr706-alpha button:hover,#mjr706-alpha button.active{background:#0877e8;color:#fff;border-color:#0877e8}
.mjr706-brand-card{position:relative!important;display:grid!important;grid-template-columns:90px minmax(0,1fr) auto!important;gap:15px!important;align-items:center!important;min-width:0!important;min-height:112px!important;height:auto!important;padding:14px 17px!important;overflow:hidden!important;border:1px solid #dce7f0!important;border-radius:16px!important;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;box-shadow:0 4px 14px rgba(8,65,117,.05)!important;color:#17324d!important;text-decoration:none!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}
.mjr706-brand-card:hover{transform:translateY(-3px);border-color:#8ec2f5!important;box-shadow:0 13px 30px rgba(8,65,117,.13)!important}.mjr706-brand-card[hidden]{display:none!important}
.mjr706-logo{width:82px;height:82px;display:flex;align-items:center;justify-content:center;padding:9px;border:1px solid #e1e9f0;border-radius:14px;background:#fff;overflow:hidden}
.mjr706-logo img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.mjr706-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(135deg,#eaf4ff,#f7fbff);color:#0a4d83;font-size:22px;font-weight:900;letter-spacing:.02em}
.mjr706-info{min-width:0}.mjr706-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px;line-height:1.2;font-weight:900}.mjr706-count{display:block;margin-top:7px;color:#5d7185;font-size:14px}.mjr706-action{display:block;margin-top:7px;color:#0877e8;font-size:12.5px;font-weight:900}.mjr706-arrow{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;background:#edf6ff;color:#0877e8;font-weight:900;font-size:18px}
.mjr706-empty{grid-column:1/-1;padding:30px;text-align:center;border:1px dashed #b9cad9;border-radius:14px;color:#5f7487;background:#fbfdff}
.mjr706-logo-ok::after{content:'LOGO';position:absolute;top:9px;right:9px;padding:3px 6px;border-radius:999px;background:#e8f7ee;color:#168447;font-size:9px;font-weight:900;letter-spacing:.04em}
@media(max-width:850px){#mjr706-top{grid-template-columns:1fr 1fr}#mjr706-summary{grid-column:1/-1;text-align:left}.mjr706-brand-card{grid-template-columns:74px minmax(0,1fr) auto!important}.mjr706-logo{width:68px;height:68px}}
@media(max-width:580px){#mjr706-top{grid-template-columns:1fr}.mjr706-brand-card{grid-template-columns:62px minmax(0,1fr) auto!important;min-height:88px!important}.mjr706-logo{width:56px;height:56px}.mjr706-action{display:none}}
/* FIN_MAJERCI_MARCAS_V706 */

/* SOURCE: static/css/marcas-v708.css */
/* MAJERCI_MARCAS_V708_LOGOS_FORZADOS */
.mjr708-logo-ok .mjr706-logo,
.mjr708-logo-ok .mjr705-logo,
.mjr708-logo-ok .mjr704-logo{
  background:#fff!important;
  padding:7px!important;
}
.mjr708-logo-ok .mjr706-logo img,
.mjr708-logo-ok .mjr705-logo img,
.mjr708-logo-ok .mjr704-logo img{
  display:block!important;
  max-width:100%!important;
  max-height:100%!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
}
.mjr708-logo-ok::after{display:none!important}
/* FIN_MAJERCI_MARCAS_V708_LOGOS_FORZADOS */

/* SOURCE: static/css/hero-immersive-v717.css */
/* =========================================================
   MAJERCI IMMERSIVE PREMIUM HERO V717
   ========================================================= */
:root{
  --mjr717-blue:#0a75e8;
  --mjr717-deep:#06111d;
  --mjr717-white:#ffffff;
  --mjr717-speed:8.6s;
}
html{scroll-behavior:smooth}
body.home-v717{background:#07131f}
body.home-v717 .mjr717-hide-original{display:none!important}

/* HERO FULL BLEED */
body.home-v717 .hero{
  position:relative!important;
  display:block!important;
  width:100vw!important;
  max-width:none!important;
  height:100svh!important;
  min-height:690px!important;
  max-height:980px!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  padding:0!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#07131f!important;
}
body.home-v717 .hero-copy{display:none!important}
body.home-v717 .hero-media,
body.home-v717 .majerci-hero-slider{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:100%!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  background:#07131f!important;
}
body.home-v717 .majerci-hero-slider > :not(.majerci-hero-slide){
  display:none!important;
}

/* SLIDES */
body.home-v717 .majerci-hero-slide{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  opacity:0!important;
  visibility:visible!important;
  overflow:hidden!important;
  pointer-events:none!important;
  z-index:1!important;
  transition:
    opacity 1.35s cubic-bezier(.22,.61,.36,1),
    filter 1.2s ease!important;
}
body.home-v717 .majerci-hero-slide.active{
  opacity:1!important;
  pointer-events:auto!important;
  z-index:2!important;
}
body.home-v717 .majerci-hero-slide img{
  position:absolute!important;
  inset:-1.5%!important;
  display:block!important;
  width:103%!important;
  height:103%!important;
  max-width:none!important;
  margin:0!important;
  object-fit:cover!important;
  object-position:var(--mjr717-pos, center center)!important;
  filter:saturate(1.01) contrast(1.045) brightness(.94)!important;
  transform:scale(1.025)!important;
  will-change:transform,filter!important;
}
body.home-v717 .majerci-hero-slide.active img{
  animation:mjr717Scene var(--mjr717-speed) cubic-bezier(.18,.72,.2,1) both!important;
}
@keyframes mjr717Scene{
  0%{transform:scale(1.025) translate3d(0,0,0)}
  40%{transform:scale(1.065) translate3d(.7%,-.25%,0)}
  72%{transform:scale(1.088) translate3d(-.35%,-.55%,0)}
  100%{transform:scale(1.11) translate3d(-.8%,-.7%,0)}
}

/* CINEMATIC CONTRAST */
body.home-v717 .hero::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:4;
  pointer-events:none;
  background:
    linear-gradient(90deg,
      rgba(2,10,18,.72) 0%,
      rgba(2,10,18,.50) 34%,
      rgba(2,10,18,.22) 62%,
      rgba(2,10,18,.12) 100%),
    linear-gradient(180deg,
      rgba(2,10,18,.35) 0%,
      rgba(2,10,18,.04) 30%,
      rgba(2,10,18,.10) 64%,
      rgba(2,10,18,.68) 100%)!important;
}
body.home-v717 .hero::after{
  content:'';
  position:absolute;
  inset:0;
  z-index:5;
  pointer-events:none;
  opacity:.16;
  background-image:radial-gradient(rgba(255,255,255,.18) .45px, transparent .6px);
  background-size:4px 4px;
  mix-blend-mode:soft-light;
}

/* HEADER */
#mjr717-nav{
  position:absolute;
  top:0;
  left:0;
  right:0;
  z-index:30;
  height:112px;
  display:flex;
  align-items:center;
  gap:clamp(22px,2.4vw,42px);
  padding:0 max(26px,calc((100vw - 1420px)/2));
  color:#fff;
  background:linear-gradient(180deg,rgba(3,10,17,.54),rgba(3,10,17,0));
  animation:mjr717NavIn .9s .12s both cubic-bezier(.2,.8,.2,1);
  transition:
    height .28s ease,
    background .28s ease,
    backdrop-filter .28s ease,
    border-color .28s ease;
}
@keyframes mjr717NavIn{
  from{opacity:0;transform:translateY(-24px)}
  to{opacity:1;transform:translateY(0)}
}
#mjr717-nav.scrolled{
  position:fixed;
  height:82px;
  background:rgba(4,15,25,.82);
  border-bottom:1px solid rgba(255,255,255,.09);
  backdrop-filter:blur(18px) saturate(1.12);
}

/* LOGO */
#mjr717-nav .mjr717-logo{
  position:relative;
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  width:252px;
  height:78px;
  padding:9px 16px;
  border-radius:16px;
  overflow:hidden;
  background:rgba(255,255,255,.91);
  border:1px solid rgba(255,255,255,.34);
  box-shadow:
    0 18px 42px rgba(0,0,0,.12),
    inset 0 1px 0 rgba(255,255,255,.82);
  backdrop-filter:blur(10px);
  transform-origin:left center;
  animation:
    mjr717LogoIn 1.05s .18s both cubic-bezier(.18,.85,.2,1),
    mjr717LogoFloat 7s 1.4s infinite ease-in-out;
}
#mjr717-nav .mjr717-logo::after{
  content:'';
  position:absolute;
  inset:-70% auto -70% -30%;
  width:24%;
  transform:skewX(-16deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.84),transparent);
  animation:mjr717LogoShine 6.6s 2s infinite ease-in-out;
}
@keyframes mjr717LogoIn{
  0%{opacity:0;transform:translateY(-18px) scale(.92)}
  70%{opacity:1;transform:translateY(2px) scale(1.025)}
  100%{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes mjr717LogoFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-3px)}
}
@keyframes mjr717LogoShine{
  0%,72%{left:-30%;opacity:0}
  78%{opacity:.7}
  90%{left:118%;opacity:0}
  100%{left:118%;opacity:0}
}
#mjr717-nav .mjr717-logo img{
  position:relative;
  z-index:2;
  display:block;
  max-width:100%;
  max-height:60px;
  object-fit:contain;
}

/* MENU SPACING + IMMERSION */
#mjr717-nav .mjr717-links{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(19px,1.9vw,35px);
  flex:1 1 auto;
}
#mjr717-nav .mjr717-links a{
  position:relative;
  color:#fff!important;
  text-decoration:none!important;
  font-size:13px;
  line-height:1;
  letter-spacing:.055em;
  font-weight:800;
  white-space:nowrap;
  opacity:0;
  transform:translateY(-9px);
  animation:mjr717LinkIn .58s forwards ease;
  text-shadow:0 3px 16px rgba(0,0,0,.30);
}
#mjr717-nav .mjr717-links a:nth-child(1){animation-delay:.23s}
#mjr717-nav .mjr717-links a:nth-child(2){animation-delay:.28s}
#mjr717-nav .mjr717-links a:nth-child(3){animation-delay:.33s}
#mjr717-nav .mjr717-links a:nth-child(4){animation-delay:.38s}
#mjr717-nav .mjr717-links a:nth-child(5){animation-delay:.43s}
#mjr717-nav .mjr717-links a:nth-child(6){animation-delay:.48s}
#mjr717-nav .mjr717-links a:nth-child(7){animation-delay:.53s}
@keyframes mjr717LinkIn{
  to{opacity:.96;transform:translateY(0)}
}
#mjr717-nav .mjr717-links a::before{
  content:'';
  position:absolute;
  left:50%;
  bottom:-10px;
  width:0;
  height:2px;
  border-radius:999px;
  transform:translateX(-50%);
  background:#fff;
  box-shadow:0 0 14px rgba(255,255,255,.50);
  transition:width .25s ease;
}
#mjr717-nav .mjr717-links a:hover::before,
#mjr717-nav .mjr717-links a.active::before{width:100%}
#mjr717-nav .mjr717-links a:hover{opacity:1}

#mjr717-nav .mjr717-tools{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:9px;
}
#mjr717-nav .mjr717-icon,
#mjr717-nav .mjr717-menu-btn{
  width:43px;
  height:43px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.19);
  border-radius:50%;
  color:#fff!important;
  background:rgba(5,17,29,.16);
  backdrop-filter:blur(10px);
  cursor:pointer;
  text-decoration:none!important;
  font-size:18px;
  transition:
    transform .2s ease,
    background .2s ease,
    border-color .2s ease;
}
#mjr717-nav .mjr717-icon:hover,
#mjr717-nav .mjr717-menu-btn:hover{
  transform:translateY(-2px) scale(1.03);
  background:rgba(255,255,255,.15);
  border-color:rgba(255,255,255,.30);
}
#mjr717-nav .mjr717-quote{
  margin-left:3px;
  padding:12px 17px;
  border-radius:999px;
  color:#0a263f!important;
  background:#fff;
  font-size:13px;
  font-weight:900;
  text-decoration:none!important;
  box-shadow:0 12px 28px rgba(0,0,0,.13);
  transition:transform .2s ease,box-shadow .2s ease;
}
#mjr717-nav .mjr717-quote:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(0,0,0,.18);
}
#mjr717-nav .mjr717-menu-btn{display:none}

/* DYNAMIC SCENE COPY */
#mjr717-scene-copy{
  position:absolute;
  z-index:12;
  left:max(30px,calc((100vw - 1420px)/2));
  bottom:92px;
  width:min(860px,72vw);
  color:#fff;
  opacity:1;
  transform:translateY(0);
  transition:opacity .42s ease,transform .42s ease;
}
#mjr717-scene-copy.changing{
  opacity:0;
  transform:translateY(18px);
}
#mjr717-scene-copy .mjr717-scene-label{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:14px;
  color:#fff;
  font-size:13px;
  font-weight:850;
  letter-spacing:.07em;
  text-transform:uppercase;
  text-shadow:0 3px 14px rgba(0,0,0,.34);
}
#mjr717-scene-copy .mjr717-scene-label i{
  display:block;
  width:34px;
  height:2px;
  background:var(--mjr717-blue);
  box-shadow:0 0 12px rgba(10,117,232,.7);
}
#mjr717-scene-copy h1{
  margin:0!important;
  max-width:850px!important;
  color:#fff!important;
  font-size:clamp(48px,5.7vw,88px)!important;
  line-height:.96!important;
  letter-spacing:-.052em!important;
  font-weight:900!important;
  text-shadow:0 6px 28px rgba(0,0,0,.34)!important;
}
#mjr717-scene-copy p{
  max-width:720px!important;
  margin:18px 0 0!important;
  color:rgba(255,255,255,.92)!important;
  font-size:clamp(16px,1.4vw,21px)!important;
  line-height:1.55!important;
  text-shadow:0 3px 16px rgba(0,0,0,.36)!important;
}
#mjr717-scene-copy .mjr717-actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:25px;
}
#mjr717-scene-copy .mjr717-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:175px;
  padding:13px 18px;
  border-radius:999px;
  text-decoration:none!important;
  font-size:14px;
  font-weight:900;
  transition:transform .2s ease,background .2s ease;
}
#mjr717-scene-copy .mjr717-btn:hover{transform:translateY(-2px)}
#mjr717-scene-copy .mjr717-btn.primary{
  background:#fff;
  color:#0a263f!important;
}
#mjr717-scene-copy .mjr717-btn.secondary{
  color:#fff!important;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.26);
  backdrop-filter:blur(10px);
}

/* SCENE COUNTER + PROGRESS */
#mjr717-scene-progress{
  position:absolute;
  right:max(30px,calc((100vw - 1420px)/2));
  bottom:95px;
  z-index:13;
  display:flex;
  align-items:center;
  gap:13px;
  color:#fff;
  font-size:13px;
  font-weight:850;
  text-shadow:0 3px 12px rgba(0,0,0,.32);
}
#mjr717-scene-progress .track{
  position:relative;
  width:150px;
  height:2px;
  overflow:hidden;
  background:rgba(255,255,255,.28);
}
#mjr717-scene-progress .fill{
  position:absolute;
  inset:0 auto 0 0;
  width:0;
  background:#fff;
  box-shadow:0 0 14px rgba(255,255,255,.55);
}
.hero.mjr717-running #mjr717-scene-progress .fill{
  animation:mjr717Progress var(--mjr717-speed) linear forwards;
}
@keyframes mjr717Progress{
  from{width:0}
  to{width:100%}
}

/* CUSTOM CONTROLS */
#mjr717-controls{
  position:absolute;
  right:max(28px,calc((100vw - 1420px)/2));
  bottom:28px;
  z-index:14;
  display:flex;
  gap:9px;
}
#mjr717-controls button{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.22);
  color:#fff;
  background:rgba(4,15,25,.24);
  backdrop-filter:blur(10px);
  cursor:pointer;
  font-size:20px;
  font-weight:900;
  transition:background .2s ease,transform .2s ease;
}
#mjr717-controls button:hover{
  background:rgba(255,255,255,.16);
  transform:translateY(-2px);
}

/* SEARCH */
#mjr717-search{
  position:absolute;
  top:102px;
  right:max(28px,calc((100vw - 1420px)/2));
  z-index:40;
  width:min(540px,calc(100vw - 40px));
  padding:12px;
  border-radius:18px;
  background:rgba(255,255,255,.96);
  box-shadow:0 26px 66px rgba(0,0,0,.22);
  opacity:0;
  visibility:hidden;
  transform:translateY(-10px) scale(.985);
  transition:.22s ease;
}
#mjr717-search.open{
  opacity:1;
  visibility:visible;
  transform:translateY(0) scale(1);
}
#mjr717-search form{display:flex;gap:8px}
#mjr717-search input{
  flex:1;
  min-width:0;
  height:48px;
  border:1px solid #dce6ee;
  border-radius:12px;
  padding:0 14px;
  outline:0;
  font:inherit;
}
#mjr717-search button{
  min-width:54px;
  border:0;
  border-radius:12px;
  background:#0a75e8;
  color:#fff;
  font-size:18px;
}

/* MOBILE MENU */
#mjr717-mobile-panel{
  position:fixed;
  inset:0;
  z-index:1000;
  display:none;
  overflow:auto;
  padding:96px 25px 38px;
  background:
    radial-gradient(circle at 75% 18%,rgba(10,117,232,.16),transparent 34%),
    rgba(4,14,24,.97);
  backdrop-filter:blur(18px);
}
#mjr717-mobile-panel.open{
  display:block;
  animation:mjr717PanelIn .25s ease both;
}
@keyframes mjr717PanelIn{
  from{opacity:0}
  to{opacity:1}
}
#mjr717-mobile-panel a{
  display:block;
  padding:17px 4px;
  border-bottom:1px solid rgba(255,255,255,.10);
  color:#fff!important;
  text-decoration:none!important;
  font-size:25px;
  line-height:1.2;
  font-weight:800;
}
#mjr717-mobile-close{
  position:absolute;
  top:22px;
  right:22px;
  width:48px;
  height:48px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:25px;
}

/* TABLET */
@media(max-width:1120px){
  #mjr717-nav{
    height:96px;
    padding:0 20px;
    gap:18px;
  }
  #mjr717-nav .mjr717-logo{
    width:210px;
    height:68px;
  }
  #mjr717-nav .mjr717-logo img{max-height:52px}
  #mjr717-nav .mjr717-links{gap:16px}
  #mjr717-nav .mjr717-links a{
    font-size:11px;
    letter-spacing:.04em;
  }
  #mjr717-nav .mjr717-quote{display:none}
  #mjr717-scene-copy{
    left:28px;
    bottom:104px;
    width:min(760px,76vw);
  }
  #mjr717-scene-progress{
    right:28px;
    bottom:101px;
  }
  #mjr717-controls{right:28px}
}

/* TABLET PORTRAIT / MOBILE */
@media(max-width:880px){
  body.home-v717 .hero{
    height:100svh!important;
    min-height:700px!important;
    max-height:none!important;
  }
  #mjr717-nav{
    height:84px;
    padding:0 16px;
    background:linear-gradient(180deg,rgba(3,10,17,.64),rgba(3,10,17,0));
  }
  #mjr717-nav .mjr717-logo{
    width:172px;
    min-width:172px;
    height:58px;
    padding:7px 11px;
    border-radius:13px;
  }
  #mjr717-nav .mjr717-logo img{max-height:44px}
  #mjr717-nav .mjr717-links{display:none}
  #mjr717-nav .mjr717-tools{margin-left:auto}
  #mjr717-nav .mjr717-menu-btn{display:grid}
  #mjr717-nav .mjr717-icon.account{display:none}

  body.home-v717 .hero::before{
    background:
      linear-gradient(180deg,
        rgba(2,10,18,.44) 0%,
        rgba(2,10,18,.12) 28%,
        rgba(2,10,18,.22) 55%,
        rgba(2,10,18,.84) 100%)!important;
  }

  #mjr717-scene-copy{
    left:20px;
    right:20px;
    bottom:122px;
    width:auto;
  }
  #mjr717-scene-copy h1{
    max-width:700px!important;
    font-size:clamp(41px,8.8vw,66px)!important;
  }
  #mjr717-scene-copy p{
    max-width:620px!important;
    font-size:17px!important;
  }
  #mjr717-scene-progress{
    left:20px;
    right:auto;
    bottom:70px;
  }
  #mjr717-controls{
    right:20px;
    bottom:24px;
  }
  #mjr717-search{
    top:82px;
    right:16px;
    width:calc(100vw - 32px);
  }
}

/* PHONE */
@media(max-width:560px){
  body.home-v717 .hero{
    min-height:680px!important;
  }
  #mjr717-nav .mjr717-logo{
    width:154px;
    min-width:154px;
    height:54px;
  }
  #mjr717-nav .mjr717-icon.search,
  #mjr717-nav .mjr717-icon.account{
    display:none;
  }
  #mjr717-scene-copy{
    bottom:132px;
  }
  #mjr717-scene-copy .mjr717-scene-label{
    font-size:11px;
    margin-bottom:10px;
  }
  #mjr717-scene-copy .mjr717-scene-label i{
    width:24px;
  }
  #mjr717-scene-copy h1{
    font-size:40px!important;
    line-height:1!important;
  }
  #mjr717-scene-copy p{
    margin-top:13px!important;
    font-size:15.5px!important;
    line-height:1.48!important;
  }
  #mjr717-scene-copy .mjr717-actions{
    margin-top:18px;
    gap:8px;
  }
  #mjr717-scene-copy .mjr717-btn{
    min-width:0;
    padding:11px 14px;
    font-size:12.5px;
  }
  #mjr717-scene-progress{
    bottom:78px;
    font-size:12px;
  }
  #mjr717-scene-progress .track{
    width:92px;
  }
  #mjr717-controls button{
    width:43px;
    height:43px;
  }
}

/* REDUCED MOTION */
@media(prefers-reduced-motion:reduce){
  body.home-v717 .majerci-hero-slide.active img,
  #mjr717-nav,
  #mjr717-nav .mjr717-logo,
  #mjr717-nav .mjr717-links a{
    animation:none!important;
  }
  body.home-v717 .majerci-hero-slide{
    transition:opacity .25s ease!important;
  }
}

/* FIN MAJERCI IMMERSIVE PREMIUM HERO V717 */

/* SOURCE: static/css/hero-polish-v718.css */
/* =========================================================
   MAJERCI PREMIUM POLISH V718
   Requiere el hero V717 ya instalado
   ========================================================= */

/* ---------- LOGO / BRAND PLATE ---------- */
body.home-v717 #mjr717-nav .mjr717-logo{
  width:286px!important;
  min-width:286px!important;
  height:88px!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:20px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.985),rgba(244,249,253,.94))!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:
    0 22px 54px rgba(0,0,0,.16),
    0 0 0 1px rgba(10,117,232,.08) inset,
    0 1px 0 rgba(255,255,255,.92) inset!important;
  transform-origin:left center!important;
}
body.home-v717 #mjr717-nav .mjr717-logo::before{
  content:'';
  position:absolute;
  left:18px;
  right:18px;
  bottom:0;
  height:3px;
  border-radius:999px 999px 0 0;
  background:linear-gradient(90deg,transparent,#0a75e8 20%,#65bdff 50%,#0a75e8 80%,transparent);
  box-shadow:0 0 16px rgba(10,117,232,.52);
  opacity:.85;
}
body.home-v717 #mjr717-nav .mjr717-logo::after{
  content:'';
  position:absolute;
  top:-55%;
  bottom:-55%;
  left:-28%;
  width:23%;
  transform:skewX(-15deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.96),transparent);
  animation:mjr718LogoSweep 7.8s 2.2s infinite ease-in-out!important;
  z-index:3;
  pointer-events:none;
}
@keyframes mjr718LogoSweep{
  0%,73%{left:-28%;opacity:0}
  79%{opacity:.85}
  91%{left:115%;opacity:0}
  100%{left:115%;opacity:0}
}
body.home-v717 #mjr717-nav .mjr717-logo img{
  max-width:none!important;
  width:111%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  transform:scale(1.085)!important;
  transform-origin:center center!important;
  filter:drop-shadow(0 2px 2px rgba(11,48,80,.08))!important;
  z-index:2!important;
}

/* ---------- NAVIGATION ---------- */
body.home-v717 #mjr717-nav{
  height:116px!important;
  gap:clamp(25px,2.6vw,46px)!important;
  padding-left:max(30px,calc((100vw - 1460px)/2))!important;
  padding-right:max(30px,calc((100vw - 1460px)/2))!important;
}
body.home-v717 #mjr717-nav .mjr717-links{
  gap:clamp(23px,2.05vw,38px)!important;
}
body.home-v717 #mjr717-nav .mjr717-links a{
  padding:12px 2px!important;
  font-size:12.5px!important;
  letter-spacing:.065em!important;
  transition:
    opacity .2s ease,
    transform .2s ease,
    text-shadow .2s ease!important;
}
body.home-v717 #mjr717-nav .mjr717-links a:hover{
  transform:translateY(-1px)!important;
  text-shadow:0 0 18px rgba(255,255,255,.35)!important;
}
body.home-v717 #mjr717-nav .mjr717-links a::before{
  bottom:4px!important;
  height:2px!important;
  background:linear-gradient(90deg,#0a75e8,#ffffff)!important;
  box-shadow:0 0 15px rgba(10,117,232,.65)!important;
}
body.home-v717 #mjr717-nav.scrolled{
  height:88px!important;
}
body.home-v717 #mjr717-nav.scrolled .mjr717-logo{
  width:234px!important;
  min-width:234px!important;
  height:68px!important;
  border-radius:16px!important;
  box-shadow:0 12px 34px rgba(0,0,0,.16)!important;
}

/* ---------- ICONS ---------- */
body.home-v717 #mjr717-nav .mjr717-icon,
body.home-v717 #mjr717-nav .mjr717-menu-btn{
  width:45px!important;
  height:45px!important;
  background:rgba(5,17,29,.20)!important;
  border-color:rgba(255,255,255,.22)!important;
}
body.home-v717 #mjr717-nav .mjr717-icon svg,
body.home-v717 #mjr717-nav .mjr717-menu-btn svg{
  width:19px;
  height:19px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.75;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body.home-v717 #mjr717-nav .mjr717-quote{
  padding:13px 19px!important;
}

/* ---------- SCENE COPY ---------- */
body.home-v717 #mjr717-scene-copy{
  width:min(900px,72vw)!important;
  bottom:98px!important;
}
body.home-v717 #mjr717-scene-copy .mjr717-scene-label{
  font-size:12.5px!important;
  letter-spacing:.095em!important;
  margin-bottom:16px!important;
}
body.home-v717 #mjr717-scene-copy .mjr717-scene-label i{
  width:42px!important;
  height:2px!important;
}
body.home-v717 #mjr717-scene-copy h1{
  max-width:890px!important;
  font-size:clamp(52px,5.9vw,92px)!important;
  line-height:.955!important;
  text-wrap:balance;
}
body.home-v717 #mjr717-scene-copy p{
  max-width:760px!important;
  margin-top:19px!important;
  font-size:clamp(17px,1.42vw,22px)!important;
  line-height:1.55!important;
  text-wrap:pretty;
}
body.home-v717 #mjr717-scene-copy .mjr717-actions{
  margin-top:27px!important;
}
body.home-v717 #mjr717-scene-copy .mjr717-btn{
  padding:14px 19px!important;
}

/* ---------- BETTER IMAGE / TEXT CONTRAST ---------- */
body.home-v717 .hero::before{
  background:
    linear-gradient(90deg,
      rgba(1,8,15,.78) 0%,
      rgba(1,8,15,.58) 29%,
      rgba(1,8,15,.29) 55%,
      rgba(1,8,15,.12) 78%,
      rgba(1,8,15,.18) 100%),
    linear-gradient(180deg,
      rgba(1,8,15,.35) 0%,
      rgba(1,8,15,.05) 30%,
      rgba(1,8,15,.10) 62%,
      rgba(1,8,15,.72) 100%)!important;
}
body.home-v717 .majerci-hero-slide img{
  filter:saturate(1.055) contrast(1.065) brightness(.96)!important;
}

/* ---------- IMMERSIVE POINTER LIGHT ---------- */
#mjr718-pointer-light{
  position:absolute;
  inset:0;
  z-index:6;
  pointer-events:none;
  opacity:.38;
  background:
    radial-gradient(
      circle 360px at var(--mjr718-x,68%) var(--mjr718-y,42%),
      rgba(61,164,255,.17),
      rgba(61,164,255,.05) 36%,
      transparent 70%
    );
  transition:opacity .3s ease;
}
.hero:hover #mjr718-pointer-light{opacity:.55}

/* ---------- TRANSITION WAVE ---------- */
#mjr718-transition{
  position:absolute;
  z-index:8;
  inset:-10% -22%;
  pointer-events:none;
  opacity:0;
  transform:translateX(-55%) skewX(-13deg);
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(10,117,232,0) 35%,
      rgba(106,193,255,.18) 48%,
      rgba(255,255,255,.22) 50%,
      rgba(10,117,232,.10) 53%,
      transparent 67%
    );
}
.hero.mjr718-changing #mjr718-transition{
  animation:mjr718Wave 1.25s cubic-bezier(.22,.7,.22,1) both;
}
@keyframes mjr718Wave{
  0%{opacity:0;transform:translateX(-55%) skewX(-13deg)}
  18%{opacity:.9}
  100%{opacity:0;transform:translateX(70%) skewX(-13deg)}
}

/* ---------- SCROLL CUE ---------- */
#mjr718-scrollcue{
  position:absolute;
  left:50%;
  bottom:24px;
  transform:translateX(-50%);
  z-index:14;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:7px;
  color:rgba(255,255,255,.76);
  font-size:9px;
  font-weight:800;
  letter-spacing:.22em;
  text-transform:uppercase;
  pointer-events:none;
}
#mjr718-scrollcue .mouse{
  position:relative;
  width:23px;
  height:36px;
  border:1px solid rgba(255,255,255,.50);
  border-radius:999px;
}
#mjr718-scrollcue .mouse::after{
  content:'';
  position:absolute;
  top:7px;
  left:50%;
  width:3px;
  height:6px;
  border-radius:999px;
  transform:translateX(-50%);
  background:#fff;
  animation:mjr718Wheel 1.8s infinite ease-in-out;
}
@keyframes mjr718Wheel{
  0%{opacity:0;transform:translate(-50%,0)}
  28%{opacity:1}
  75%{opacity:0;transform:translate(-50%,11px)}
  100%{opacity:0}
}

/* ---------- PROGRESS ---------- */
body.home-v717 #mjr717-scene-progress{
  bottom:103px!important;
}
body.home-v717 #mjr717-scene-progress .track{
  width:175px!important;
}

/* ---------- TABLET ---------- */
@media(max-width:1180px){
  body.home-v717 #mjr717-nav{
    height:100px!important;
    gap:17px!important;
    padding-left:20px!important;
    padding-right:20px!important;
  }
  body.home-v717 #mjr717-nav .mjr717-logo{
    width:220px!important;
    min-width:220px!important;
    height:72px!important;
    border-radius:17px!important;
  }
  body.home-v717 #mjr717-nav .mjr717-links{
    gap:15px!important;
  }
  body.home-v717 #mjr717-nav .mjr717-links a{
    font-size:11px!important;
    letter-spacing:.045em!important;
  }
  body.home-v717 #mjr717-scene-copy{
    width:min(770px,76vw)!important;
  }
}

/* ---------- TABLET PORTRAIT ---------- */
@media(max-width:900px){
  body.home-v717 #mjr717-nav{
    height:86px!important;
    padding:0 16px!important;
  }
  body.home-v717 #mjr717-nav .mjr717-logo{
    width:186px!important;
    min-width:186px!important;
    height:62px!important;
    border-radius:15px!important;
  }
  body.home-v717 #mjr717-nav .mjr717-logo img{
    width:112%!important;
    transform:scale(1.08)!important;
  }
  body.home-v717 #mjr717-scene-copy{
    left:22px!important;
    right:22px!important;
    width:auto!important;
    bottom:128px!important;
  }
  body.home-v717 #mjr717-scene-copy h1{
    font-size:clamp(43px,9vw,68px)!important;
  }
  body.home-v717 #mjr717-scene-copy p{
    max-width:650px!important;
    font-size:17px!important;
  }
  body.home-v717 #mjr717-scene-progress{
    left:22px!important;
    bottom:78px!important;
  }
  #mjr718-scrollcue{display:none}
}

/* ---------- PHONE ---------- */
@media(max-width:560px){
  body.home-v717 #mjr717-nav .mjr717-logo{
    width:164px!important;
    min-width:164px!important;
    height:56px!important;
    border-radius:14px!important;
  }
  body.home-v717 #mjr717-scene-copy{
    bottom:138px!important;
  }
  body.home-v717 #mjr717-scene-copy h1{
    font-size:42px!important;
    line-height:.99!important;
  }
  body.home-v717 #mjr717-scene-copy p{
    font-size:15.5px!important;
  }
  body.home-v717 #mjr717-scene-copy .mjr717-actions{
    margin-top:19px!important;
  }
  #mjr718-pointer-light{display:none}
}

/* ---------- REDUCED MOTION ---------- */
@media(prefers-reduced-motion:reduce){
  #mjr718-transition,
  #mjr718-pointer-light,
  #mjr718-scrollcue,
  body.home-v717 #mjr717-nav .mjr717-logo::after{
    display:none!important;
  }
}
/* FIN MAJERCI PREMIUM POLISH V718 */

/* SOURCE: static/css/hero-ultra-v719.css */
/* =========================================================
   MAJERCI ULTRA IMMERSIVE V719
   Capa premium sobre V717 + V718
   ========================================================= */

:root{
  --mjr719-accent:#1688ff;
  --mjr719-accent-rgb:22,136,255;
  --mjr719-speed:8.6s;
  --mjr719-x:72%;
  --mjr719-y:38%;
}

body.home-v719{
  background:#06111d;
}

/* HERO */
body.home-v719 .hero{
  min-height:720px!important;
  background:#06111d!important;
}

body.home-v719 .majerci-hero-slide{
  transition:
    opacity 1.55s cubic-bezier(.22,.61,.36,1),
    filter 1.35s ease!important;
}

body.home-v719 .majerci-hero-slide img{
  inset:-1%!important;
  width:102%!important;
  height:102%!important;
  filter:saturate(1.065) contrast(1.07) brightness(.96)!important;
  transform:scale(1.025)!important;
}

body.home-v719 .majerci-hero-slide.active img{
  animation:mjr719Scene var(--mjr719-speed) cubic-bezier(.18,.72,.2,1) both!important;
}

@keyframes mjr719Scene{
  0%{transform:scale(1.025) translate3d(0,0,0)}
  42%{transform:scale(1.055) translate3d(var(--mjr719-mid-x,.35%),var(--mjr719-mid-y,-.20%),0)}
  72%{transform:scale(1.077) translate3d(var(--mjr719-end-x,-.30%),var(--mjr719-end-y,-.42%),0)}
  100%{transform:scale(1.095) translate3d(var(--mjr719-final-x,-.60%),var(--mjr719-final-y,-.55%),0)}
}

/* CONTRASTE CINEMATOGRAFICO */
body.home-v719 .hero::before{
  background:
    radial-gradient(circle at 74% 45%,rgba(var(--mjr719-accent-rgb),.12),transparent 33%),
    linear-gradient(90deg,
      rgba(1,7,13,.82) 0%,
      rgba(1,7,13,.63) 27%,
      rgba(1,7,13,.37) 49%,
      rgba(1,7,13,.17) 72%,
      rgba(1,7,13,.12) 100%),
    linear-gradient(180deg,
      rgba(1,7,13,.46) 0%,
      rgba(1,7,13,.08) 28%,
      rgba(1,7,13,.10) 58%,
      rgba(1,7,13,.78) 100%)!important;
}

body.home-v719 .hero::after{
  opacity:.11!important;
  background-size:5px 5px!important;
}

/* ATMOSFERA REACTIVA */
#mjr719-atmosphere{
  position:absolute;
  inset:0;
  z-index:7;
  pointer-events:none;
  opacity:.52;
  background:
    radial-gradient(circle 420px at var(--mjr719-x) var(--mjr719-y),
      rgba(var(--mjr719-accent-rgb),.17),
      rgba(var(--mjr719-accent-rgb),.055) 38%,
      transparent 72%),
    linear-gradient(115deg,transparent 34%,rgba(255,255,255,.025) 50%,transparent 66%);
  mix-blend-mode:screen;
  transition:opacity .35s ease,background .55s ease;
}

/* NAV */
body.home-v719 #mjr717-nav{
  height:126px!important;
  gap:clamp(24px,2.5vw,44px)!important;
  padding-left:max(32px,calc((100vw - 1500px)/2))!important;
  padding-right:max(32px,calc((100vw - 1500px)/2))!important;
  background:
    linear-gradient(180deg,rgba(2,10,18,.64) 0%,rgba(2,10,18,.22) 48%,rgba(2,10,18,0) 100%)!important;
}

body.home-v719 #mjr717-nav.scrolled{
  height:88px!important;
  background:rgba(4,15,25,.88)!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(20px) saturate(1.18)!important;
}

/* LOGO COMPLETO: NO RECORTA ICONOS NI TEXTO */
body.home-v719 #mjr717-nav .mjr717-logo{
  width:292px!important;
  min-width:292px!important;
  height:112px!important;
  padding:7px 12px!important;
  overflow:hidden!important;
  border-radius:20px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.985),rgba(242,248,253,.955))!important;
  border:1px solid rgba(255,255,255,.78)!important;
  box-shadow:
    0 24px 58px rgba(0,0,0,.18),
    0 0 0 1px rgba(var(--mjr719-accent-rgb),.08) inset,
    0 1px 0 rgba(255,255,255,.96) inset!important;
}

body.home-v719 #mjr717-nav .mjr717-logo::before{
  left:18px!important;
  right:18px!important;
  height:2px!important;
  background:linear-gradient(90deg,transparent,var(--mjr719-accent) 24%,#8fd2ff 50%,var(--mjr719-accent) 76%,transparent)!important;
  box-shadow:0 0 18px rgba(var(--mjr719-accent-rgb),.48)!important;
}

body.home-v719 #mjr717-nav .mjr717-logo img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  filter:drop-shadow(0 2px 2px rgba(13,52,88,.08))!important;
}

body.home-v719 #mjr717-nav.scrolled .mjr717-logo{
  width:232px!important;
  min-width:232px!important;
  height:78px!important;
  padding:5px 10px!important;
  border-radius:15px!important;
}

/* MENU */
body.home-v719 #mjr717-nav .mjr717-links{
  gap:clamp(22px,2vw,36px)!important;
}

body.home-v719 #mjr717-nav .mjr717-links a{
  position:relative;
  padding:15px 1px!important;
  font-size:12.5px!important;
  letter-spacing:.075em!important;
  font-weight:800!important;
  color:rgba(255,255,255,.91)!important;
  text-shadow:0 2px 14px rgba(0,0,0,.24);
}

body.home-v719 #mjr717-nav .mjr717-links a:hover,
body.home-v719 #mjr717-nav .mjr717-links a.active{
  color:#fff!important;
  transform:translateY(-1px)!important;
}

body.home-v719 #mjr717-nav .mjr717-links a::before{
  bottom:5px!important;
  height:2px!important;
  border-radius:99px;
  background:linear-gradient(90deg,var(--mjr719-accent),#fff)!important;
  box-shadow:0 0 16px rgba(var(--mjr719-accent-rgb),.66)!important;
}

body.home-v719 #mjr717-nav .mjr717-icon,
body.home-v719 #mjr717-nav .mjr717-menu-btn{
  width:46px!important;
  height:46px!important;
  border:1px solid rgba(255,255,255,.24)!important;
  background:rgba(3,13,23,.28)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.10)!important;
  backdrop-filter:blur(10px)!important;
}

body.home-v719 #mjr717-nav .mjr717-icon:hover,
body.home-v719 #mjr717-nav .mjr717-menu-btn:hover{
  background:rgba(255,255,255,.13)!important;
  border-color:rgba(255,255,255,.38)!important;
}

body.home-v719 #mjr717-nav .mjr717-quote{
  padding:14px 21px!important;
  color:#071522!important;
  background:linear-gradient(180deg,#fff,#edf7ff)!important;
  border:1px solid rgba(255,255,255,.86)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.14)!important;
}

/* COPY */
body.home-v719 #mjr717-scene-copy{
  left:max(38px,calc((100vw - 1500px)/2))!important;
  bottom:128px!important;
  width:min(930px,72vw)!important;
  z-index:18!important;
}

body.home-v719 #mjr717-scene-copy .mjr717-scene-label{
  margin-bottom:17px!important;
  color:rgba(255,255,255,.94)!important;
  font-size:12.5px!important;
  letter-spacing:.11em!important;
  text-shadow:0 2px 16px rgba(0,0,0,.38);
}

body.home-v719 #mjr717-scene-copy .mjr717-scene-label i{
  width:46px!important;
  height:2px!important;
  background:linear-gradient(90deg,var(--mjr719-accent),#9ad7ff)!important;
  box-shadow:0 0 16px rgba(var(--mjr719-accent-rgb),.62);
}

body.home-v719 #mjr717-scene-copy h1{
  max-width:930px!important;
  margin:0!important;
  font-size:clamp(55px,6.1vw,94px)!important;
  line-height:.94!important;
  letter-spacing:-.047em!important;
  font-weight:900!important;
  color:#fff!important;
  text-wrap:balance;
  text-shadow:
    0 2px 2px rgba(0,0,0,.20),
    0 14px 42px rgba(0,0,0,.34)!important;
}

body.home-v719 #mjr717-scene-copy p{
  max-width:770px!important;
  margin-top:20px!important;
  font-size:clamp(17px,1.35vw,21px)!important;
  line-height:1.55!important;
  color:rgba(245,250,255,.91)!important;
  text-wrap:pretty;
  text-shadow:0 2px 18px rgba(0,0,0,.44);
}

body.home-v719 #mjr717-scene-copy.changing{
  opacity:.30!important;
  transform:translateY(8px)!important;
  filter:blur(2px);
}

body.home-v719 #mjr717-scene-copy{
  transition:opacity .34s ease,transform .40s ease,filter .34s ease!important;
}

/* CTAs */
body.home-v719 #mjr717-scene-copy .mjr717-actions{
  margin-top:28px!important;
  gap:10px!important;
}

body.home-v719 #mjr717-scene-copy .mjr717-btn{
  min-height:48px;
  padding:13px 20px!important;
  border-radius:999px!important;
  font-size:13px!important;
  letter-spacing:.015em;
  font-weight:850!important;
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease!important;
}

body.home-v719 #mjr717-scene-copy .mjr717-btn.primary{
  color:#fff!important;
  background:linear-gradient(135deg,var(--mjr719-accent),#0567d0)!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:
    0 16px 38px rgba(var(--mjr719-accent-rgb),.26),
    0 0 0 1px rgba(255,255,255,.08) inset!important;
}

body.home-v719 #mjr717-scene-copy .mjr717-btn.secondary{
  color:#fff!important;
  background:rgba(5,17,29,.30)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  backdrop-filter:blur(12px)!important;
}

body.home-v719 #mjr717-scene-copy .mjr717-btn:hover{
  transform:translateY(-2px)!important;
}

/* PROGRESS */
body.home-v719 #mjr717-scene-progress{
  left:max(40px,calc((100vw - 1500px)/2))!important;
  right:auto!important;
  bottom:47px!important;
  z-index:19!important;
}

body.home-v719 #mjr717-scene-progress .track{
  width:150px!important;
  background:rgba(255,255,255,.20)!important;
}

body.home-v719 #mjr717-scene-progress .fill{
  background:linear-gradient(90deg,var(--mjr719-accent),#b5e4ff)!important;
  box-shadow:0 0 13px rgba(var(--mjr719-accent-rgb),.62)!important;
}

/* SCENE RAIL */
#mjr719-rail{
  position:absolute;
  left:50%;
  bottom:26px;
  z-index:20;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  max-width:min(790px,58vw);
  padding:6px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(3,13,23,.22);
  box-shadow:0 14px 34px rgba(0,0,0,.15);
  backdrop-filter:blur(13px) saturate(1.12);
  transform:translateX(-50%);
}

#mjr719-rail button{
  display:flex;
  align-items:center;
  gap:7px;
  height:34px;
  padding:0 10px;
  border:0;
  border-radius:999px;
  color:rgba(255,255,255,.70);
  background:transparent;
  cursor:pointer;
  font:inherit;
  font-size:10px;
  font-weight:800;
  letter-spacing:.05em;
  white-space:nowrap;
  transition:color .22s ease,background .22s ease,transform .22s ease;
}

#mjr719-rail button .dot{
  width:6px;
  height:6px;
  border-radius:50%;
  background:rgba(255,255,255,.35);
  box-shadow:0 0 0 0 rgba(var(--mjr719-accent-rgb),0);
  transition:.22s ease;
}

#mjr719-rail button:hover{
  color:#fff;
  background:rgba(255,255,255,.08);
}

#mjr719-rail button.active{
  color:#fff;
  background:rgba(255,255,255,.11);
}

#mjr719-rail button.active .dot{
  background:var(--mjr719-accent);
  box-shadow:0 0 14px rgba(var(--mjr719-accent-rgb),.86);
}

/* CONTROLS */
body.home-v719 #mjr717-controls{
  right:max(30px,calc((100vw - 1500px)/2))!important;
  bottom:32px!important;
  z-index:22!important;
}

body.home-v719 #mjr717-controls button{
  width:46px!important;
  height:46px!important;
  border-color:rgba(255,255,255,.25)!important;
  background:rgba(4,15,25,.28)!important;
  backdrop-filter:blur(12px)!important;
}

/* V718 SCROLL CUE: sustituido por rail V719 */
body.home-v719 #mjr718-scrollcue{display:none!important}

/* SEARCH */
body.home-v719 #mjr717-search{
  top:112px!important;
  right:max(28px,calc((100vw - 1500px)/2))!important;
  border:1px solid rgba(255,255,255,.70)!important;
  box-shadow:0 28px 72px rgba(0,0,0,.24)!important;
}

/* TABLET */
@media(max-width:1180px){
  body.home-v719 #mjr717-nav{
    height:104px!important;
    gap:17px!important;
    padding:0 20px!important;
  }
  body.home-v719 #mjr717-nav .mjr717-logo{
    width:238px!important;
    min-width:238px!important;
    height:92px!important;
    padding:6px 10px!important;
    border-radius:17px!important;
  }
  body.home-v719 #mjr717-nav .mjr717-links{
    gap:15px!important;
  }
  body.home-v719 #mjr717-nav .mjr717-links a{
    font-size:11px!important;
    letter-spacing:.045em!important;
  }
  #mjr719-rail{max-width:52vw}
  #mjr719-rail button{padding:0 8px;font-size:9px}
}

/* TABLET PORTRAIT */
@media(max-width:1020px){
  body.home-v719 #mjr717-nav{
    height:94px!important;
    padding:0 17px!important;
  }
  body.home-v719 #mjr717-nav .mjr717-links{display:none!important}
  body.home-v719 #mjr717-nav .mjr717-menu-btn{display:grid!important}
  body.home-v719 #mjr717-nav .mjr717-logo{
    width:220px!important;
    min-width:220px!important;
    height:84px!important;
  }
  body.home-v719 #mjr717-scene-copy{
    left:24px!important;
    right:24px!important;
    bottom:142px!important;
    width:auto!important;
  }
  body.home-v719 #mjr717-scene-copy h1{
    max-width:800px!important;
    font-size:clamp(47px,8.7vw,72px)!important;
  }
  body.home-v719 #mjr717-scene-copy p{
    max-width:680px!important;
    font-size:17px!important;
  }
  body.home-v719 #mjr717-scene-progress{
    left:24px!important;
    bottom:53px!important;
  }
  #mjr719-rail{
    max-width:56vw;
    bottom:31px;
  }
  #mjr719-rail button .label{display:none}
  #mjr719-rail button{width:31px;padding:0;justify-content:center}
  #mjr719-rail button .dot{width:7px;height:7px}
  body.home-v719 #mjr717-controls{
    right:20px!important;
    bottom:34px!important;
  }
}

/* PHONE */
@media(max-width:640px){
  body.home-v719 .hero{
    min-height:700px!important;
    height:100dvh!important;
    max-height:none!important;
  }
  body.home-v719 #mjr717-nav{
    height:82px!important;
    padding:0 13px!important;
    gap:9px!important;
  }
  body.home-v719 #mjr717-nav .mjr717-logo{
    width:174px!important;
    min-width:174px!important;
    height:70px!important;
    padding:5px 8px!important;
    border-radius:14px!important;
  }
  body.home-v719 #mjr717-nav .mjr717-icon.account{display:none!important}
  body.home-v719 #mjr717-nav .mjr717-icon{
    width:42px!important;
    height:42px!important;
  }
  body.home-v719 #mjr717-nav .mjr717-quote{display:none!important}
  body.home-v719 #mjr717-scene-copy{
    left:17px!important;
    right:17px!important;
    bottom:142px!important;
  }
  body.home-v719 #mjr717-scene-copy .mjr717-scene-label{
    margin-bottom:11px!important;
    font-size:10.5px!important;
  }
  body.home-v719 #mjr717-scene-copy .mjr717-scene-label i{
    width:25px!important;
  }
  body.home-v719 #mjr717-scene-copy h1{
    font-size:clamp(39px,11.3vw,51px)!important;
    line-height:.98!important;
    letter-spacing:-.04em!important;
  }
  body.home-v719 #mjr717-scene-copy p{
    margin-top:13px!important;
    font-size:15px!important;
    line-height:1.48!important;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  body.home-v719 #mjr717-scene-copy .mjr717-actions{
    margin-top:18px!important;
    gap:8px!important;
  }
  body.home-v719 #mjr717-scene-copy .mjr717-btn{
    min-height:44px;
    padding:11px 14px!important;
    font-size:12px!important;
  }
  body.home-v719 #mjr717-scene-progress{
    left:17px!important;
    bottom:73px!important;
  }
  body.home-v719 #mjr717-scene-progress .track{
    width:92px!important;
  }
  #mjr719-rail{
    left:50%;
    bottom:23px;
    max-width:none;
    gap:1px;
    padding:4px;
  }
  #mjr719-rail button{
    width:27px;
    height:28px;
    padding:0;
    justify-content:center;
  }
  #mjr719-rail button .label{display:none}
  #mjr719-rail button .dot{width:6px;height:6px}
  body.home-v719 #mjr717-controls{
    right:14px!important;
    bottom:67px!important;
  }
  body.home-v719 #mjr717-controls button{
    width:40px!important;
    height:40px!important;
  }
  body.home-v719 #mjr717-search{
    top:78px!important;
    right:12px!important;
    width:calc(100vw - 24px)!important;
  }
  #mjr719-atmosphere{display:none}
}

/* SMALL PHONE */
@media(max-width:420px){
  body.home-v719 #mjr717-nav .mjr717-logo{
    width:156px!important;
    min-width:156px!important;
    height:64px!important;
  }
  body.home-v719 #mjr717-nav .mjr717-icon.search{display:none!important}
  body.home-v719 #mjr717-scene-copy h1{
    font-size:38px!important;
  }
  body.home-v719 #mjr717-scene-copy .mjr717-actions{
    flex-wrap:wrap!important;
  }
}

/* REDUCED MOTION */
@media(prefers-reduced-motion:reduce){
  body.home-v719 .majerci-hero-slide.active img{
    animation:none!important;
    transform:scale(1.025)!important;
  }
  #mjr719-atmosphere{display:none!important}
  #mjr719-rail button{transition:none!important}
}

/* FIN MAJERCI ULTRA IMMERSIVE V719 */


/* SOURCE: static/css/hero-masterpiece-v720.css */
/* =========================================================
   MAJERCI MASTERPIECE V720
   Refinamiento final sobre V719
   ========================================================= */
:root{
  --mjr720-white:#ffffff;
  --mjr720-ice:#edf7ff;
  --mjr720-blue:#1595ff;
  --mjr720-cyan:#29d8ff;
  --mjr720-deep:#03101c;
}

body.home-v720{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:geometricPrecision;
}

/* Fondo: más profundidad, menos velo azulado sobre el texto */
body.home-v720 .hero::before{
  background:
    radial-gradient(circle at 77% 44%,rgba(var(--mjr719-accent-rgb),.10),transparent 30%),
    linear-gradient(90deg,
      rgba(1,7,13,.90) 0%,
      rgba(1,7,13,.76) 24%,
      rgba(1,7,13,.48) 43%,
      rgba(1,7,13,.20) 67%,
      rgba(1,7,13,.10) 100%),
    linear-gradient(180deg,
      rgba(0,7,13,.50) 0%,
      rgba(0,7,13,.08) 25%,
      rgba(0,7,13,.08) 62%,
      rgba(0,7,13,.78) 100%)!important;
}

body.home-v720 .hero::after{
  opacity:.065!important;
}

/* ---------- LOGO SIN CAJA BLANCA ---------- */
body.home-v720 #mjr717-nav{
  height:134px!important;
  padding-left:max(28px,calc((100vw - 1510px)/2))!important;
  padding-right:max(28px,calc((100vw - 1510px)/2))!important;
  gap:clamp(22px,2vw,36px)!important;
  background:
    linear-gradient(180deg,rgba(2,9,16,.72),rgba(2,9,16,.24) 58%,transparent)!important;
}

body.home-v720 #mjr717-nav .mjr717-logo{
  width:326px!important;
  min-width:326px!important;
  height:122px!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  transform:translateZ(0);
}

body.home-v720 #mjr717-nav .mjr717-logo::before,
body.home-v720 #mjr717-nav .mjr717-logo::after{
  display:none!important;
}

body.home-v720 #mjr717-nav .mjr717-logo img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:left center!important;
  transform:none!important;
  filter:
    brightness(1.09)
    saturate(1.08)
    drop-shadow(0 7px 14px rgba(0,0,0,.50))
    drop-shadow(0 0 8px rgba(24,144,255,.20))!important;
  transition:filter .28s ease,transform .28s ease!important;
}

body.home-v720 #mjr717-nav .mjr717-logo:hover img{
  transform:translateY(-1px) scale(1.012)!important;
  filter:
    brightness(1.13)
    saturate(1.10)
    drop-shadow(0 9px 18px rgba(0,0,0,.52))
    drop-shadow(0 0 13px rgba(25,155,255,.30))!important;
}

body.home-v720 #mjr717-nav.scrolled{
  height:92px!important;
  background:rgba(3,13,23,.91)!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important;
  box-shadow:0 17px 44px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(18px) saturate(1.12)!important;
}

body.home-v720 #mjr717-nav.scrolled .mjr717-logo{
  width:228px!important;
  min-width:228px!important;
  height:84px!important;
}

/* ---------- MENÚ: MÁS NÍTIDO Y EDITORIAL ---------- */
body.home-v720 #mjr717-nav .mjr717-links{
  gap:clamp(20px,1.75vw,31px)!important;
}

body.home-v720 #mjr717-nav .mjr717-links a{
  padding:16px 1px!important;
  color:#f7fbff!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:12.6px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.055em!important;
  text-shadow:0 2px 8px rgba(0,0,0,.48)!important;
  opacity:.96!important;
}

body.home-v720 #mjr717-nav .mjr717-links a:hover,
body.home-v720 #mjr717-nav .mjr717-links a.active{
  color:#fff!important;
  opacity:1!important;
}

body.home-v720 #mjr717-nav .mjr717-links a::before{
  bottom:5px!important;
  height:2px!important;
  background:linear-gradient(90deg,var(--mjr719-accent),var(--mjr720-cyan))!important;
  box-shadow:0 0 10px rgba(var(--mjr719-accent-rgb),.55)!important;
}

/* Herramientas superiores */
body.home-v720 #mjr717-nav .mjr717-icon,
body.home-v720 #mjr717-nav .mjr717-menu-btn{
  width:46px!important;
  height:46px!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.24)!important;
  background:rgba(2,11,19,.42)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(10px)!important;
}

body.home-v720 #mjr717-nav .mjr717-icon svg,
body.home-v720 #mjr717-nav .mjr717-menu-btn svg{
  stroke-width:1.75!important;
}

body.home-v720 #mjr717-nav .mjr717-quote{
  padding:14px 23px!important;
  color:#061321!important;
  font-weight:850!important;
  background:linear-gradient(180deg,#fff,#eaf6ff)!important;
  border:1px solid rgba(255,255,255,.90)!important;
  box-shadow:0 13px 31px rgba(0,0,0,.18),0 0 22px rgba(var(--mjr719-accent-rgb),.08)!important;
}

/* ---------- COPY: TEXTO CRISP, SIN NEBLINA ---------- */
body.home-v720 #mjr717-scene-copy{
  left:max(36px,calc((100vw - 1510px)/2))!important;
  bottom:126px!important;
  width:min(880px,69vw)!important;
  filter:none!important;
}

body.home-v720 #mjr717-scene-copy .mjr717-scene-label{
  margin-bottom:16px!important;
  color:#f7fbff!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:12.6px!important;
  line-height:1.15!important;
  font-weight:800!important;
  letter-spacing:.145em!important;
  text-shadow:0 2px 8px rgba(0,0,0,.55)!important;
  opacity:1!important;
}

body.home-v720 #mjr717-scene-copy .mjr717-scene-label i{
  width:46px!important;
  height:2px!important;
  background:linear-gradient(90deg,var(--mjr719-accent),var(--mjr720-cyan))!important;
  box-shadow:0 0 10px rgba(var(--mjr719-accent-rgb),.50)!important;
}

body.home-v720 #mjr717-scene-copy h1{
  max-width:850px!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:clamp(54px,5.45vw,84px)!important;
  line-height:.965!important;
  font-weight:900!important;
  letter-spacing:-.047em!important;
  color:#fff!important;
  text-wrap:balance!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:geometricPrecision!important;
  text-shadow:0 3px 16px rgba(0,0,0,.38)!important;
  filter:none!important;
}

body.home-v720 #mjr717-scene-copy h1 .mjr720-accent{
  color:var(--mjr719-accent)!important;
  background:linear-gradient(100deg,var(--mjr719-accent),var(--mjr720-cyan) 82%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:none!important;
  filter:drop-shadow(0 3px 10px rgba(var(--mjr719-accent-rgb),.17));
}

body.home-v720 #mjr717-scene-copy p{
  max-width:760px!important;
  margin-top:20px!important;
  color:#f2f7fb!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:clamp(17px,1.26vw,20px)!important;
  line-height:1.52!important;
  font-weight:400!important;
  letter-spacing:-.01em!important;
  text-shadow:0 2px 8px rgba(0,0,0,.55)!important;
  opacity:.98!important;
  filter:none!important;
}

/* Transición limpia: nada de blur fuerte */
body.home-v720 #mjr717-scene-copy{
  transition:opacity .28s ease,transform .34s cubic-bezier(.22,.61,.36,1)!important;
}
body.home-v720 #mjr717-scene-copy.changing{
  opacity:.20!important;
  transform:translateY(7px)!important;
  filter:none!important;
}

/* ---------- BOTONES ---------- */
body.home-v720 #mjr717-scene-copy .mjr717-actions{
  margin-top:27px!important;
  gap:12px!important;
}

body.home-v720 #mjr717-scene-copy .mjr717-btn{
  min-height:50px!important;
  padding:14px 21px!important;
  border-radius:999px!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:13px!important;
  font-weight:850!important;
  letter-spacing:0!important;
}

body.home-v720 #mjr717-scene-copy .mjr717-btn.primary{
  background:linear-gradient(135deg,var(--mjr719-accent),#066bd7)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 14px 34px rgba(var(--mjr719-accent-rgb),.28),0 0 0 1px rgba(255,255,255,.08) inset!important;
}

body.home-v720 #mjr717-scene-copy .mjr717-btn.secondary{
  color:#fff!important;
  background:rgba(2,11,19,.34)!important;
  border:1px solid rgba(255,255,255,.29)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.11)!important;
  backdrop-filter:blur(8px)!important;
}

/* ---------- INDICADORES ---------- */
body.home-v720 #mjr717-scene-progress{
  bottom:46px!important;
  color:#fff!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-weight:850!important;
  text-shadow:0 2px 8px rgba(0,0,0,.5)!important;
}

body.home-v720 #mjr719-rail{
  bottom:24px!important;
  padding:6px 8px!important;
  border:1px solid rgba(255,255,255,.17)!important;
  background:rgba(2,10,18,.46)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.20)!important;
  backdrop-filter:blur(11px) saturate(1.08)!important;
}

body.home-v720 #mjr719-rail button{
  color:rgba(245,250,255,.80)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:10.5px!important;
  font-weight:800!important;
  text-shadow:0 1px 6px rgba(0,0,0,.50)!important;
}

body.home-v720 #mjr719-rail button.active{
  color:#fff!important;
  border:1px solid rgba(var(--mjr719-accent-rgb),.54)!important;
  background:linear-gradient(180deg,rgba(var(--mjr719-accent-rgb),.20),rgba(var(--mjr719-accent-rgb),.09))!important;
  box-shadow:0 0 18px rgba(var(--mjr719-accent-rgb),.10)!important;
}

/* Glow reactivo más refinado */
body.home-v720 #mjr719-atmosphere{
  opacity:.34!important;
}

/* ---------- TABLET ---------- */
@media(max-width:1180px){
  body.home-v720 #mjr717-nav{
    height:108px!important;
    padding:0 18px!important;
  }
  body.home-v720 #mjr717-nav .mjr717-logo{
    width:252px!important;
    min-width:252px!important;
    height:98px!important;
  }
  body.home-v720 #mjr717-scene-copy{
    left:24px!important;
    right:24px!important;
    width:auto!important;
    bottom:142px!important;
  }
  body.home-v720 #mjr717-scene-copy h1{
    max-width:790px!important;
    font-size:clamp(48px,7.4vw,70px)!important;
  }
}

/* ---------- TABLET PORTRAIT ---------- */
@media(max-width:1020px){
  body.home-v720 #mjr717-nav{
    height:96px!important;
  }
  body.home-v720 #mjr717-nav .mjr717-logo{
    width:228px!important;
    min-width:228px!important;
    height:88px!important;
  }
  body.home-v720 #mjr717-scene-copy p{
    font-size:17px!important;
  }
}

/* ---------- PHONE ---------- */
@media(max-width:640px){
  body.home-v720 #mjr717-nav{
    height:84px!important;
    padding:0 12px!important;
  }
  body.home-v720 #mjr717-nav .mjr717-logo{
    width:174px!important;
    min-width:174px!important;
    height:72px!important;
  }
  body.home-v720 #mjr717-scene-copy{
    left:17px!important;
    right:17px!important;
    bottom:141px!important;
  }
  body.home-v720 #mjr717-scene-copy h1{
    font-size:clamp(38px,10.7vw,49px)!important;
    line-height:.99!important;
    letter-spacing:-.042em!important;
  }
  body.home-v720 #mjr717-scene-copy p{
    margin-top:13px!important;
    font-size:15px!important;
    line-height:1.47!important;
    color:#f5f8fb!important;
  }
  body.home-v720 #mjr719-rail button{
    font-size:0!important;
  }
}

@media(max-width:420px){
  body.home-v720 #mjr717-nav .mjr717-logo{
    width:158px!important;
    min-width:158px!important;
    height:66px!important;
  }
  body.home-v720 #mjr717-scene-copy h1{
    font-size:37px!important;
  }
}

/* Accesibilidad */
@media(prefers-reduced-motion:reduce){
  body.home-v720 #mjr717-nav .mjr717-logo img{
    transition:none!important;
  }
}

/* FIN MAJERCI MASTERPIECE V720 */


/* SOURCE: static/css/logo-relief-v721.css */
/* =========================================================
   MAJERCI LOGO RELIEF V721
   Separación luminosa premium sobre fondos oscuros/ocupados
   ========================================================= */

body.home-v721 #mjr717-nav .mjr717-logo{
  position:relative!important;
  isolation:isolate!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* Halo difuso: no es caja, solo crea separación del fondo */
body.home-v721 #mjr717-nav .mjr717-logo::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:-1!important;
  left:-5%!important;
  right:-4%!important;
  top:7%!important;
  bottom:7%!important;
  border-radius:48%!important;
  pointer-events:none!important;
  background:
    radial-gradient(ellipse at 44% 48%,
      rgba(255,255,255,.17) 0%,
      rgba(203,236,255,.11) 27%,
      rgba(70,167,255,.09) 46%,
      rgba(18,91,170,.035) 62%,
      transparent 76%)!important;
  filter:blur(13px)!important;
  opacity:.95!important;
}

/* Relieve claro + profundidad oscura */
body.home-v721 #mjr717-nav .mjr717-logo img{
  position:relative!important;
  z-index:1!important;
  filter:
    brightness(1.14)
    contrast(1.08)
    saturate(1.10)
    drop-shadow(0 0 1px rgba(255,255,255,.96))
    drop-shadow(0 0 4px rgba(220,244,255,.72))
    drop-shadow(0 0 10px rgba(72,174,255,.48))
    drop-shadow(0 4px 7px rgba(0,18,39,.68))
    drop-shadow(0 10px 18px rgba(0,0,0,.50))!important;
  transition:
    filter .28s ease,
    transform .28s cubic-bezier(.22,.61,.36,1)!important;
}

body.home-v721 #mjr717-nav .mjr717-logo:hover img{
  transform:translateY(-1px) scale(1.014)!important;
  filter:
    brightness(1.18)
    contrast(1.09)
    saturate(1.12)
    drop-shadow(0 0 1px rgba(255,255,255,1))
    drop-shadow(0 0 5px rgba(230,249,255,.84))
    drop-shadow(0 0 13px rgba(75,180,255,.58))
    drop-shadow(0 5px 8px rgba(0,16,35,.70))
    drop-shadow(0 11px 20px rgba(0,0,0,.52))!important;
}

/* Un poco más de anchura para compensar la composición del logo nuevo */
body.home-v721 #mjr717-nav .mjr717-logo{
  width:344px!important;
  min-width:344px!important;
  height:124px!important;
}

body.home-v721 #mjr717-nav.scrolled .mjr717-logo{
  width:246px!important;
  min-width:246px!important;
  height:86px!important;
}

/* Evita que el fondo del nav opaque visualmente el logo */
body.home-v721 #mjr717-nav{
  background:
    linear-gradient(180deg,
      rgba(2,9,16,.66) 0%,
      rgba(2,9,16,.20) 58%,
      transparent 100%)!important;
}

/* Desktop medio */
@media(max-width:1180px){
  body.home-v721 #mjr717-nav .mjr717-logo{
    width:266px!important;
    min-width:266px!important;
    height:100px!important;
  }
}

/* Tablet */
@media(max-width:1020px){
  body.home-v721 #mjr717-nav .mjr717-logo{
    width:238px!important;
    min-width:238px!important;
    height:90px!important;
  }
}

/* Celular */
@media(max-width:640px){
  body.home-v721 #mjr717-nav .mjr717-logo{
    width:184px!important;
    min-width:184px!important;
    height:74px!important;
  }

  body.home-v721 #mjr717-nav .mjr717-logo::after{
    filter:blur(9px)!important;
    opacity:.82!important;
  }

  body.home-v721 #mjr717-nav .mjr717-logo img{
    filter:
      brightness(1.15)
      contrast(1.08)
      saturate(1.09)
      drop-shadow(0 0 1px rgba(255,255,255,.94))
      drop-shadow(0 0 4px rgba(215,242,255,.64))
      drop-shadow(0 0 8px rgba(65,168,255,.40))
      drop-shadow(0 5px 10px rgba(0,0,0,.48))!important;
  }
}

@media(max-width:420px){
  body.home-v721 #mjr717-nav .mjr717-logo{
    width:165px!important;
    min-width:165px!important;
    height:68px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.home-v721 #mjr717-nav .mjr717-logo img{
    transition:none!important;
  }
}

/* FIN MAJERCI LOGO RELIEF V721 */


/* SOURCE: static/css/header-signature-v722.css */
/* =========================================================
   MAJERCI HEADER SIGNATURE V722
   Header premium: logo simplificado visualmente, placa glass y relieve
   ========================================================= */

body.home-v722 #mjr717-nav{
  height:124px!important;
  padding-left:max(28px,calc((100vw - 1510px)/2))!important;
  padding-right:max(28px,calc((100vw - 1510px)/2))!important;
  gap:clamp(24px,2.2vw,38px)!important;
}

/* Placa glass muy sutil: sin caja blanca */
body.home-v722 #mjr717-nav .mjr717-logo{
  position:relative!important;
  width:308px!important;
  min-width:308px!important;
  height:102px!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:22px!important;
  border:1px solid rgba(207,236,255,.13)!important;
  background:
    linear-gradient(135deg,rgba(6,23,39,.36),rgba(6,17,29,.14))!important;
  box-shadow:
    0 16px 38px rgba(0,0,0,.24),
    0 0 0 1px rgba(255,255,255,.025) inset!important;
  backdrop-filter:blur(8px) saturate(1.05)!important;
  isolation:isolate!important;
}

/* Luz suave detrás del logo */
body.home-v722 #mjr717-nav .mjr717-logo::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:10% 5%!important;
  z-index:-1!important;
  border-radius:50%!important;
  background:
    radial-gradient(ellipse at 45% 48%,
      rgba(232,248,255,.16) 0%,
      rgba(114,196,255,.10) 34%,
      rgba(19,126,220,.05) 57%,
      transparent 76%)!important;
  filter:blur(13px)!important;
  pointer-events:none!important;
}

/* La imagen completa se recorta visualmente para mostrar solo
   isotipo + MAJERCI S.A.C. + slogan. Los iconos quedan fuera del header. */
body.home-v722 #mjr717-nav .mjr717-logo img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:50% 30%!important;
  transform:scale(1.06)!important;
  filter:
    brightness(1.12)
    contrast(1.08)
    saturate(1.07)
    drop-shadow(0 0 1px rgba(255,255,255,.98))
    drop-shadow(0 0 4px rgba(218,244,255,.70))
    drop-shadow(0 0 9px rgba(58,169,255,.35))
    drop-shadow(0 5px 10px rgba(0,0,0,.56))!important;
  transition:transform .30s cubic-bezier(.22,.61,.36,1),filter .30s ease!important;
}

body.home-v722 #mjr717-nav .mjr717-logo:hover img{
  transform:scale(1.075) translateY(-1px)!important;
  filter:
    brightness(1.16)
    contrast(1.09)
    saturate(1.09)
    drop-shadow(0 0 1px rgba(255,255,255,1))
    drop-shadow(0 0 5px rgba(228,248,255,.80))
    drop-shadow(0 0 12px rgba(61,175,255,.43))
    drop-shadow(0 7px 12px rgba(0,0,0,.58))!important;
}

/* Menú más respirado y nítido */
body.home-v722 #mjr717-nav .mjr717-links{
  gap:clamp(21px,1.8vw,32px)!important;
}

body.home-v722 #mjr717-nav .mjr717-links a{
  color:#fbfdff!important;
  opacity:.98!important;
  font-size:12.5px!important;
  letter-spacing:.052em!important;
  text-shadow:0 2px 7px rgba(0,0,0,.52)!important;
}

/* Cuando el header se compacta */
body.home-v722 #mjr717-nav.scrolled{
  height:88px!important;
}

body.home-v722 #mjr717-nav.scrolled .mjr717-logo{
  width:230px!important;
  min-width:230px!important;
  height:74px!important;
  border-radius:16px!important;
}

/* Ajuste copy: más aire respecto al logo */
body.home-v722 #mjr717-scene-copy{
  left:max(34px,calc((100vw - 1510px)/2))!important;
}

/* Tablet */
@media(max-width:1180px){
  body.home-v722 #mjr717-nav{
    height:104px!important;
    padding:0 18px!important;
  }
  body.home-v722 #mjr717-nav .mjr717-logo{
    width:246px!important;
    min-width:246px!important;
    height:84px!important;
    border-radius:18px!important;
  }
}

/* Tablet portrait */
@media(max-width:1020px){
  body.home-v722 #mjr717-nav{
    height:92px!important;
  }
  body.home-v722 #mjr717-nav .mjr717-logo{
    width:218px!important;
    min-width:218px!important;
    height:76px!important;
  }
}

/* Celular */
@media(max-width:640px){
  body.home-v722 #mjr717-nav{
    height:80px!important;
    padding:0 11px!important;
  }
  body.home-v722 #mjr717-nav .mjr717-logo{
    width:166px!important;
    min-width:166px!important;
    height:61px!important;
    border-radius:14px!important;
    backdrop-filter:blur(6px)!important;
  }
  body.home-v722 #mjr717-nav .mjr717-logo img{
    object-position:50% 30%!important;
    transform:scale(1.07)!important;
  }
}

@media(max-width:420px){
  body.home-v722 #mjr717-nav .mjr717-logo{
    width:150px!important;
    min-width:150px!important;
    height:57px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.home-v722 #mjr717-nav .mjr717-logo img{
    transition:none!important;
  }
}

/* FIN MAJERCI HEADER SIGNATURE V722 */


/* SOURCE: static/css/experience-v723.css */
/* =========================================================
   MAJERCI EXPERIENCE V723
   Hero hierarchy + controls + WhatsApp + transitions + home sections
   ========================================================= */

:root{
  --mjr723-navy:#06111d;
  --mjr723-navy2:#0a1a2b;
  --mjr723-blue:#148fff;
  --mjr723-cyan:#29d8ff;
  --mjr723-ink:#10233a;
  --mjr723-muted:#62748a;
  --mjr723-line:rgba(16,63,105,.12);
  --mjr723-card:#ffffff;
  --mjr723-soft:#f4f8fc;
}

/* ---------- HERO: JERARQUÍA ---------- */
body.home-v723 #mjr717-scene-copy{
  left:max(34px,calc((100vw - 1510px)/2))!important;
  bottom:132px!important;
  width:min(805px,63vw)!important;
}

body.home-v723 #mjr717-scene-copy .mjr717-scene-label{
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
  margin-bottom:18px!important;
  padding:0!important;
  color:#eef8ff!important;
  font-size:12px!important;
  font-weight:850!important;
  letter-spacing:.155em!important;
  text-shadow:0 2px 8px rgba(0,0,0,.58)!important;
}

body.home-v723 #mjr717-scene-copy .mjr717-scene-label i{
  width:42px!important;
  height:2px!important;
  background:linear-gradient(90deg,var(--mjr719-accent),var(--mjr723-cyan))!important;
  box-shadow:0 0 12px rgba(var(--mjr719-accent-rgb),.52)!important;
}

body.home-v723 #mjr717-scene-copy h1{
  max-width:790px!important;
  font-size:clamp(54px,5.05vw,80px)!important;
  line-height:.975!important;
  letter-spacing:-.045em!important;
  font-weight:900!important;
  text-wrap:balance!important;
  text-shadow:0 4px 18px rgba(0,0,0,.34)!important;
}

body.home-v723 #mjr717-scene-copy h1 .mjr720-accent{
  background:linear-gradient(100deg,#1698ff 0%,#2bdcff 88%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  filter:drop-shadow(0 4px 12px rgba(19,148,255,.18))!important;
}

body.home-v723 #mjr717-scene-copy p{
  max-width:680px!important;
  margin-top:18px!important;
  color:rgba(245,249,253,.94)!important;
  font-size:clamp(16.5px,1.16vw,19px)!important;
  line-height:1.58!important;
  font-weight:400!important;
  text-shadow:0 2px 8px rgba(0,0,0,.48)!important;
}

body.home-v723 #mjr717-scene-copy .mjr717-actions{
  margin-top:25px!important;
  gap:10px!important;
}

body.home-v723 #mjr717-scene-copy .mjr717-btn{
  min-height:48px!important;
  padding:13px 21px!important;
  font-size:12.5px!important;
  border-radius:999px!important;
}

body.home-v723 #mjr717-scene-copy .mjr717-btn.primary{
  box-shadow:
    0 15px 34px rgba(var(--mjr719-accent-rgb),.25),
    0 0 0 1px rgba(255,255,255,.08) inset!important;
}

body.home-v723 #mjr717-scene-copy .mjr717-btn.secondary{
  background:rgba(3,14,24,.34)!important;
  border-color:rgba(255,255,255,.26)!important;
  backdrop-filter:blur(10px)!important;
}

/* entrada del copy sin desenfoque */
body.home-v723 #mjr717-scene-copy.mjr723-copy-in{
  animation:mjr723CopyIn .72s cubic-bezier(.22,.61,.36,1) both;
}
@keyframes mjr723CopyIn{
  0%{opacity:.18;transform:translate3d(0,12px,0)}
  100%{opacity:1;transform:translate3d(0,0,0)}
}

/* ---------- TRANSICIONES DE ESCENA ---------- */
body.home-v723 .majerci-hero-slide{
  opacity:0!important;
  transition:opacity 1.18s cubic-bezier(.22,.61,.36,1)!important;
  will-change:opacity;
}
body.home-v723 .majerci-hero-slide.active{
  opacity:1!important;
}

body.home-v723 .majerci-hero-slide img{
  filter:saturate(1.055) contrast(1.065) brightness(.95)!important;
  transform:scale(1.028)!important;
}
body.home-v723 .majerci-hero-slide.active img{
  animation:mjr723SceneDrift 8.8s cubic-bezier(.18,.72,.2,1) both!important;
}
@keyframes mjr723SceneDrift{
  0%{transform:scale(1.028) translate3d(0,0,0)}
  45%{transform:scale(1.055) translate3d(.22%,-.18%,0)}
  100%{transform:scale(1.082) translate3d(-.32%,-.40%,0)}
}

body.home-v723 .majerci-hero-slide::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(112deg,transparent 35%,rgba(102,196,255,.08) 50%,transparent 65%);
  transform:translateX(-18%);
}
body.home-v723 .majerci-hero-slide.active::after{
  animation:mjr723LightSweep 1.35s ease-out both;
}
@keyframes mjr723LightSweep{
  0%{opacity:0;transform:translateX(-18%)}
  25%{opacity:.50}
  100%{opacity:0;transform:translateX(18%)}
}

/* ---------- CONTROLES INFERIORES ---------- */
body.home-v723 #mjr717-scene-progress{
  left:max(34px,calc((100vw - 1510px)/2))!important;
  bottom:36px!important;
  min-height:38px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:0 13px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:999px!important;
  background:rgba(2,11,19,.35)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.16)!important;
  backdrop-filter:blur(12px)!important;
  font-size:11px!important;
  font-weight:850!important;
  letter-spacing:.055em!important;
}

body.home-v723 #mjr717-scene-progress .track{
  width:112px!important;
  height:2px!important;
  border-radius:99px!important;
  background:rgba(255,255,255,.18)!important;
  overflow:hidden!important;
}
body.home-v723 #mjr717-scene-progress .fill{
  background:linear-gradient(90deg,var(--mjr719-accent),var(--mjr723-cyan))!important;
  box-shadow:0 0 10px rgba(var(--mjr719-accent-rgb),.56)!important;
}

body.home-v723 #mjr719-rail{
  bottom:29px!important;
  gap:3px!important;
  padding:5px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  background:rgba(2,10,18,.34)!important;
  box-shadow:0 14px 32px rgba(0,0,0,.16)!important;
  backdrop-filter:blur(13px) saturate(1.08)!important;
}

body.home-v723 #mjr719-rail button{
  height:36px!important;
  padding:0 11px!important;
  color:rgba(243,249,255,.73)!important;
  font-size:10px!important;
  letter-spacing:.035em!important;
  border:1px solid transparent!important;
}

body.home-v723 #mjr719-rail button.active{
  color:#fff!important;
  background:linear-gradient(180deg,rgba(var(--mjr719-accent-rgb),.22),rgba(var(--mjr719-accent-rgb),.08))!important;
  border-color:rgba(var(--mjr719-accent-rgb),.48)!important;
  box-shadow:0 0 18px rgba(var(--mjr719-accent-rgb),.10)!important;
}

body.home-v723 #mjr717-controls{
  right:104px!important;
  bottom:29px!important;
  display:flex!important;
  gap:7px!important;
}

body.home-v723 #mjr717-controls button{
  width:44px!important;
  height:44px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  background:rgba(2,11,19,.40)!important;
  color:#fff!important;
  box-shadow:0 10px 26px rgba(0,0,0,.17)!important;
  backdrop-filter:blur(12px)!important;
  transition:transform .22s ease,background .22s ease,border-color .22s ease!important;
}
body.home-v723 #mjr717-controls button:hover{
  transform:translateY(-2px)!important;
  background:rgba(var(--mjr719-accent-rgb),.16)!important;
  border-color:rgba(var(--mjr719-accent-rgb),.46)!important;
}

/* ---------- WHATSAPP PREMIUM ---------- */
body.home-v723 .majerci-wa-wrap{
  right:20px!important;
  bottom:20px!important;
  gap:10px!important;
  z-index:99999!important;
}

body.home-v723 .majerci-wa-button{
  width:58px!important;
  height:58px!important;
  border:1px solid rgba(255,255,255,.60)!important;
  background:linear-gradient(145deg,#2bdc72,#18b956)!important;
  box-shadow:
    0 14px 30px rgba(4,45,23,.26),
    0 0 0 6px rgba(37,211,102,.08)!important;
  animation:none!important;
}

body.home-v723 .majerci-wa-button:hover{
  transform:translateY(-3px) scale(1.035)!important;
  box-shadow:
    0 18px 36px rgba(4,45,23,.30),
    0 0 0 7px rgba(37,211,102,.11)!important;
}

body.home-v723 .majerci-wa-pulse{
  inset:-6px!important;
  border-width:2px!important;
  opacity:.52!important;
  animation:mjr723WaPulse 3.8s ease-out infinite!important;
}
@keyframes mjr723WaPulse{
  0%,45%{transform:scale(.94);opacity:.48}
  72%{transform:scale(1.24);opacity:0}
  100%{transform:scale(1.24);opacity:0}
}

body.home-v723 .majerci-wa-icon{
  width:31px!important;
  height:31px!important;
}

body.home-v723 .majerci-wa-message{
  width:254px!important;
  padding:15px 36px 15px 16px!important;
  color:#eaf6ff!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:18px!important;
  background:rgba(5,20,32,.90)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.25)!important;
  backdrop-filter:blur(16px) saturate(1.08)!important;
}

body.home-v723 .majerci-wa-message::after{
  background:rgba(5,20,32,.90)!important;
}

body.home-v723 .majerci-wa-message strong{
  color:#fff!important;
  font-size:15px!important;
}
body.home-v723 .majerci-wa-message span{
  color:rgba(232,242,250,.78)!important;
  font-size:13px!important;
}
body.home-v723 .majerci-wa-message small{
  color:#55e58e!important;
  font-size:12px!important;
}
body.home-v723 .majerci-wa-close{
  color:rgba(234,246,255,.55)!important;
}

/* =========================================================
   HOME BELOW HERO
   ========================================================= */

body.home-v723 .home-category-band,
body.home-v723 .home-brands-band,
body.home-v723 .home-products-section,
body.home-v723 .home-benefit-band,
body.home-v723 .corporate-home{
  position:relative;
  overflow:hidden;
}

/* ---------- CATEGORÍAS ---------- */
body.home-v723 .home-category-band{
  padding:82px 0 76px!important;
  background:
    radial-gradient(circle at 12% 0%,rgba(20,143,255,.08),transparent 31%),
    linear-gradient(180deg,#f5f9fd 0%,#fff 100%)!important;
  border-top:1px solid rgba(12,65,108,.08)!important;
}

body.home-v723 .mjr723-section-intro{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  margin-bottom:28px;
}

body.home-v723 .mjr723-section-intro .copy{
  max-width:730px;
}

body.home-v723 .mjr723-kicker{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-bottom:11px;
  color:#1688ef;
  font-size:11px;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
}
body.home-v723 .mjr723-kicker::before{
  content:"";
  width:31px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,#178dff,#28d4ff);
}

body.home-v723 .mjr723-section-intro h2{
  margin:0;
  color:#0b1f35;
  font-size:clamp(31px,3vw,47px);
  line-height:1.02;
  letter-spacing:-.035em;
  font-weight:900;
}

body.home-v723 .mjr723-section-intro p{
  margin:13px 0 0;
  color:#61738a;
  font-size:16px;
  line-height:1.6;
}

body.home-v723 .mjr723-section-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:0 17px;
  border:1px solid rgba(15,100,171,.16);
  border-radius:999px;
  background:#fff;
  color:#135d9b;
  font-size:12px;
  font-weight:850;
  text-decoration:none;
  box-shadow:0 9px 25px rgba(17,73,122,.06);
  white-space:nowrap;
}

body.home-v723 .category-strip{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:13px!important;
  overflow:visible!important;
}

body.home-v723 .category-tile{
  min-width:0!important;
  min-height:148px!important;
  padding:19px 14px 17px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-items:flex-start!important;
  border:1px solid rgba(17,82,136,.10)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 14px 35px rgba(20,64,102,.055)!important;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease!important;
}

body.home-v723 .category-tile:hover{
  transform:translateY(-5px)!important;
  border-color:rgba(20,143,255,.28)!important;
  box-shadow:0 20px 46px rgba(20,92,151,.10)!important;
}

body.home-v723 .category-tile-icon{
  width:44px!important;
  height:44px!important;
  margin-bottom:16px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,#edf7ff,#f8fcff)!important;
  color:#148fff!important;
  box-shadow:0 0 0 1px rgba(20,143,255,.10) inset!important;
  font-size:20px!important;
}

body.home-v723 .category-tile strong{
  color:#10253c!important;
  font-size:13px!important;
  line-height:1.28!important;
  font-weight:850!important;
}

body.home-v723 .category-tile small{
  margin-top:auto!important;
  padding-top:9px!important;
  color:#718198!important;
  font-size:11px!important;
}

/* ---------- MARCAS ---------- */
body.home-v723 .home-brands-band{
  padding:78px 0!important;
  background:
    radial-gradient(circle at 78% 20%,rgba(28,151,255,.13),transparent 33%),
    linear-gradient(135deg,#071522 0%,#0b2034 52%,#071522 100%)!important;
}

body.home-v723 .home-brands-inner{
  gap:38px!important;
}

body.home-v723 .home-brands-copy{
  max-width:520px!important;
}

body.home-v723 .home-brands-kicker{
  color:#4ecaff!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.17em!important;
}

body.home-v723 .home-brands-copy h2{
  margin:10px 0 12px!important;
  color:#fff!important;
  font-size:clamp(32px,3vw,48px)!important;
  line-height:1.04!important;
  letter-spacing:-.035em!important;
}

body.home-v723 .home-brands-copy p{
  color:rgba(226,239,249,.72)!important;
  font-size:15.5px!important;
  line-height:1.62!important;
}

body.home-v723 .home-brands-slider{
  position:relative!important;
  overflow:hidden!important;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)!important;
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)!important;
}

body.home-v723 .home-brand-card{
  min-width:150px!important;
  height:82px!important;
  margin:0 6px!important;
  padding:13px 17px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.13)!important;
}

body.home-v723 .home-brand-card img{
  max-height:48px!important;
  filter:saturate(.96) contrast(1.02)!important;
}

/* ---------- PRODUCTOS ---------- */
body.home-v723 .home-products-section{
  padding:82px 0 88px!important;
  background:#f6f9fc!important;
}

body.home-v723 .home-products-section .mjr723-section-intro{
  margin-bottom:24px;
}

body.home-v723 .product-tabs-row{
  margin-bottom:26px!important;
  padding:7px!important;
  border:1px solid rgba(18,79,130,.10)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 12px 30px rgba(20,64,100,.055)!important;
}

body.home-v723 .product-tabs{
  gap:5px!important;
}

body.home-v723 .product-tabs a{
  padding:11px 14px!important;
  border-radius:12px!important;
  color:#61748b!important;
  font-size:12px!important;
  font-weight:800!important;
}

body.home-v723 .product-tabs a.active{
  color:#fff!important;
  background:linear-gradient(135deg,#148fff,#0872db)!important;
  box-shadow:0 8px 20px rgba(20,143,255,.22)!important;
}

body.home-v723 .view-all-link{
  margin-right:8px!important;
  color:#1673bc!important;
  font-size:12px!important;
  font-weight:850!important;
}

body.home-v723 .home-products-grid{
  gap:17px!important;
}

body.home-v723 .home-products-grid .product-card{
  border:1px solid rgba(17,78,128,.10)!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 14px 36px rgba(22,64,99,.055)!important;
  overflow:hidden!important;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease!important;
}

body.home-v723 .home-products-grid .product-card:hover{
  transform:translateY(-5px)!important;
  border-color:rgba(20,143,255,.23)!important;
  box-shadow:0 22px 48px rgba(18,76,124,.105)!important;
}

body.home-v723 .home-products-grid .product-image{
  background:linear-gradient(180deg,#fbfdff,#f3f8fc)!important;
}

body.home-v723 .home-products-grid .product-title{
  color:#10243b!important;
  font-weight:850!important;
}

/* ---------- BENEFICIOS ---------- */
body.home-v723 .home-benefit-band{
  padding:26px 0 78px!important;
  background:#f6f9fc!important;
}

body.home-v723 .home-benefits{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:12px!important;
}

body.home-v723 .home-benefits .benefit{
  min-height:142px!important;
  padding:21px 17px!important;
  border:1px solid rgba(17,78,128,.10)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 12px 30px rgba(18,66,105,.05)!important;
}

body.home-v723 .home-benefits .benefit-icon{
  width:39px!important;
  height:39px!important;
  display:grid!important;
  place-items:center!important;
  margin-bottom:15px!important;
  border-radius:13px!important;
  background:#edf7ff!important;
  color:#148fff!important;
}

body.home-v723 .home-benefits .benefit b{
  display:block!important;
  color:#10253c!important;
  font-size:13px!important;
  line-height:1.3!important;
}

body.home-v723 .home-benefits .benefit span:last-child{
  display:block!important;
  margin-top:7px!important;
  color:#728298!important;
  font-size:11.5px!important;
  line-height:1.45!important;
}

/* ---------- CORPORATIVO ---------- */
body.home-v723 .corporate-home{
  padding:88px 0!important;
  background:
    radial-gradient(circle at 8% 50%,rgba(34,164,255,.14),transparent 31%),
    linear-gradient(135deg,#071522 0%,#0b2135 58%,#071522 100%)!important;
}

body.home-v723 .corporate-home-grid{
  gap:58px!important;
}

body.home-v723 .corporate-home .eyebrow{
  color:#48c7ff!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.17em!important;
}

body.home-v723 .corporate-home h2{
  max-width:650px!important;
  margin:12px 0 17px!important;
  color:#fff!important;
  font-size:clamp(34px,3.6vw,55px)!important;
  line-height:1.03!important;
  letter-spacing:-.038em!important;
}

body.home-v723 .corporate-home p{
  max-width:670px!important;
  color:rgba(226,239,249,.74)!important;
  font-size:16px!important;
  line-height:1.65!important;
}

body.home-v723 .corporate-points{
  display:grid!important;
  gap:12px!important;
}

body.home-v723 .corporate-points > div{
  padding:20px 20px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.055)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.10)!important;
  backdrop-filter:blur(7px)!important;
}

body.home-v723 .corporate-points b{
  color:#fff!important;
  font-size:14px!important;
}

body.home-v723 .corporate-points span{
  display:block!important;
  margin-top:7px!important;
  color:rgba(224,237,248,.68)!important;
  font-size:12.5px!important;
  line-height:1.5!important;
}

/* ---------- REVEAL ---------- */
body.home-v723 .mjr723-reveal{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .72s ease,transform .72s cubic-bezier(.22,.61,.36,1);
}
body.home-v723 .mjr723-reveal.mjr723-visible{
  opacity:1;
  transform:none;
}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1180px){
  body.home-v723 .category-strip{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  body.home-v723 .home-benefits{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

@media(max-width:1020px){
  body.home-v723 #mjr717-scene-copy{
    left:24px!important;right:24px!important;width:auto!important;bottom:145px!important;
  }
  body.home-v723 #mjr717-scene-copy h1{font-size:clamp(47px,8vw,68px)!important}
  body.home-v723 #mjr717-scene-progress{left:24px!important;bottom:35px!important}
  body.home-v723 #mjr719-rail{max-width:48vw!important}
  body.home-v723 #mjr717-controls{right:94px!important}
  body.home-v723 .mjr723-section-intro{align-items:flex-start;flex-direction:column}
  body.home-v723 .category-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.home-v723 .home-benefits{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:640px){
  body.home-v723 #mjr717-scene-copy{
    left:17px!important;right:17px!important;bottom:150px!important;
  }
  body.home-v723 #mjr717-scene-copy h1{
    font-size:clamp(39px,10.8vw,49px)!important;
    line-height:.99!important;
  }
  body.home-v723 #mjr717-scene-copy p{
    font-size:14.5px!important;
    line-height:1.48!important;
    -webkit-line-clamp:3!important;
  }
  body.home-v723 #mjr717-scene-progress{
    left:15px!important;
    bottom:76px!important;
    min-height:34px!important;
    padding:0 10px!important;
  }
  body.home-v723 #mjr717-scene-progress .track{width:70px!important}
  body.home-v723 #mjr719-rail{bottom:25px!important;max-width:none!important}
  body.home-v723 #mjr717-controls{
    right:78px!important;
    bottom:72px!important;
  }
  body.home-v723 #mjr717-controls button{width:39px!important;height:39px!important}
  body.home-v723 .majerci-wa-wrap{right:14px!important;bottom:14px!important}
  body.home-v723 .majerci-wa-button{width:54px!important;height:54px!important}
  body.home-v723 .majerci-wa-message{width:216px!important}

  body.home-v723 .home-category-band,
  body.home-v723 .home-brands-band,
  body.home-v723 .home-products-section,
  body.home-v723 .corporate-home{padding-top:58px!important;padding-bottom:58px!important}

  body.home-v723 .mjr723-section-intro h2{font-size:34px}
  body.home-v723 .mjr723-section-intro p{font-size:14.5px}

  body.home-v723 .category-strip{
    display:flex!important;
    overflow-x:auto!important;
    gap:11px!important;
    scroll-snap-type:x mandatory!important;
    padding:2px 2px 12px!important;
    scrollbar-width:none!important;
  }
  body.home-v723 .category-strip::-webkit-scrollbar{display:none}
  body.home-v723 .category-tile{
    min-width:180px!important;
    min-height:138px!important;
    scroll-snap-align:start!important;
  }

  body.home-v723 .home-benefits{
    display:flex!important;
    overflow-x:auto!important;
    gap:11px!important;
    scroll-snap-type:x mandatory!important;
    padding-bottom:10px!important;
    scrollbar-width:none!important;
  }
  body.home-v723 .home-benefits::-webkit-scrollbar{display:none}
  body.home-v723 .home-benefits .benefit{
    min-width:220px!important;
    scroll-snap-align:start!important;
  }

  body.home-v723 .product-tabs-row{align-items:flex-start!important;gap:10px!important}
  body.home-v723 .product-tabs{overflow-x:auto!important;max-width:100%!important}
  body.home-v723 .view-all-link{display:none!important}
}

@media(prefers-reduced-motion:reduce){
  body.home-v723 .majerci-hero-slide,
  body.home-v723 .majerci-hero-slide.active img,
  body.home-v723 .majerci-hero-slide.active::after,
  body.home-v723 .mjr723-reveal{
    animation:none!important;
    transition:none!important;
  }
}

/* FIN MAJERCI EXPERIENCE V723 */


/* SOURCE: static/css/professional-v724.css */
/* =========================================================
   MAJERCI PROFESSIONAL UNIFICATION V724
   Categorías + promociones + colecciones + blog + cards + limpieza ficha
   ========================================================= */

:root{
  --mjr724-ink:#071a2d;
  --mjr724-muted:#687d91;
  --mjr724-blue:#168cff;
  --mjr724-cyan:#20cfff;
  --mjr724-green:#18b96b;
  --mjr724-orange:#ff9d1a;
  --mjr724-line:rgba(8,64,108,.10);
  --mjr724-shadow:0 18px 46px rgba(10,55,90,.09);
}

/* ---------- CATEGORÍAS: LIMPIAS, ICONO GRANDE Y CENTRADO ---------- */
body.home-v724 .home-category-band{
  padding:76px 0 86px!important;
}

body.home-v724 .category-strip{
  gap:14px!important;
}

body.home-v724 .category-tile{
  min-height:142px!important;
  padding:20px 16px 18px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.92)!important;
  border:1px solid rgba(9,72,118,.10)!important;
  box-shadow:0 12px 30px rgba(11,54,88,.06)!important;
}

body.home-v724 .category-tile:hover{
  transform:translateY(-6px)!important;
  border-color:rgba(22,140,255,.28)!important;
  box-shadow:0 22px 46px rgba(11,54,88,.12)!important;
}

body.home-v724 .category-tile-icon{
  width:88px!important;
  height:74px!important;
  margin:0 auto 15px!important;
  border-radius:20px!important;
  display:grid!important;
  place-items:center!important;
  font-size:34px!important;
  line-height:1!important;
  background:
    radial-gradient(circle at 40% 28%,rgba(255,255,255,.98),rgba(238,248,255,.96) 68%)!important;
  border:1px solid rgba(22,140,255,.14)!important;
  color:#0f82ed!important;
  box-shadow:
    0 10px 22px rgba(22,140,255,.08),
    0 0 0 1px rgba(255,255,255,.70) inset!important;
}

body.home-v724 .category-tile strong{
  max-width:190px;
  color:#0a1e31!important;
  font-size:13px!important;
  line-height:1.30!important;
  font-weight:850!important;
}

body.home-v724 .category-tile small{
  display:none!important;
}

/* ---------- CABECERAS DE SECCIÓN REUTILIZABLES ---------- */
.mjr724-section{
  position:relative;
  overflow:hidden;
}

.mjr724-container{
  width:min(1440px,calc(100% - 56px));
  margin:0 auto;
}

.mjr724-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  margin-bottom:28px;
}

.mjr724-kicker{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-bottom:10px;
  color:#1189f3;
  font-size:11px;
  line-height:1;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.mjr724-kicker::before{
  content:"";
  width:30px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,var(--mjr724-blue),var(--mjr724-cyan));
}

.mjr724-head h2{
  margin:0;
  color:var(--mjr724-ink);
  font-size:clamp(34px,3.8vw,58px);
  line-height:.98;
  letter-spacing:-.045em;
  text-wrap:balance;
}

.mjr724-head p{
  max-width:720px;
  margin:13px 0 0;
  color:var(--mjr724-muted);
  font-size:16px;
  line-height:1.6;
}

.mjr724-link{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:44px;
  padding:0 17px;
  border:1px solid rgba(12,87,145,.14);
  border-radius:999px;
  color:#086cce;
  background:#fff;
  box-shadow:0 8px 24px rgba(10,55,90,.06);
  text-decoration:none;
  font-size:12px;
  font-weight:850;
  transition:.22s ease;
}
.mjr724-link:hover{
  transform:translateY(-2px);
  border-color:rgba(22,140,255,.30);
  box-shadow:0 14px 28px rgba(10,55,90,.10);
}

/* ---------- PROMOCIONES: 3 VISIBLES / ROTACIÓN ---------- */
#mjr724-promos{
  padding:76px 0 84px;
  background:
    radial-gradient(circle at 15% 0%,rgba(31,174,255,.11),transparent 30%),
    linear-gradient(135deg,#071827 0%,#0a2740 62%,#071d31 100%);
}

#mjr724-promos .mjr724-kicker{
  color:#5acbff;
}

#mjr724-promos .mjr724-kicker::before{
  background:linear-gradient(90deg,#27b8ff,#8de5ff);
}

#mjr724-promos .mjr724-head h2{
  color:#fff;
}

#mjr724-promos .mjr724-head p{
  color:rgba(231,241,249,.72);
}

#mjr724-promos .mjr724-link{
  color:#eaf7ff;
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.12);
  box-shadow:none;
}

.mjr724-promo-stage{
  position:relative;
  min-height:430px;
}

.mjr724-promo-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.mjr724-promo-card{
  position:relative;
  min-height:410px;
  overflow:hidden;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.13);
  background:
    linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.045));
  box-shadow:0 24px 56px rgba(0,0,0,.22);
  text-decoration:none;
  isolation:isolate;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}

.mjr724-promo-card:hover{
  transform:translateY(-7px);
  border-color:rgba(88,199,255,.36);
  box-shadow:0 30px 64px rgba(0,0,0,.27);
}

.mjr724-promo-image{
  position:absolute;
  inset:0;
  z-index:-2;
  width:100%;
  height:100%;
  object-fit:cover;
  background:#eef6fc;
  transform:scale(1.01);
}

.mjr724-promo-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(180deg,rgba(2,11,18,.05) 15%,rgba(2,11,18,.25) 53%,rgba(2,11,18,.92) 100%);
}

.mjr724-promo-badge{
  position:absolute;
  top:16px;
  left:16px;
  padding:7px 11px;
  border-radius:999px;
  color:#fff;
  background:rgba(22,140,255,.90);
  backdrop-filter:blur(8px);
  box-shadow:0 10px 24px rgba(0,0,0,.18);
  font-size:10px;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.mjr724-promo-copy{
  position:absolute;
  left:20px;
  right:20px;
  bottom:20px;
  color:#fff;
}

.mjr724-promo-brand{
  margin-bottom:7px;
  color:#75d9ff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.mjr724-promo-copy h3{
  margin:0;
  font-size:clamp(20px,2vw,31px);
  line-height:1.02;
  letter-spacing:-.035em;
  text-wrap:balance;
}

.mjr724-promo-price{
  display:inline-flex;
  margin-top:13px;
  padding:8px 12px;
  border-radius:999px;
  color:#061421;
  background:rgba(255,255,255,.96);
  font-size:14px;
  font-weight:900;
}

.mjr724-promo-progress{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  margin-top:18px;
}

.mjr724-promo-progress button{
  width:7px;
  height:7px;
  padding:0;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.28);
  cursor:pointer;
  transition:.2s ease;
}

.mjr724-promo-progress button.active{
  width:26px;
  border-radius:99px;
  background:#2ac9ff;
}

/* ---------- HOMEPRODUCTS: CABECERA Y UNIFICACIÓN ---------- */
body.home-v724 .home-products-section{
  padding:78px 0 86px!important;
}

.mjr724-products-intro{
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:flex-end;
  margin-bottom:26px;
}

.mjr724-products-intro h2{
  margin:0;
  max-width:760px;
  color:var(--mjr724-ink);
  font-size:clamp(36px,4vw,60px);
  line-height:.98;
  letter-spacing:-.045em;
}

.mjr724-products-intro p{
  max-width:660px;
  margin:12px 0 0;
  color:var(--mjr724-muted);
  line-height:1.6;
}

/* Cards globalmente uniformes */
.product-card{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  overflow:hidden!important;
  border-radius:20px!important;
  border:1px solid rgba(9,66,109,.11)!important;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(11,54,88,.055)!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}

.product-card:hover{
  transform:translateY(-5px)!important;
  border-color:rgba(22,140,255,.24)!important;
  box-shadow:0 20px 42px rgba(11,54,88,.12)!important;
}

.product-card .product-image{
  position:relative!important;
  height:230px!important;
  min-height:230px!important;
  display:grid!important;
  place-items:center!important;
  padding:16px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#f7fbff 0%,#eef6fb 100%)!important;
}

.product-card .product-image img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}

.product-card .product-body{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  padding:17px!important;
}

.product-card .brand{
  min-height:16px;
  color:#6a7f93!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
}

.product-card .product-title{
  margin-top:7px!important;
  min-height:48px!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  color:#0a2440!important;
  font-size:14px!important;
  line-height:1.34!important;
  font-weight:800!important;
}

.product-card .product-summary{
  margin-top:9px!important;
  min-height:40px!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  color:#71859a!important;
  font-size:11px!important;
  line-height:1.42!important;
}

.product-card .price-line{
  margin-top:auto!important;
  padding-top:14px!important;
}

.product-card .price{
  color:#ec3b34!important;
  font-size:18px!important;
  font-weight:900!important;
}

.product-card .card-actions,
.product-card .quick-buy-row{
  margin-top:12px!important;
}

.product-card .product-view-link,
.product-card .quote-link-button,
.product-card [data-add-cart]{
  min-height:40px!important;
  border-radius:11px!important;
  font-weight:800!important;
}

/* Placeholder corporativo */
.mjr724-placeholder{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  border-radius:14px!important;
  background:
    radial-gradient(circle at 30% 22%,rgba(32,190,255,.12),transparent 28%),
    linear-gradient(145deg,#eef7ff,#e4f0f8)!important;
  color:#0d5a9d!important;
  text-align:center;
}
.mjr724-placeholder b{
  display:block;
  font-size:42px;
  letter-spacing:-.06em;
}
.mjr724-placeholder small{
  display:block;
  margin-top:4px;
  color:#668096;
  font-size:10px;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}

/* ---------- COLECCIONES PARA TI / TENDENCIA ---------- */
.mjr724-collection{
  padding:76px 0 82px;
  background:#fff;
  border-top:1px solid rgba(8,64,108,.06);
}

.mjr724-collection.alt{
  background:
    radial-gradient(circle at 90% 10%,rgba(22,140,255,.06),transparent 24%),
    #f7fbfe;
}

.mjr724-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:20px;
}

.mjr724-chip{
  padding:8px 12px;
  border:1px solid rgba(9,66,109,.13);
  border-radius:999px;
  color:#526a81;
  background:#fff;
  font-size:11px;
  font-weight:800;
}

.mjr724-chip.active{
  color:#0872da;
  border-color:rgba(22,140,255,.32);
  background:#edf7ff;
}

.mjr724-strip{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(220px,1fr);
  gap:14px;
  overflow-x:auto;
  padding:4px 2px 14px;
  scroll-snap-type:x proximity;
  scrollbar-width:thin;
}

.mjr724-mini-card{
  position:relative;
  scroll-snap-align:start;
  min-height:366px;
  overflow:hidden;
  border:1px solid rgba(9,66,109,.10);
  border-radius:20px;
  background:#fff;
  box-shadow:0 10px 28px rgba(11,54,88,.055);
  text-decoration:none;
  transition:.22s ease;
}

.mjr724-mini-card:hover{
  transform:translateY(-5px);
  box-shadow:0 20px 42px rgba(11,54,88,.11);
}

.mjr724-mini-media{
  height:205px;
  display:grid;
  place-items:center;
  padding:14px;
  background:linear-gradient(180deg,#f5f9fd,#edf5fb);
}

.mjr724-mini-media img{
  width:100%;
  height:100%;
  object-fit:contain;
}

.mjr724-mini-body{
  padding:15px;
}

.mjr724-mini-brand{
  color:#71859a;
  font-size:10px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.mjr724-mini-title{
  margin-top:8px;
  min-height:43px;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  color:#0a2440;
  font-size:13px;
  line-height:1.36;
  font-weight:800;
}

.mjr724-mini-price{
  margin-top:14px;
  color:#0a1c2e;
  font-size:18px;
  font-weight:900;
}

/* ---------- BLOG HOME ---------- */
#mjr724-blog{
  padding:78px 0 86px;
  background:linear-gradient(180deg,#f7fbfe,#fff);
  border-top:1px solid rgba(8,64,108,.06);
}

.mjr724-blog-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}

.mjr724-blog-card{
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(9,66,109,.10);
  background:#fff;
  box-shadow:0 12px 32px rgba(11,54,88,.065);
  text-decoration:none;
  transition:.24s ease;
}

.mjr724-blog-card:hover{
  transform:translateY(-6px);
  box-shadow:0 22px 46px rgba(11,54,88,.12);
}

.mjr724-blog-media{
  height:190px;
  overflow:hidden;
  background:#eaf4fb;
}

.mjr724-blog-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .35s ease;
}

.mjr724-blog-card:hover .mjr724-blog-media img{
  transform:scale(1.035);
}

.mjr724-blog-body{
  padding:17px;
}

.mjr724-blog-tag{
  color:#0c83ed;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.mjr724-blog-title{
  margin:9px 0 0;
  color:#0a1d31;
  font-size:17px;
  line-height:1.26;
  letter-spacing:-.015em;
}

.mjr724-blog-excerpt{
  margin:10px 0 0;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
  color:#6d8195;
  font-size:12px;
  line-height:1.5;
}

/* ---------- LIMPIEZA DE METADATOS INTERNOS ---------- */
.mjr724-hidden-source{
  display:none!important;
}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1100px){
  .mjr724-promo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .mjr724-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mjr724-container{width:min(100% - 36px,1440px)}
}

@media(max-width:760px){
  .mjr724-head{
    align-items:flex-start;
    flex-direction:column;
    gap:15px;
  }
  .mjr724-container{width:calc(100% - 28px)}
  .mjr724-promo-grid{grid-template-columns:1fr}
  .mjr724-promo-card{min-height:330px}
  .mjr724-promo-grid .mjr724-promo-card:nth-child(n+2){display:none}
  .mjr724-products-intro{align-items:flex-start;flex-direction:column}
  .mjr724-blog-grid{grid-template-columns:1fr}
  .product-card .product-image{height:210px!important;min-height:210px!important}
}

@media(max-width:520px){
  body.home-v724 .category-tile{
    min-height:126px!important;
  }
  body.home-v724 .category-tile-icon{
    width:72px!important;
    height:62px!important;
    font-size:29px!important;
  }
}

/* FIN V724 */


/* SOURCE: static/css/polish-v724.css */
/* =========================================================
   MAJERCI POLISH V724
   Mobile immersive header + category grid fix + WhatsApp refinement
   ========================================================= */

/* Desktop category grid: neutralize legacy horizontal strip behavior */
body.home-v724 .home-category-band .category-strip{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  grid-auto-columns:unset!important;
  grid-template-rows:auto!important;
  gap:13px!important;
  overflow:visible!important;
  transform:none!important;
  white-space:normal!important;
}

body.home-v724 .home-category-band .category-tile{
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  flex:initial!important;
  scroll-snap-align:unset!important;
}

body.home-v724 .home-category-band .category-tile strong{
  width:100%!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

/* Hero title extra crisp */
body.home-v724 #mjr717-scene-copy h1{
  max-width:760px!important;
  font-size:clamp(53px,4.9vw,78px)!important;
  line-height:.985!important;
  letter-spacing:-.043em!important;
}

body.home-v724 #mjr717-scene-copy p{
  max-width:660px!important;
}

/* WhatsApp desktop: compact, premium, less intrusive */
body.home-v724 .majerci-wa-message{
  width:236px!important;
  padding:13px 34px 13px 15px!important;
}
body.home-v724 .majerci-wa-message strong{font-size:14px!important}
body.home-v724 .majerci-wa-message span{font-size:12.5px!important}
body.home-v724 .majerci-wa-message small{font-size:11.5px!important}

/* Tablet */
@media(max-width:1180px){
  body.home-v724 .home-category-band .category-strip{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}

/* =========================================================
   MOBILE: eliminate duplicated legacy header, keep immersive header
   ========================================================= */
@media(max-width:1020px){
  body.home-v724 .topbar.majerci-topbar,
  body.home-v724 .header-grid,
  body.home-v724 nav.nav{
    display:none!important;
  }

  body.home-v724{
    padding-top:0!important;
  }

  body.home-v724 .hero{
    margin-top:0!important;
  }
}

@media(max-width:640px){
  body.home-v724 .hero{
    min-height:100dvh!important;
    height:100dvh!important;
    max-height:none!important;
  }

  /* Immersive nav mobile */
  body.home-v724 #mjr717-nav{
    height:78px!important;
    padding:0 10px!important;
    gap:8px!important;
    background:linear-gradient(180deg,rgba(2,10,18,.78),rgba(2,10,18,.20) 72%,transparent)!important;
  }

  body.home-v724 #mjr717-nav .mjr717-logo{
    width:162px!important;
    min-width:162px!important;
    height:60px!important;
    border-radius:13px!important;
  }

  body.home-v724 #mjr717-nav .mjr717-logo img{
    transform:scale(1.05)!important;
  }

  body.home-v724 #mjr717-scene-copy{
    left:16px!important;
    right:16px!important;
    width:auto!important;
    max-width:none!important;
    bottom:136px!important;
  }

  body.home-v724 #mjr717-scene-copy .mjr717-scene-label{
    max-width:92vw!important;
    margin-bottom:11px!important;
    gap:8px!important;
    font-size:9.4px!important;
    letter-spacing:.095em!important;
    line-height:1.25!important;
    white-space:normal!important;
  }

  body.home-v724 #mjr717-scene-copy .mjr717-scene-label i{
    width:27px!important;
    flex:0 0 27px!important;
  }

  body.home-v724 #mjr717-scene-copy h1{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    font-size:clamp(35px,9.8vw,43px)!important;
    line-height:1.00!important;
    letter-spacing:-.038em!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }

  body.home-v724 #mjr717-scene-copy p{
    max-width:94%!important;
    margin-top:12px!important;
    font-size:14px!important;
    line-height:1.46!important;
    -webkit-line-clamp:2!important;
  }

  body.home-v724 #mjr717-scene-copy .mjr717-actions{
    margin-top:15px!important;
    gap:7px!important;
  }

  body.home-v724 #mjr717-scene-copy .mjr717-btn{
    min-height:42px!important;
    padding:10px 13px!important;
    font-size:11px!important;
  }

  /* Simplify lower UI so it never collides */
  body.home-v724 #mjr717-scene-progress{
    left:13px!important;
    bottom:68px!important;
    min-height:31px!important;
    padding:0 8px!important;
    font-size:9px!important;
  }

  body.home-v724 #mjr717-scene-progress .track{
    width:54px!important;
  }

  body.home-v724 #mjr719-rail{
    left:50%!important;
    bottom:20px!important;
    gap:0!important;
    padding:3px!important;
    max-width:none!important;
  }

  body.home-v724 #mjr719-rail button{
    width:25px!important;
    height:26px!important;
    padding:0!important;
  }

  body.home-v724 #mjr719-rail button .label{
    display:none!important;
  }

  body.home-v724 #mjr717-controls{
    right:68px!important;
    bottom:64px!important;
    gap:5px!important;
  }

  body.home-v724 #mjr717-controls button{
    width:37px!important;
    height:37px!important;
  }

  /* WhatsApp: button only on mobile, never block the hero */
  body.home-v724 .majerci-wa-message{
    display:none!important;
  }

  body.home-v724 .majerci-wa-wrap{
    right:12px!important;
    bottom:12px!important;
  }

  body.home-v724 .majerci-wa-button{
    width:52px!important;
    height:52px!important;
    box-shadow:0 11px 27px rgba(5,55,28,.26),0 0 0 5px rgba(37,211,102,.07)!important;
  }

  body.home-v724 .majerci-wa-icon{
    width:28px!important;
    height:28px!important;
  }

  /* Categories become swipe cards on mobile */
  body.home-v724 .home-category-band .category-strip{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    gap:10px!important;
    scroll-snap-type:x mandatory!important;
    transform:none!important;
    padding:2px 2px 12px!important;
  }

  body.home-v724 .home-category-band .category-tile{
    flex:0 0 176px!important;
    width:176px!important;
    min-width:176px!important;
    min-height:132px!important;
    scroll-snap-align:start!important;
  }

  body.home-v724 .mjr723-section-intro{
    gap:18px!important;
    margin-bottom:22px!important;
  }

  body.home-v724 .mjr723-section-intro h2{
    font-size:31px!important;
  }

  body.home-v724 .mjr723-section-link{
    min-height:40px!important;
    padding:0 14px!important;
  }
}

@media(max-width:390px){
  body.home-v724 #mjr717-scene-copy h1{
    font-size:34px!important;
  }

  body.home-v724 #mjr717-scene-copy p{
    font-size:13.5px!important;
  }

  body.home-v724 #mjr717-nav .mjr717-logo{
    width:150px!important;
    min-width:150px!important;
  }
}

/* FIN MAJERCI POLISH V724 */


/* SOURCE: V725 EXTRA */
/* =========================================================
   MAJERCI V725 EXTRA
   Consolidación, performance, UX, responsive y accesibilidad
   ========================================================= */

:root{
  --v725-blue:#168cff;
  --v725-cyan:#24cfff;
  --v725-ink:#071d31;
  --v725-muted:#6c8094;
  --v725-line:rgba(9,67,109,.10);
  --v725-shadow:0 16px 42px rgba(10,55,90,.09);
}

/* Accesibilidad */
.v725-skip-link{
  position:fixed;left:16px;top:12px;z-index:99999;
  transform:translateY(-160%);
  padding:11px 15px;border-radius:10px;
  background:#071d31;color:#fff;font-weight:800;text-decoration:none;
  transition:transform .2s ease;
}
.v725-skip-link:focus{transform:translateY(0)}
:where(a,button,input,select,textarea):focus-visible{
  outline:3px solid rgba(22,140,255,.48)!important;
  outline-offset:3px!important;
}

/* Categorías: SVG grande, centrado, sin subtítulo */
body.home-v725 .category-tile{
  min-height:150px!important;
  justify-content:center!important;
}
body.home-v725 .category-tile-icon{
  width:90px!important;height:74px!important;
  display:grid!important;place-items:center!important;
}
body.home-v725 .category-tile-icon svg{
  width:42px;height:42px;display:block;color:#0b84ed;
}
body.home-v725 .category-tile small{display:none!important}
body.home-v725 .category-tile strong{
  max-width:190px!important;text-align:center!important;
  font-size:13px!important;line-height:1.3!important;
}

/* Catálogo paginado */
.v725-catalog .catalog-layout{align-items:start}
.v725-catalog-main{min-width:0}
.v725-filter-category{
  display:flex!important;align-items:center;gap:9px;
  padding:8px 0!important;color:#173b60!important;text-decoration:none;
}
.v725-filter-category svg{width:18px;height:18px;flex:0 0 18px;color:#168cff}
.v725-pagination{
  display:flex;flex-wrap:wrap;justify-content:center;gap:8px;
  margin:30px 0 2px;
}
.v725-pagination a{
  min-width:40px;height:40px;padding:0 12px;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--v725-line);
  border-radius:11px;background:#fff;color:#1a4b75;
  text-decoration:none;font-size:12px;font-weight:800;
  transition:.2s ease;
}
.v725-pagination a:hover,.v725-pagination a.active{
  color:#fff;background:linear-gradient(135deg,#168cff,#0871d9);
  border-color:transparent;box-shadow:0 10px 22px rgba(22,140,255,.2);
}

/* Tarjeta única */
.v725-product-card{
  height:100%;
  display:flex!important;flex-direction:column!important;
  border-radius:20px!important;
}
.v725-product-card .product-image{
  height:226px!important;min-height:226px!important;
  padding:16px!important;display:grid!important;place-items:center!important;
}
.v725-product-card .product-image img{
  width:100%!important;height:100%!important;object-fit:contain!important;
}
.v725-product-card .product-body{display:flex!important;flex-direction:column!important;flex:1!important}
.v725-product-card .product-title{
  min-height:46px!important;
  display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;
}
.v725-product-card .product-summary{
  min-height:38px!important;
  display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;
}
.v725-product-card .price-line{margin-top:auto!important}
.v725-card-placeholder{
  width:100%;height:100%;display:grid;place-items:center;align-content:center;
  border-radius:15px;
  background:radial-gradient(circle at 28% 20%,rgba(35,177,255,.13),transparent 30%),linear-gradient(145deg,#eef7ff,#e2eef7);
  color:#0d5b9b;text-align:center;
}
.v725-card-placeholder b{font-size:42px;line-height:1;letter-spacing:-.05em}
.v725-card-placeholder small{margin-top:8px;color:#73899d;font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.v725-quote-actions{
  margin-top:13px;display:grid;grid-template-columns:1fr;gap:8px;
}
.v725-quote-actions .btn{width:100%;min-height:42px}
.v725-quote-actions .product-view-link{
  min-height:40px;display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(9,67,109,.12);border-radius:11px;text-decoration:none;font-weight:800;
}

/* Secciones dinámicas V725 */
.v725-section{position:relative;overflow:hidden}
.v725-container{width:min(1440px,calc(100% - 56px));margin:auto}
.v725-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:26px;margin-bottom:26px;
}
.v725-kicker{
  display:flex;align-items:center;gap:9px;margin-bottom:9px;
  color:#0e87f0;font-size:10.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;
}
.v725-kicker:before{content:"";width:28px;height:2px;border-radius:99px;background:linear-gradient(90deg,#168cff,#24cfff)}
.v725-head h2{margin:0;color:var(--v725-ink);font-size:clamp(34px,3.7vw,56px);line-height:.98;letter-spacing:-.045em}
.v725-head p{max-width:720px;margin:12px 0 0;color:var(--v725-muted);font-size:15px;line-height:1.6}
.v725-link{
  display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:0 16px;
  border:1px solid var(--v725-line);border-radius:999px;background:#fff;color:#076dcc;
  text-decoration:none;font-size:11.5px;font-weight:850;box-shadow:0 8px 24px rgba(10,55,90,.06);
}

/* Promociones / selección */
#v725-promos{
  padding:76px 0 84px;
  background:radial-gradient(circle at 16% 0%,rgba(37,193,255,.12),transparent 30%),linear-gradient(135deg,#061522,#0a2a45 64%,#071d31);
}
#v725-promos .v725-kicker{color:#62d3ff}
#v725-promos .v725-head h2{color:#fff}
#v725-promos .v725-head p{color:rgba(235,244,250,.73)}
#v725-promos .v725-link{background:rgba(255,255,255,.06);color:#edf8ff;border-color:rgba(255,255,255,.14);box-shadow:none}
.v725-promo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.v725-promo-card{
  position:relative;min-height:390px;overflow:hidden;border-radius:24px;
  border:1px solid rgba(255,255,255,.14);background:#0d2133;text-decoration:none;
  box-shadow:0 24px 56px rgba(0,0,0,.23);isolation:isolate;transition:.25s ease;
}
.v725-promo-card:hover{transform:translateY(-6px);box-shadow:0 30px 65px rgba(0,0,0,.29)}
.v725-promo-card img{
  position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:contain;padding:28px;background:linear-gradient(180deg,#f5f9fc,#e8f2f9);
}
.v725-promo-card:after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(4,12,19,.03) 25%,rgba(4,12,19,.25) 55%,rgba(4,12,19,.94) 100%);
}
.v725-promo-badge{
  position:absolute;top:15px;left:15px;padding:7px 11px;border-radius:999px;
  background:rgba(22,140,255,.92);color:#fff;font-size:9.5px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;
}
.v725-promo-copy{position:absolute;left:20px;right:20px;bottom:20px;color:#fff}
.v725-promo-brand{color:#71d9ff;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.v725-promo-copy h3{margin:7px 0 0;font-size:clamp(20px,2vw,29px);line-height:1.04;letter-spacing:-.035em}
.v725-promo-price{display:inline-flex;margin-top:12px;padding:8px 12px;border-radius:999px;background:#fff;color:#071421;font-size:13px;font-weight:900}
.v725-promo-dots{display:flex;justify-content:center;gap:6px;margin-top:18px}
.v725-promo-dots button{width:7px;height:7px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.28)}
.v725-promo-dots button.active{width:24px;background:#2ac9ff}

/* Para ti / Tendencia */
.v725-collection{padding:72px 0 80px;background:#fff;border-top:1px solid rgba(8,64,108,.06)}
.v725-collection.alt{background:radial-gradient(circle at 90% 12%,rgba(22,140,255,.06),transparent 24%),#f7fbfe}
.v725-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.v725-chip{padding:8px 11px;border:1px solid rgba(9,67,109,.12);border-radius:999px;background:#fff;color:#566f86;font-size:10.5px;font-weight:800}
.v725-chip.active{color:#0873d9;border-color:rgba(22,140,255,.3);background:#edf7ff}
.v725-strip{
  display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:14px;
  overflow-x:auto;padding:3px 2px 14px;scroll-snap-type:x proximity;scrollbar-width:thin;
}
.v725-mini-card{
  scroll-snap-align:start;min-height:355px;overflow:hidden;border:1px solid var(--v725-line);border-radius:19px;
  background:#fff;box-shadow:0 10px 28px rgba(11,54,88,.055);text-decoration:none;transition:.22s ease;
}
.v725-mini-card:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(11,54,88,.11)}
.v725-mini-media{height:200px;display:grid;place-items:center;padding:14px;background:linear-gradient(180deg,#f5f9fd,#edf5fb)}
.v725-mini-media img{width:100%;height:100%;object-fit:contain}
.v725-mini-body{padding:15px}
.v725-mini-brand{color:#73879a;font-size:9.5px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.v725-mini-title{margin-top:7px;min-height:42px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#0a2440;font-size:13px;line-height:1.35;font-weight:800}
.v725-mini-price{margin-top:13px;color:#0a1c2e;font-size:17px;font-weight:900}

/* Blog home */
#v725-blog{padding:74px 0 84px;background:linear-gradient(180deg,#f7fbfe,#fff);border-top:1px solid rgba(8,64,108,.06)}
.v725-blog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.v725-blog-card{overflow:hidden;border:1px solid var(--v725-line);border-radius:21px;background:#fff;box-shadow:0 12px 32px rgba(11,54,88,.06);text-decoration:none;transition:.23s ease}
.v725-blog-card:hover{transform:translateY(-5px);box-shadow:0 22px 45px rgba(11,54,88,.12)}
.v725-blog-media{height:185px;overflow:hidden;background:#eaf4fb}
.v725-blog-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.v725-blog-card:hover img{transform:scale(1.035)}
.v725-blog-body{padding:16px}
.v725-blog-tag{color:#0c83ed;font-size:9.5px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.v725-blog-title{margin:8px 0 0;color:#0a1d31;font-size:16px;line-height:1.26}
.v725-blog-excerpt{margin:9px 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;color:#6d8195;font-size:11.5px;line-height:1.5}

/* WhatsApp global compacto */
.majerci-wa-message{display:none!important}
.majerci-wa-wrap{right:18px!important;bottom:18px!important}
.majerci-wa-button{
  width:52px!important;min-width:52px!important;height:52px!important;padding:0!important;
  justify-content:center!important;border-radius:50%!important;
  box-shadow:0 14px 34px rgba(0,0,0,.20)!important;animation:none!important;
}
.majerci-wa-pulse{display:none!important}

/* Ficha producto: CTA comercial coherente */
body.v725-quote-detail .buybox [data-add-cart]{display:none!important}
body.v725-quote-detail .buybox [data-add-quote]{
  color:#fff!important;background:linear-gradient(135deg,#168cff,#076ed7)!important;border-color:transparent!important;
}

/* Evita metadatos internos si reaparecen */
.v725-hidden-source{display:none!important}

/* Responsive */
@media(max-width:1024px){
  .v725-container{width:calc(100% - 36px)}
  .v725-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v725-promo-grid{gap:12px}
}
@media(max-width:768px){
  .v725-head{align-items:flex-start;flex-direction:column;gap:14px}
  .v725-promo-grid{grid-template-columns:1fr}
  .v725-promo-grid .v725-promo-card:nth-child(n+2){display:none}
  .v725-promo-card{min-height:325px}
  .v725-blog-grid{grid-template-columns:1fr}
  .v725-catalog .catalog-layout{grid-template-columns:1fr!important}
  .v725-catalog .filters{position:static!important}
}
@media(max-width:390px){
  .v725-container{width:calc(100% - 24px)}
  body.home-v725 .category-tile{min-height:128px!important}
  body.home-v725 .category-tile-icon{width:72px!important;height:62px!important}
  body.home-v725 .category-tile-icon svg{width:34px;height:34px}
  .v725-head h2{font-size:34px}
  .v725-product-card .product-image{height:205px!important;min-height:205px!important}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* FIN V725 */


/* ===== V725.2 COMMERCIAL UNIFICATION ===== */
.v725-product-card .product-title,
.product-card.v725-product-card .product-title{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  min-height:44px!important;
  margin:7px 0 0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#0b2845!important;
  box-shadow:none!important;
  font-size:14px!important;
  line-height:1.34!important;
  font-weight:850!important;
  text-align:left!important;
}
.v725-product-card .product-title:hover{color:#0a78df!important}
.v725-product-card .product-summary{
  margin:9px 0 0!important;
  min-height:0!important;
  color:#73879a!important;
  font-size:11px!important;
  line-height:1.45!important;
}
.v725-product-card .v725-quote-actions{gap:9px!important;margin-top:14px!important}
.v725-product-card .v725-quote-actions .btn.primary,
.v725-product-card .quote-link-button,
.product-card .quote-link-button,
.product-card button[data-add-quote]{
  min-height:42px!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#168cff 0%,#086fdf 100%)!important;
  color:#fff!important;
  box-shadow:0 9px 22px rgba(22,140,255,.22)!important;
  font-weight:850!important;
  text-decoration:none!important;
}
.v725-product-card .v725-quote-actions .btn.primary:hover,
.v725-product-card .quote-link-button:hover,
.product-card .quote-link-button:hover,
.product-card button[data-add-quote]:hover{
  transform:translateY(-1px)!important;
  background:linear-gradient(135deg,#0e7feb 0%,#0565cf 100%)!important;
  box-shadow:0 12px 26px rgba(22,140,255,.28)!important;
}
.v725-product-card .product-view-link,
.product-card.v725-product-card .product-view-link{
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 14px!important;
  border:1px solid #d9e7f3!important;
  border-radius:12px!important;
  background:#f8fbfe!important;
  color:#0873d4!important;
  box-shadow:none!important;
  font-weight:850!important;
  text-decoration:none!important;
}
.v725-product-card .product-view-link:hover{
  border-color:#b9d8ef!important;
  background:#eef7ff!important;
  color:#0567c0!important;
}
.v725-product-card [data-add-cart],
.v725-product-card .quick-buy-row .btn.primary{
  background:linear-gradient(135deg,#168cff 0%,#086fdf 100%)!important;
  color:#fff!important;
  border-color:transparent!important;
  border-radius:12px!important;
}
#v725-promos .v725-head p{max-width:560px!important}
#v725-promos .v725-head h2{max-width:760px!important}
@media(max-width:768px){
  #v725-promos .v725-head p{font-size:14px!important}
}
/* ===== FIN V725.2 ===== */