/* BA Industrial Pack · Catálogo visual V5 — exclusivo /catalogo/.
   Diseño mobile-first. No modifica componentes del portal privado. */
.bav5-page{--bav5-red:#d40d36;--bav5-ink:#161a1e;--bav5-dim:#69717a;--bav5-line:#e8e9eb;--bav5-soft:#f7f8f8;--bav5-green:#177d4d;color:var(--bav5-ink);padding-bottom:54px}
.bav5-page :where([hidden]){display:none!important}
.bav5-page :where(a,button,input):focus-visible{outline:3px solid var(--bav5-red);outline-offset:3px}
.bav5-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}
/* Hero: propuesta comercial breve + imagen de material real */
.bav5-hero{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);align-items:center;gap:clamp(26px,5.2vw,76px);padding-top:43px;padding-bottom:35px}
.bav5-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:870;letter-spacing:.14em;color:#b8092b;line-height:1.4}
.bav5-eyebrow-mark{width:7px;height:7px;display:inline-block;background:var(--bav5-red);border-radius:50%;box-shadow:0 0 0 4px rgba(212,13,54,.11)}
.bav5-hero h1{font-size:clamp(43px,5vw,76px);font-weight:850;letter-spacing:-.063em;line-height:1.025;margin:18px 0 17px;max-width:710px}
.bav5-hero h1 em{font-style:normal;color:var(--bav5-red)}
.bav5-hero-copy>p{font-size:17px;line-height:1.5;color:#606773;margin:0;max-width:465px}
.bav5-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:27px}
.bav5-wa-primary{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:49px;padding:13px 17px;background:var(--bav5-red);color:white;border-radius:10px;font-size:13px;line-height:1.2;font-weight:850;letter-spacing:-.005em;box-shadow:0 7px 20px rgba(212,13,54,.12);white-space:nowrap}
.bav5-wa-primary:hover{background:#b8092b;color:white;transform:translateY(-1px)}
.bav5-wa-icon{display:grid;place-items:center;width:25px;height:25px;flex:none;border-radius:50%;background:#1cad65}
.bav5-wa-icon img{width:13px;height:16px;object-fit:contain}
.bav5-action-arrow{font-size:18px;line-height:1}
.bav5-explore{display:inline-flex;gap:9px;align-items:center;font-size:12px;font-weight:780;color:#4c5660;white-space:nowrap}
.bav5-explore:hover{color:var(--bav5-red)}
.bav5-explore span{font-size:16px}
.bav5-hero-visual{min-height:345px;height:clamp(345px,32vw,440px);position:relative;overflow:hidden;background:#e5e5e2;border-radius:18px;isolation:isolate}
.bav5-hero-visual picture,.bav5-hero-visual img{display:block;width:100%;height:100%}
.bav5-hero-visual img{object-fit:cover;object-position:center}
.bav5-hero-visual:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(0deg,rgba(9,17,20,.52),rgba(9,17,20,0));pointer-events:none}
.bav5-image-note{position:absolute;bottom:20px;left:20px;z-index:1;background:rgba(255,255,255,.96);padding:10px 13px;border-radius:7px;font-size:11px;font-weight:850;color:#202326;box-shadow:0 5px 19px #0000000f}
.bav5-image-note span{color:#c5193b;padding:0 4px}
/* Discover: búsqueda con resultado inmediato + familias visuales */
.bav5-discovery{padding-top:16px;padding-bottom:18px}
.bav5-searchbar{display:flex;align-items:center;gap:16px;padding:13px 16px 13px 18px;background:#f5f6f7;border:1px solid #edeef0;border-radius:12px}
.bav5-search{display:flex;align-items:center;flex:1;gap:12px;min-width:0;position:relative}
.bav5-search>svg{width:21px;height:21px;flex:none;color:#8a9198}
.bav5-search input{flex:1;width:100%;height:42px;border:0;background:transparent;color:#17191d;font-size:14px;min-width:0;font-weight:520;outline:0}
.bav5-search input::placeholder{color:#879099;opacity:1;font-weight:450}
.bav5-search-count{white-space:nowrap;font-size:11px;color:#6f767f;font-weight:700;padding-left:14px;border-left:1px solid #d9dce0}
.bav5-family-intro{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:28px 0 11px}
.bav5-family-intro>span:first-child{font-size:12px;font-weight:830;color:#32373d}
.bav5-family-intro>span:last-child{font-size:11px;color:#83888f}
.bav5-family-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.bav5-family-tile{position:relative;display:block;min-width:0;min-height:165px;overflow:hidden;border:1px solid #eeeeef;border-radius:13px;background:#e8e9e7;isolation:isolate}
.bav5-family-tile img{display:block;width:100%;height:165px;object-fit:cover;transition:transform .4s ease}
.bav5-family-tile:after{content:"";position:absolute;inset:36% 0 0;background:linear-gradient(0deg,rgba(8,14,19,.83),rgba(8,14,19,0));pointer-events:none}
.bav5-family-tile-bottom{display:flex;flex-direction:column;gap:4px;position:absolute;z-index:1;bottom:14px;left:15px;right:10px;color:white}
.bav5-family-tile-bottom strong{font-size:15px;line-height:1.17;letter-spacing:-.025em;font-weight:850}
.bav5-family-tile-bottom small{font-size:10px;color:#e2e4e6;font-weight:630}
.bav5-family-tile:hover img{transform:scale(1.055)}
.bav5-family-tile:hover{border-color:#c6c9cd}
/* Familias separadas con fotos, numeración y productos en cuadrícula */
.bav5-family{padding-top:42px;padding-bottom:10px;scroll-margin-top:120px}
.bav5-family+.bav5-family{margin-top:19px;border-top:1px solid var(--bav5-line)}
.bav5-family-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}
.bav5-family-thumb{overflow:hidden;flex:none;width:72px;height:72px;border-radius:12px;background:#f5f5f5}
.bav5-family-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.bav5-family-heading{min-width:0;flex:1}
.bav5-family-kicker{font-size:10px;color:#b71c3b;letter-spacing:.11em;font-weight:850}
.bav5-family-heading h2{font-size:clamp(24px,2.15vw,31px);line-height:1.12;letter-spacing:-.047em;margin:6px 0 4px;font-weight:850;color:#202329}
.bav5-family-heading p{font-size:12px;color:#747b83;line-height:1.45;margin:0}
.bav5-family-more{align-self:flex-end;padding:8px 3px;white-space:nowrap;font-size:12px;font-weight:800;color:#b8092b}
.bav5-family-more:hover{color:#8d0822}
.bav5-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(202px,1fr));gap:13px}
.bav5-family[data-family-count="2"] .bav5-product-grid{grid-template-columns:repeat(2,minmax(0,258px))}
.bav5-product{display:flex;flex-direction:column;border:1px solid #eaebed;border-radius:13px;overflow:hidden;min-width:0;background:#fff;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.bav5-product:hover{transform:translateY(-3px);border-color:#dfdfe3;box-shadow:0 12px 22px rgba(22,25,31,.055)}
.bav5-product-photo{display:block;position:relative;overflow:hidden;background:#e9ebec;aspect-ratio:1.32/1;min-width:0}
.bav5-product-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.bav5-product:hover .bav5-product-photo img{transform:scale(1.045)}
.bav5-view-arrow{position:absolute;right:11px;top:11px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:#22272b;background:#ffffffeb;font-size:15px;font-weight:700}
.bav5-product-info{flex:1;display:flex;flex-direction:column;align-items:stretch;padding:13px 14px 12px;gap:0}
.bav5-product-title{font-size:15px;line-height:1.25;font-weight:820;letter-spacing:-.024em;min-height:37px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#242830}
.bav5-product-title:hover{color:var(--bav5-red)}
.bav5-product-info>p{font-size:11px;line-height:1.45;color:#757b84;margin:5px 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:31px}
.bav5-price-action{margin-top:auto;display:inline-flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px;padding:8px 10px;border-radius:8px;border:1px solid #f3d8e0;background:#fff8fa;color:#b50a2c;font-size:11.5px;font-weight:860;transition:background .2s ease}
.bav5-price-action>span{font-size:16px;line-height:1}
.bav5-price-action:hover{background:#ffe9ef;color:#970721}
/* Resultados vacíos, ayuda comercial, claridad de imágenes */
.bav5-no-results{background:#f7f8f8;border:1px solid #e8e9ea;padding:30px;margin-top:22px;border-radius:15px}
.bav5-no-results strong{font-size:20px;letter-spacing:-.035em}
.bav5-no-results p{font-size:13px;line-height:1.5;color:#646a72;margin:8px 0 18px}
.bav5-help{display:grid;grid-template-columns:.43fr .57fr;min-height:270px;border-radius:17px;overflow:hidden;background:#171a1f;color:white;margin-top:48px}
.bav5-help-photo{min-height:270px;background:#272a2c}
.bav5-help-photo img{width:100%;height:100%;object-fit:cover;display:block}
.bav5-help-content{padding:37px 42px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0}
.bav5-help-content .bav5-eyebrow{color:#f5acb9}
.bav5-help h2{font-size:clamp(27px,2.7vw,36px);max-width:480px;letter-spacing:-.055em;line-height:1.12;margin:12px 0}
.bav5-help p{font-size:13px;color:#bec4c9;margin:0 0 18px;line-height:1.5}
.bav5-help .bav5-wa-primary{background:#ffffff;color:#16191d;box-shadow:none}
.bav5-help .bav5-wa-primary:hover{background:#ececec}
.bav5-illustration-note{padding-top:17px;margin-bottom:0;font-size:10.5px;color:#8a8f96}
@media(max-width:1200px){.bav5-hero h1{font-size:clamp(42px,5.8vw,65px)}.bav5-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.bav5-family[data-family-count="2"] .bav5-product-grid{grid-template-columns:repeat(2,minmax(0,255px))}}
@media(max-width:940px){.bav5-hero{gap:20px}.bav5-hero h1{font-size:clamp(39px,5.5vw,50px)}.bav5-hero-visual{height:350px;min-height:0}.bav5-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bav5-family-tile{min-height:145px}.bav5-family-tile img{height:145px}}
@media(max-width:700px){
  .bav5-page{padding-bottom:42px}
  .bav5-hero{display:flex;flex-direction:column;align-items:stretch;gap:17px;padding:14px 0 16px}
  .bav5-hero-visual{order:-1;width:100%;height:196px;border-radius:12px;min-height:0}
  .bav5-hero-visual img{object-position:center}
  .bav5-image-note{bottom:10px;left:10px;padding:7px 10px;font-size:9px}
  .bav5-eyebrow{font-size:9px;letter-spacing:.12em}
  .bav5-hero h1{font-size:clamp(34px,9.4vw,49px);letter-spacing:-.061em;line-height:1.045;margin:10px 0}
  .bav5-hero-copy>p{font-size:13px;line-height:1.45}
  .bav5-hero-actions{gap:12px;margin-top:16px}
  .bav5-hero-actions .bav5-wa-primary{flex:1;min-height:46px;padding:12px 12px;font-size:12px;justify-content:center}
  .bav5-explore{font-size:11px}
  .bav5-discovery{padding-top:8px;padding-bottom:8px}
  .bav5-searchbar{padding:5px 10px 5px 13px;gap:8px;border-radius:10px}
  .bav5-search input{height:45px;font-size:12.5px}
  .bav5-search>svg{width:19px;height:19px}
  .bav5-search-count{font-size:10px;padding-left:8px}
  .bav5-family-intro{padding:23px 0 10px}
  .bav5-family-intro>span:first-child{font-size:12px}
  .bav5-family-intro>span:last-child{font-size:10px}
  .bav5-family-nav{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(132px,36vw);grid-template-columns:none;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;padding:0 0 8px;scrollbar-width:none;overscroll-behavior-inline:contain}
  .bav5-family-nav::-webkit-scrollbar{display:none}
  .bav5-family-tile{scroll-snap-align:start;min-height:125px;border-radius:11px}
  .bav5-family-tile img{height:125px}
  .bav5-family-tile-bottom{left:10px;right:6px;bottom:10px;gap:4px}
  .bav5-family-tile-bottom strong{font-size:12px;line-height:1.15}
  .bav5-family-tile-bottom small{font-size:9px}
  .bav5-family{padding-top:30px;padding-bottom:5px;scroll-margin-top:90px}
  .bav5-family+.bav5-family{margin-top:20px;border-top:1px solid #e9ebeb}
  .bav5-family-header{gap:11px;margin-bottom:13px}
  .bav5-family-thumb{height:53px;width:53px;border-radius:9px}
  .bav5-family-heading h2{font-size:21px;letter-spacing:-.044em;margin:3px 0 0}
  .bav5-family-kicker{font-size:9px}
  .bav5-family-heading p{display:none}
  .bav5-family-more{font-size:10px;padding:5px 0;align-self:flex-end}
  .bav5-product-grid,.bav5-family[data-family-count="2"] .bav5-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .bav5-product{border-radius:10px}
  .bav5-product-photo{aspect-ratio:1.22/1}
  .bav5-view-arrow{height:24px;width:24px;top:7px;right:7px;font-size:13px}
  .bav5-product-info{padding:10px 10px 10px;gap:0}
  .bav5-product-title{font-size:12.5px;letter-spacing:-.02em;line-height:1.28;min-height:34px}
  .bav5-product-info>p{display:none}
  .bav5-price-action{margin-top:10px;padding:9px 9px;min-height:34px;font-size:10.5px}
  .bav5-price-action>span{font-size:15px}
  .bav5-no-results{padding:22px 17px;margin-top:17px}
  .bav5-no-results strong{font-size:18px}
  .bav5-no-results .bav5-wa-primary{width:100%}
  .bav5-help{display:flex;flex-direction:column;margin-top:35px;min-height:0;border-radius:12px}
  .bav5-help-photo{min-height:160px;height:160px}
  .bav5-help-content{padding:24px 19px 24px}
  .bav5-help h2{font-size:27px;line-height:1.08;margin:10px 0}
  .bav5-help .bav5-wa-primary{width:100%;font-size:12px}
  .bav5-illustration-note{padding-top:15px;font-size:10px}
}
@media(max-width:380px){.bav5-hero-visual{height:176px}.bav5-hero h1{font-size:33px}.bav5-hero-actions{gap:8px}.bav5-explore{font-size:10px}.bav5-family-heading h2{font-size:19px}.bav5-product-title{font-size:12px}.bav5-family-more{font-size:9px}.bav5-price-action{font-size:10px}}
@media(prefers-reduced-motion:reduce){.bav5-page *,.bav5-page *:before,.bav5-page *:after{scroll-behavior:auto;transition:none!important;animation:none!important}}

/* CTA de WhatsApp fijo en el fondo del móvil, sin abrir formulario */
@media(max-width:760px){
 .mobile-quote-bar.bav5-sticky-wa{display:flex;gap:10px;background:#148955;box-shadow:0 -7px 26px rgba(0,0,0,.11);font-size:13px;font-weight:850;z-index:600}
 .mobile-quote-bar.bav5-sticky-wa img{display:block;width:21px;height:23px;object-fit:contain}
 .mobile-quote-bar.bav5-sticky-wa:hover{background:#10774a;color:#fff}
 /* Evitar duplicar dos botones flotantes de WhatsApp sobre las tarjetas */
 .bav5-page~.ba-whatsapp-float{display:none!important}
}