/* ══ HOME · MAQUETA 12 · BN — CSS del porte de la maqueta firmada (26-sep-2026) al motor · 27-sep-2026
   Derivado de `maquetas_firmadas_2026-09-26/maqueta_12_letras_grandes.html` (bloque <style>), TODO
   scopeado a #home. ⛔ Sin barra ni pie: los pone head.tpl.php (.bnhead.flota) / foot.tpl.php.
   Se carga desde bodyhome.tpl.php. El anterior (home_bn.css) queda de respaldo, no se carga. */
/* El hero VIEJO del motor (head.tpl.php pinta <figure class="principal"> o <div class="videoPrincipal">
   dentro de <header>) se apaga acá: si no, la portada tiene DOS heros. Heredado de home_bn.css. */
header > figure.principal,header > .videoPrincipal,header > .videoPrincipalCategoria{display:none !important}
body header{height:auto;min-height:0}
#home{display:block;background:#fff}
#home *{box-sizing:border-box}
/* Bajo 900px la cápsula del head NO flota (franja azul fija de ancho completo): el hero reserva su alto. */
@media(max-width:899px){#home .hero{margin-top:var(--bn-alto-barra,64px);min-height:calc(100svh - var(--bn-alto-barra,64px))}}


#home{
  --bn-blue:#13358c; --bn-blue-700:#0e2a70; --bn-blue-900:#0a1d4d; --bn-blue-050:#eef1fa;
  --bn-red:#c81d25; --bn-red-700:#a3161d;
  --bn-surface:#f7f8fc; --bn-surface-2:#eaeef7;
  --bn-border:#dde3f0; --bn-border-2:#c6cee1;
  --bn-ink:#171b26; --bn-body:#394050; --bn-muted:#566072;
  --font:"Montserrat",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}

#home .hero{position:relative;min-height:100svh;display:flex;align-items:center;
  padding:86px 0 clamp(52px,6vh,74px)}
#home .hero .foto{position:absolute;inset:0;background-position:center 42%;background-size:cover;background-repeat:no-repeat}
#home .wrap{position:relative;max-width:1280px;width:100%;margin:0 auto;padding:0 35.2px}

#home .bh-rotulo{font-size:11.52px;font-weight:800;color:var(--bn-red);text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 6px rgba(0,0,0,.9),0 0 14px rgba(0,0,0,.75),0 0 26px rgba(0,0,0,.55);letter-spacing:2.07px;
  text-transform:uppercase;line-height:17.86px;margin:0 0 8px}
#home .bh-h1{font-size:clamp(34px,4.5vw,64.8px);font-weight:800;color:#fff;letter-spacing:-.02em;
  line-height:1.02;margin:0 0 15px;max-width:711px;text-shadow:0 2px 5px rgba(0,0,0,.45),0 6px 30px rgba(0,0,0,.35)}
#home .bh-sub{font-size:17.98px;font-weight:500;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5),0 4px 20px rgba(0,0,0,.32);line-height:27.9px;margin:0 0 26px;
  max-width:595px}


#home .bnx{position:relative;z-index:5;max-width:1120px}
#home .bnx-f1{display:flex;align-items:center;gap:8px;background:#fff;border-radius:13px;padding:8px;
  box-shadow:0 16px 40px -16px rgba(10,29,77,.62)}

#home .bnx-seg{display:inline-flex;background:var(--bn-surface-2);border-radius:8px;padding:3px;flex:none}
#home .bnx-seg button{border:0;background:none;font:inherit;font-size:13px;font-weight:700;
  color:var(--bn-muted);padding:7px 15px;border-radius:6px;cursor:pointer;transition:.15s}
#home .bnx-seg button.on{background:var(--bn-blue);color:#fff;box-shadow:0 2px 6px rgba(10,29,77,.25)}
#home .bnx-seg button:not(.on):hover{color:var(--bn-blue-900)}
#home .bnx-seg button:focus-visible{outline:2px solid var(--bn-blue);outline-offset:2px}

#home .bnx-q{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:0 4px 0 7px;height:40px}
#home .bnx-q svg{color:var(--bn-muted);flex:none}
#home .bnx-q input{flex:1;min-width:0;border:0;outline:0;font:inherit;font-size:14.5px;color:var(--bn-ink);background:none}
#home .bnx-q input::placeholder{color:#9aa3b8}

#home .bnx-mas{flex:none;border:1.5px solid var(--bn-border);background:var(--bn-surface);font:inherit;
  font-size:13px;font-weight:700;color:var(--bn-blue);height:46px;padding:0 15px;border-radius:9px;
  cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;transition:.15s}
#home .bnx-mas:hover{border-color:var(--bn-blue);background:var(--bn-blue-050)}
#home .bnx-mas:focus-visible{outline:2px solid var(--bn-blue);outline-offset:2px}
#home .bnx-mas svg{transition:transform .2s}
#home .bnx-mas[aria-expanded="true"]{border-color:var(--bn-blue);background:var(--bn-blue-050)}
#home .bnx-mas[aria-expanded="true"] svg{transform:rotate(180deg)}
#home .bnx-pill{background:var(--bn-red);color:#fff;font-size:10px;font-weight:800;border-radius:999px;
  padding:1px 6px;min-width:17px;text-align:center}
#home .bnx-pill[hidden]{display:none}

#home .bnx-go{flex:none;border:0;font:inherit;font-size:14.5px;font-weight:800;color:#fff;
  background:var(--bn-red);height:40px;padding:0 25px;border-radius:8px;cursor:pointer;
  box-shadow:0 6px 15px -7px rgba(200,29,37,.8);transition:background .15s,transform .12s}
#home .bnx-go:hover{background:var(--bn-red-700);transform:translateY(-1px)}
#home .bnx-go:active{transform:translateY(0)}
#home .bnx-go:focus-visible{outline:2px solid #fff;outline-offset:2px}


#home .bnx-f2{display:flex;align-items:center;gap:8px;background:#fff;border-radius:13px;padding:8px;
  margin-top:9px;box-shadow:0 16px 40px -16px rgba(10,29,77,.5)}
#home .bnx-f2 .bnx-f{flex:1 1 0;min-width:0}
#home .bnx-f2 .bnx-f.zona{flex:1.2 1 0}
#home .bnx-f2 .bnx-f.precio{flex:.7 1 0}



#home .bnx-panel{position:absolute;z-index:40;top:calc(100% + 8px);left:0;right:0;
  display:flex;align-items:center;gap:8px;background:#fff;
  border-radius:13px;box-shadow:0 16px 40px -16px rgba(10,29,77,.5);padding:8px;
  overflow:auto}
#home .bnx-panel[hidden]{display:none}

#home .bnx-panel.bnx-libre{overflow:visible}

#home .bnx-grid{flex:1 1 auto;min-width:0;display:grid;gap:8px;
  grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}

#home .bnx-f{position:relative}
#home .bnx-f>label{position:absolute;top:5px;left:10px;font-size:9px;font-weight:800;letter-spacing:.1em;
  text-transform:uppercase;color:var(--bn-muted);pointer-events:none;z-index:1}
#home .bnx-f select,#home .bnx-f input,#home .bnx-f .zb{width:100%;height:46px;padding:17px 10px 6px;font:inherit;
  font-size:13px;font-weight:600;color:var(--bn-ink);background:var(--bn-surface);
  border:1.5px solid var(--bn-border);border-radius:9px;outline:0;cursor:pointer;text-align:left;
  appearance:none;-webkit-appearance:none;transition:border-color .15s,box-shadow .15s}
#home .bnx-f select,#home .bnx-f .zb{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7'%3E%3Cpath d='M1 1l4.5 4.5L10 1' fill='none' stroke='%23566072' stroke-width='1.9' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 11px center;padding-right:28px}
#home .bnx-f input{cursor:text}
#home .bnx-f select:hover,#home .bnx-f input:hover,#home .bnx-f .zb:hover{border-color:var(--bn-border-2)}
#home .bnx-f select:focus,#home .bnx-f input:focus,#home .bnx-f .zb:focus-visible{border-color:var(--bn-blue);
  box-shadow:0 0 0 3px rgba(19,53,140,.13)}
#home .bnx-f.on select,#home .bnx-f.on .zb{border-color:var(--bn-blue);background:var(--bn-blue-050)}
#home .bnx-f.on>label{color:var(--bn-blue)}
#home .bnx-f.gris{opacity:.42}
#home .bnx-f.gris select{cursor:not-allowed}


#home .bnx-pie{flex:none;display:flex;align-items:center;gap:4px;align-self:stretch;
  margin-left:3px;padding-left:11px;border-left:1px solid var(--bn-surface-2)}
#home .bnx-limpiar{border:0;background:none;font:inherit;font-size:12.5px;font-weight:700;
  color:var(--bn-muted);cursor:pointer;padding:0 8px;height:46px;border-radius:8px;
  text-decoration:underline;text-underline-offset:3px;white-space:nowrap;transition:.15s}
#home .bnx-limpiar:hover{color:var(--bn-red);background:var(--bn-surface)}
#home .bnx-limpiar:focus-visible{outline:2px solid var(--bn-blue);outline-offset:2px}
#home .bnx-listo{border:0;font:inherit;font-size:13px;font-weight:800;color:#fff;
  background:var(--bn-blue);height:46px;padding:0 20px;border-radius:9px;cursor:pointer;
  white-space:nowrap;transition:background .15s}
#home .bnx-listo:hover{background:var(--bn-blue-700)}
#home .bnx-listo:focus-visible{outline:2px solid var(--bn-blue);outline-offset:2px}

#home .bnx-zp{position:absolute;z-index:60;top:calc(100% + 5px);left:0;width:272px;background:#fff;
  border:1px solid var(--bn-border);border-radius:11px;box-shadow:0 18px 40px rgba(10,29,77,.26);overflow:hidden}
#home .bnx-zp[hidden]{display:none}
#home .bnx-zl{max-height:180px;overflow:auto;padding:4px}
#home .bnx-zr{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:7px;font-size:13px;
  font-weight:600;color:var(--bn-ink);cursor:pointer}
#home .bnx-zr:hover{background:var(--bn-surface)}
#home .bnx-zr input{width:15px;height:15px;accent-color:var(--bn-blue);margin:0;flex:none;cursor:pointer;
  
  appearance:auto;-webkit-appearance:checkbox}
#home .bnx-zr b{margin-left:auto;font-weight:600;font-size:11.5px;color:var(--bn-muted)}
#home .bnx-zf{display:flex;gap:7px;padding:8px;border-top:1px solid var(--bn-surface-2);background:var(--bn-surface)}
#home .bnx-zf button{flex:1;border:0;font:inherit;font-size:12.5px;font-weight:700;padding:8px;border-radius:7px;cursor:pointer}
#home .bnx-zf .a{background:#fff;border:1px solid var(--bn-border-2);color:var(--bn-body)}
#home .bnx-zf .b{background:var(--bn-blue);color:#fff}


#home .bnx-f select.bnx-nat{position:absolute;top:0;left:0;opacity:0;pointer-events:none}
#home .bnx-uno{width:100%;min-width:208px;left:0;right:auto}
#home .bnx-uno.der{left:auto;right:0}
#home .bnx-uno .bnx-zl{max-height:none}
#home .bnx-op{display:flex;align-items:center;width:100%;border:0;background:none;font:inherit;
  font-size:13px;font-weight:600;color:var(--bn-ink);text-align:left;padding:7px 9px;
  border-radius:7px;cursor:pointer}
#home .bnx-op:hover{background:var(--bn-surface)}
#home .bnx-op:focus-visible{outline:2px solid var(--bn-blue);outline-offset:-2px}
#home .bnx-op[aria-selected="true"]{background:var(--bn-blue-050);color:var(--bn-blue)}
#home .bnx-f.gris .zb{cursor:not-allowed}



@media(max-height:780px){
#home .hero{padding-top:78px;padding-bottom:clamp(18px,3vh,44px)}
#home .bh-h1{font-size:clamp(30px,5.2vh,52px);margin-bottom:12px}
#home .bh-sub{font-size:16.5px;line-height:25px;margin-bottom:20px}
}

@media(max-height:640px){
#home .hero{padding-top:70px;padding-bottom:clamp(14px,2.5vh,34px)}
#home .bh-h1{font-size:clamp(26px,4.8vh,38px);line-height:1.05;margin-bottom:9px}
#home .bh-sub{font-size:15px;line-height:22px;margin-bottom:15px}
#home .bh-rotulo{margin-bottom:5px}
}


@media(max-width:820px){
#home .hero{padding:72px 0 clamp(70px,12vh,120px)}
#home .wrap{padding:0 16px}
#home .bh-sub{font-size:15.5px;line-height:24px;margin-bottom:18px}
#home .bnx-f1{flex-wrap:wrap;padding:7px;gap:7px}
#home .bnx-seg{order:1}
#home .bnx-mas{order:2;margin-left:auto}
#home .bnx-q{order:3;flex:1 1 100%;height:40px;border:1.5px solid var(--bn-border);border-radius:8px;padding:0 10px}
#home .bnx-go{order:4;flex:1 1 100%;height:42px}
#home .bnx-panel{left:0;right:0;width:auto;display:block;padding:11px}
#home .bnx-grid{grid-template-columns:repeat(2,1fr)}
#home .bnx-pie{align-self:auto;margin-left:0;padding-left:0;border-left:0;
    gap:8px;margin-top:10px;padding-top:9px;border-top:1px solid var(--bn-surface-2)}
#home .bnx-limpiar{height:42px;padding:0 6px}
#home .bnx-listo{margin-left:auto;height:42px}
#home .bnx-f2{flex-wrap:wrap;padding:7px;gap:7px;margin-top:7px}
#home .bnx-f2 .bnx-f,#home .bnx-f2 .bnx-f.zona,#home .bnx-f2 .bnx-f.precio{flex:1 1 calc(50% - 4px)}
#home .bnx-f2 .bnx-mas{flex:1 1 100%;justify-content:center;height:42px}
#home .bnx-zp{width:min(272px,78vw)}
#home .bnx-uno{width:100%;min-width:0}
}



#home .bnsig{background:#fff;color:var(--bn-body)}
#home .bnsig-in{max-width:1280px;margin-inline:auto;padding-inline:clamp(1rem,4vw,2.2rem);
  padding-block:clamp(1.4rem,3.2vh,2.4rem);
  height:100svh;display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(.9rem,2vh,1.4rem)}


#home .bnsig-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap}
#home .bnsig-rot{margin:0;font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;
  color:var(--bn-red)}
#home .bnsig-h2{margin:.35rem 0 0;font-size:clamp(1.6rem,1rem + 1.9vw,2.6rem);font-weight:800;
  letter-spacing:-.02em;line-height:1.06;color:var(--bn-ink)}
#home .bnsig-h2 i{color:var(--bn-red);font-style:normal}
#home .bnsig-sub{margin:.5rem 0 0;font-size:.95rem;color:var(--bn-muted);max-width:56ch}
#home .bnsig-todas{font-weight:800;font-size:.9rem;white-space:nowrap;color:var(--bn-blue);
  text-decoration:none;display:inline-flex;align-items:center;gap:.4rem;
  border-bottom:2px solid var(--bn-red);padding-bottom:.2rem;transition:color .15s,gap .15s}
#home .bnsig-todas:hover{color:var(--bn-red);gap:.7rem}
#home .bnsig-todas:focus-visible{outline:3px solid var(--bn-red);outline-offset:3px;border-radius:4px}


#home .bnsig-marco{border:1px solid var(--bn-border);border-radius:16px;background:#fff;
  padding:clamp(.5rem,1vh,.75rem);box-shadow:0 4px 12px rgba(10,29,77,.07);
  display:grid;gap:clamp(.5rem,1vh,.7rem);min-height:0;
  grid-template-columns:1fr;grid-template-rows:auto}

#home .bnsig-col{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:.45rem;min-height:0;min-width:0}

#home .bnsig-lado{display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:clamp(.5rem,1vh,.7rem);
  min-height:0;min-width:0}
@media(min-width:900px){
#home .bnsig-marco{grid-template-columns:2.1fr 1fr;grid-template-rows:minmax(0,1fr)}
}




#home .bnsig-visor{position:relative;overflow:hidden;border-radius:10px;
  background:var(--bn-surface-2);min-height:0;min-width:0}
#home .bnsig-pista{display:flex;height:100%;overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
#home .bnsig-pista::-webkit-scrollbar{display:none}
#home .bnsig-slide{flex:0 0 100%;scroll-snap-align:center;position:relative;display:block;
  min-width:0;text-decoration:none}
#home .bnsig-slide img{width:100%;height:100%;object-fit:cover;display:block}
#home .bnsig-slide:focus-visible{outline:3px solid var(--bn-red);outline-offset:-3px}


#home .bnsig-fl{position:absolute;top:50%;transform:translateY(-50%);z-index:3;
  width:34px;height:34px;border-radius:50%;border:0;padding:0;cursor:pointer;
  background:rgba(255,255,255,.94);color:var(--bn-blue-900);display:grid;place-items:center;
  opacity:0;transition:opacity .18s,background .15s,color .15s;
  box-shadow:0 2px 8px rgba(10,29,77,.22)}
#home .bnsig-ant{left:.5rem}#home .bnsig-sig{right:.5rem}
#home .bnsig-visor:hover .bnsig-fl,#home .bnsig-fl:focus-visible{opacity:1}
#home .bnsig-fl:hover{background:#fff;color:var(--bn-red)}
#home .bnsig-fl:focus-visible{outline:3px solid var(--bn-red);outline-offset:2px}
@media(hover:none){#home .bnsig-fl{display:none}}
#home .bnsig-dots{position:absolute;left:0;right:0;bottom:.55rem;z-index:3;
  display:flex;justify-content:center;gap:6px;pointer-events:none}
#home .bnsig-dot{pointer-events:auto;width:7px;height:7px;border-radius:50%;border:0;padding:0;
  cursor:pointer;background:rgba(255,255,255,.6);box-shadow:0 1px 3px rgba(0,0,0,.4);
  transition:background .18s,width .18s}
#home .bnsig-dot.on{background:#fff;width:18px;border-radius:99px}
#home .bnsig-dot:focus-visible{outline:2px solid #fff;outline-offset:2px}


#home .bnsig-tv{position:absolute;left:.55rem;top:.55rem;z-index:2;display:inline-flex;
  align-items:center;gap:.28rem;background:var(--bn-red);color:#fff;
  font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  padding:.3rem .55rem .3rem .42rem;border-radius:5px}


#home .bnsig-mini{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:.35rem;
  min-height:0;min-width:0;text-decoration:none}
#home .bnsig-mini:focus-visible{outline:3px solid var(--bn-red);outline-offset:3px;border-radius:12px}
#home .bnsig-mpie{display:block;padding:0 .25rem .1rem;min-width:0}
#home .bnsig-mtipo{display:block;font-size:.6rem;font-weight:800;letter-spacing:.16em;
  text-transform:uppercase;color:var(--bn-muted);line-height:1.3}
#home .bnsig-mfila{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;min-width:0}
#home .bnsig-mfila b{font-size:.92rem;font-weight:800;color:var(--bn-red);line-height:1.15;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#home .bnsig-mfila em{font-size:.78rem;font-weight:700;font-style:normal;color:var(--bn-blue);
  white-space:nowrap}
#home .bnsig-mini:hover .bnsig-mfila b{color:var(--bn-red-700)}


@media(max-width:899px){
#home .bnsig-in{height:100svh;gap:.7rem}
#home .bnsig-marco{grid-template-columns:1fr;grid-template-rows:minmax(0,1.55fr) minmax(0,1fr)}
#home .bnsig-lado{grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr)}
#home .bnsig-sub{display:none}#home .bnsig-head{align-items:flex-start}
#home .bnsig-pie{padding-top:.1rem}
#home .bnsig-nom{font-size:.98rem}
#home .bnsig-mfila{display:block}
#home .bnsig-mfila b{white-space:normal;display:block}
#home .bnsig-mfila em{font-size:.74rem}
  
  @supports(grid-template-rows:subgrid){
#home .bnsig-lado{grid-template-rows:minmax(0,1fr) auto}
#home .bnsig-mini{grid-row:1/3;grid-template-rows:subgrid}
  }
}


@media(max-width:899px) #home and (max-height:520px){
#home .bnsig-in{height:auto;min-height:0}
#home .bnsig-col .bnsig-visor{aspect-ratio:4/3}
#home .bnsig-mini .bnsig-visor{aspect-ratio:16/10}
}




#home .bnsig-mano{position:relative;white-space:nowrap}
#home .bnsig-trazo{position:absolute;left:-.04em;bottom:-.13em;width:calc(100% + .08em);height:.36em;
  overflow:visible;pointer-events:none}
#home .bnsig-trazo path{fill:none;stroke:var(--bn-red);stroke-width:3.4;stroke-linecap:round;
  vector-effect:non-scaling-stroke;opacity:.92}

#home .bnsig-pie{position:relative;padding-left:.8rem!important;text-decoration:none}
#home .bnsig-col:hover .bnsig-nom{color:var(--bn-red)}
#home .bnsig-nom{transition:color .18s}
#home .bnsig-marca{position:absolute;left:0;top:.15rem;bottom:.15rem;width:7px;height:auto;overflow:visible}
#home .bnsig-marca path{fill:none;stroke:var(--bn-red);stroke-width:3;stroke-linecap:round;
  vector-effect:non-scaling-stroke}


#home .bnsig-anim .bnsig-trazo path,#home .bnsig-anim .bnsig-marca path{
  stroke-dasharray:260;stroke-dashoffset:260}
#home .bnsig-anim .bnsig-vista .bnsig-trazo path,#home .bnsig-anim .bnsig-vista .bnsig-marca path{
  stroke-dashoffset:0;transition:stroke-dashoffset .62s cubic-bezier(.22,1,.36,1)}
#home .bnsig-anim .bnsig-vista .bnsig-marca path{transition-delay:.16s}
@media(prefers-reduced-motion:reduce){
#home .bnsig-trazo path,#home .bnsig-marca path{stroke-dasharray:none!important;stroke-dashoffset:0!important;
    transition:none!important}
}



#home .bnsig-mini:hover .bnsig-mpie{transform:translateX(2px)}
#home .bnsig-mpie{transition:transform .22s cubic-bezier(.22,1,.36,1);text-decoration:none}


#home .bnsig-pie{display:flex;align-items:baseline;justify-content:space-between;
  gap:1rem;flex-wrap:wrap;padding:.15rem .35rem .25rem}
#home .bnsig-pie-txt{min-width:0}
#home .bnsig-tipo{display:block;font-size:.68rem;font-weight:800;letter-spacing:.2em;
  text-transform:uppercase;color:var(--bn-muted)}
#home .bnsig-nom{display:block;font-size:clamp(1rem,.85rem + .5vw,1.28rem);font-weight:800;
  letter-spacing:-.01em;color:var(--bn-ink);line-height:1.15;margin-top:.15rem}
#home .bnsig-precio{font-size:clamp(1.05rem,.9rem + .55vw,1.4rem);font-weight:800;color:var(--bn-blue);
  white-space:nowrap}
#home .bnsig-precio small{font-size:.72rem;font-weight:700;color:var(--bn-muted);margin-left:.15rem}


@media(max-width:899px){
#home .bnx-mas-mas{display:none}
#home .bnx-mas{text-transform:capitalize}
#home .bnx-f2 .bnx-f{display:none}
#home .bnx-f2:has(.bnx-mas[aria-expanded="true"]) .bnx-f{display:grid}
#home .bnx-mas{width:100%;justify-content:center}
#home .bnx-panel{position:static;max-height:none;overflow:visible;margin-top:8px;
             width:auto;left:auto;right:auto;top:auto}
#home .hero:has(.bnx-mas[aria-expanded="true"]){height:auto;min-height:100svh}
}


@supports #home not selector(:has(*)){
  @media(max-width:899px){#home .bnx-f2 .bnx-f{display:grid} }

}



#home .hero,#home .bnsig{scroll-snap-align:start}



#home .bnult{background:var(--bn-surface);color:var(--bn-body);scroll-snap-align:start}
#home .bnult-in{max-width:1280px;margin-inline:auto;padding-inline:clamp(1rem,4vw,2.2rem);
  padding-block:clamp(1.4rem,3.2vh,2.4rem);
  height:100svh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;
  gap:clamp(.8rem,1.8vh,1.3rem)}


#home .bnult-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap}
#home .bnult-h2{margin:0;font-size:clamp(1.5rem,1rem + 1.7vw,2.4rem);font-weight:800;
  letter-spacing:-.02em;line-height:1.06;color:var(--bn-ink)}
#home .bnult-h2 i{color:var(--bn-red);font-style:normal}
#home .bnult-sub{margin:.4rem 0 0;font-size:.9rem;color:var(--bn-muted)}
#home .bnult-todas{font-weight:800;font-size:.9rem;white-space:nowrap;color:var(--bn-blue);
  text-decoration:none;display:inline-flex;align-items:center;gap:.4rem;
  border-bottom:2px solid var(--bn-red);padding-bottom:.2rem;transition:color .15s,gap .15s}
#home .bnult-todas:hover{color:var(--bn-red);gap:.7rem}
#home .bnult-todas:focus-visible{outline:3px solid var(--bn-red);outline-offset:3px;border-radius:4px}


#home .bnult-carru{position:relative;min-height:0;display:grid}
#home .bnult-pista{display:flex;align-items:center;gap:clamp(.7rem,1.5vw,1.15rem);
  height:100%;min-height:0;overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x mandatory;scroll-behavior:smooth;
  scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:3px 1px}
#home .bnult-pista::-webkit-scrollbar{display:none}
@media(prefers-reduced-motion:reduce){#home .bnult-pista{scroll-behavior:auto}}


#home .bnult-card{flex:0 0 clamp(266px,28%,372px);scroll-snap-align:start;
  height:min(100%,558px);min-height:0;min-width:0;
  display:grid;grid-template-rows:minmax(0,1fr) auto auto;
  background:#fff;border:1px solid var(--bn-border);border-radius:14px;overflow:hidden;
  box-shadow:0 3px 10px rgba(10,29,77,.06);
  transition:box-shadow .2s,transform .2s,border-color .2s}
#home .bnult-card:hover{box-shadow:0 10px 26px rgba(10,29,77,.13);border-color:var(--bn-border-2);
  transform:translateY(-3px)}
@media(prefers-reduced-motion:reduce){#home .bnult-card:hover{transform:none}}



#home .bnult-card .bnult-visor{border-radius:0}

#home .bnult-card:hover .bnsig-slide img{transform:none}

#home .bnult-badge{position:absolute;top:.6rem;left:.6rem;z-index:3;
  font-size:.63rem;font-weight:800;letter-spacing:.1em;padding:.32rem .6rem;
  border-radius:5px;background:#fff;color:var(--bn-blue);
  box-shadow:0 1px 4px rgba(10,29,77,.2)}
#home .bnult-badge.bnult-alq{color:var(--bn-red)}
#home .bnult-nf{position:absolute;right:.55rem;bottom:.5rem;z-index:3;
  display:inline-flex;align-items:center;gap:.25rem;
  font-size:.68rem;font-weight:800;color:#fff;padding:.2rem .42rem;border-radius:5px;
  background:rgba(10,29,77,.72)}


#home .bnult-txt{display:grid;gap:.2rem;padding:.8rem .9rem .5rem;
  text-decoration:none;color:inherit;min-width:0}
#home .bnult-txt:focus-visible{outline:3px solid var(--bn-red);outline-offset:-3px}
#home .bnult-fila{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;
  min-width:0;flex-wrap:wrap}
#home .bnult-precio{font-size:1.3rem;font-weight:800;color:var(--bn-ink);
  letter-spacing:-.015em;line-height:1.12;white-space:nowrap}
#home .bnult-precio small{font-size:.72rem;font-weight:600;color:var(--bn-muted);letter-spacing:0}

#home .bnult-m2{font-size:.8rem;font-weight:800;color:var(--bn-blue);white-space:nowrap;
  min-height:1.2em;line-height:1.2}
#home .bnult-m2 small{font-size:.72rem;font-weight:600;color:var(--bn-muted)}
#home .bnult-nom{font-size:.95rem;font-weight:700;color:var(--bn-body);line-height:1.25;
  margin-top:.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#home .bnult-txt:hover .bnult-nom{color:var(--bn-red)}
#home .bnult-specs{display:flex;gap:.85rem;flex-wrap:wrap;margin-top:.45rem;padding-top:.5rem;
  border-top:1px solid var(--bn-border);color:var(--bn-body);font-size:.8rem;font-weight:700}
#home .bnult-specs span{display:inline-flex;align-items:center;gap:.32rem}
#home .bnult-specs svg{color:var(--bn-blue);flex:none}


#home .bnult-pie{display:flex;align-items:center;justify-content:space-between;gap:.5rem;
  padding:.45rem .9rem .7rem}
#home .bnult-cod{font-size:.73rem;font-weight:700;color:var(--bn-muted);letter-spacing:.03em}
#home .bnult-wa{display:inline-flex;align-items:center;gap:.35rem;text-decoration:none;
  font-size:.75rem;font-weight:800;color:#fff;background:#25d366;
  padding:.35rem .6rem .35rem .5rem;border-radius:99px;
  transition:background .15s,transform .15s}
#home .bnult-wa:hover{background:#1eb457;transform:translateY(-1px)}
#home .bnult-wa:active{transform:translateY(0)}
#home .bnult-wa:focus-visible{outline:3px solid var(--bn-red);outline-offset:2px}



#home .bnult-mando{display:flex;align-items:center;gap:1rem}
#home .bnult-flechas{display:flex;gap:.4rem}
#home .bnult-nav{width:38px;height:38px;border-radius:50%;border:1px solid var(--bn-border-2);padding:0;
  cursor:pointer;background:#fff;color:var(--bn-blue-900);display:grid;place-items:center;
  box-shadow:0 1px 4px rgba(10,29,77,.10);transition:color .15s,border-color .15s,opacity .15s}
#home .bnult-nav:hover{color:var(--bn-red);border-color:var(--bn-red)}
#home .bnult-nav:focus-visible{outline:3px solid var(--bn-red);outline-offset:2px}
#home .bnult-nav[disabled]{opacity:.28;cursor:default;box-shadow:none}
#home .bnult-nav[disabled]:hover{color:var(--bn-blue-900);border-color:var(--bn-border-2)}
@media(hover:none){#home .bnult-nav{display:none}}
#home .bnult-riel{height:3px;border-radius:99px;background:var(--bn-border);overflow:hidden}
#home .bnult-avance{display:block;height:100%;width:34%;border-radius:99px;background:var(--bn-red);
  transition:transform .18s linear,width .18s linear;transform-origin:left center}


@media(min-width:900px){
#home .bnult-in{height:auto;padding-block:clamp(2.6rem,6vh,4.2rem)}
#home .bnult-pista{display:grid;grid-template-columns:repeat(3,1fr);
    gap:clamp(1.1rem,2.2vw,1.8rem);height:auto;overflow:visible;
    scroll-snap-type:none;padding:0}
#home .bnult-card{height:auto;flex:initial;grid-template-rows:auto auto auto}
#home .bnult-card .bnult-visor{aspect-ratio:4/5}#home .bnult-flechas,#home .bnult-riel{display:none}     
}



@media(max-width:899px){
#home .bnult-in{gap:.7rem}
#home .bnult-head{align-items:flex-start}
#home .bnult-mando{width:100%;justify-content:space-between}
#home .bnult-in{height:auto;padding-block:clamp(1.6rem,4vh,2.4rem)}
#home .bnult-card{flex-basis:min(84%,320px);height:auto}
#home .bnult-card .bnult-visor{aspect-ratio:4/5}
}

@media(max-width:899px) #home and (max-height:520px){
#home .bnult-in{height:auto;min-height:0}
#home .bnult-card{height:auto}
#home .bnult-card .bnult-visor{aspect-ratio:4/3}
}



#home .bncat{background:var(--bn-surface);color:var(--bn-body);scroll-snap-align:start}
#home .bncat-in{max-width:1280px;margin-inline:auto;padding-inline:clamp(1rem,4vw,2.2rem);
  padding-block:clamp(1.4rem,3.2vh,2.4rem);
  height:100svh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;
  gap:clamp(.8rem,1.8vh,1.3rem)}

#home .bncat-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap}
#home .bncat-h2{margin:0;font-size:clamp(1.5rem,1rem + 1.7vw,2.4rem);font-weight:800;
  letter-spacing:-.02em;line-height:1.06;color:var(--bn-ink)}
#home .bncat-h2 i{color:var(--bn-red);font-style:normal}
#home .bncat-sub{margin:.4rem 0 0;font-size:.9rem;color:var(--bn-muted)}
#home .bncat-mando{display:flex;align-items:center;gap:1rem}


#home .bncat-carru{position:relative;min-height:0;display:grid}
#home .bncat-pista{display:flex;align-items:center;gap:clamp(.6rem,1.4vw,1.05rem);
  height:100%;min-height:0;overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x mandatory;scroll-behavior:smooth;
  scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:3px 1px}
#home .bncat-pista::-webkit-scrollbar{display:none}
@media(prefers-reduced-motion:reduce){#home .bncat-pista{scroll-behavior:auto}}


#home .bncat-card{flex:0 0 min(78%,340px);scroll-snap-align:start;
  height:min(100%,520px);min-height:0;min-width:0;
  display:grid;grid-template-rows:minmax(0,1fr) auto;
  background:#fff;border:1px solid var(--bn-border);border-radius:14px;overflow:hidden;
  text-decoration:none;box-shadow:0 1px 2px rgba(10,29,77,.05);
  transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}
#home .bncat-card:hover{box-shadow:0 10px 26px rgba(10,29,77,.13);border-color:var(--bn-border-2);
  transform:translateY(-2px)}
#home .bncat-card:focus-visible{outline:3px solid var(--bn-red);outline-offset:3px}
@media(prefers-reduced-motion:reduce){#home .bncat-card:hover{transform:none}}



#home .bncat-foto{position:relative;min-height:0;overflow:hidden;background:var(--bn-surface-2)}
#home .bncat-foto img{width:100%;height:100%;object-fit:cover;display:block}

#home .bncat-pie{padding:.7rem .85rem .8rem;display:grid;gap:.1rem}
#home .bncat-nom{font-size:.95rem;font-weight:800;color:var(--bn-ink);line-height:1.2;
  letter-spacing:-.01em;white-space:nowrap}
#home .bncat-card:hover .bncat-nom{color:var(--bn-red)}
#home .bncat-nom::after{content:"";display:block;width:26px;height:3px;background:var(--bn-red);
  border-radius:2px;margin-top:.42rem;transform-origin:left center;
  transition:transform .25s cubic-bezier(.22,.61,.36,1)}
#home .bncat-card:hover .bncat-nom::after{transform:scaleX(1.8)}

#home .bncat-n{margin-top:.5rem;font-size:.8rem;font-weight:600;color:var(--bn-muted);
  line-height:1.3;display:grid;gap:.08rem;align-content:start;min-height:2.6em}
#home .bncat-n span{display:block;white-space:nowrap}
#home .bncat-n b{font-weight:800;color:var(--bn-blue);font-size:.92rem;letter-spacing:-.01em;
  margin-right:.14rem}

#home .bncat-nav{width:38px;height:38px;border-radius:50%;border:1px solid var(--bn-border-2);padding:0;
  background:#fff;color:var(--bn-blue-900);display:inline-flex;align-items:center;
  justify-content:center;cursor:pointer;transition:color .15s,border-color .15s}
#home .bncat-nav:hover{color:var(--bn-red);border-color:var(--bn-red)}
#home .bncat-nav:focus-visible{outline:3px solid var(--bn-red);outline-offset:2px}
#home .bncat-nav[disabled]{opacity:.28;cursor:default}
#home .bncat-nav[disabled]:hover{color:var(--bn-blue-900);border-color:var(--bn-border-2)}
@media(hover:none){#home .bncat-nav{display:none}}

#home .bncat-flechas{display:flex;gap:.4rem}
#home .bncat-riel{height:3px;border-radius:99px;background:var(--bn-border);overflow:hidden}
#home .bncat-avance{display:block;height:100%;width:34%;border-radius:99px;background:var(--bn-red);
  transition:transform .18s linear,width .18s linear;transform-origin:left center}


@media(min-width:900px){
#home .bncat-in{height:auto;padding-block:clamp(2.2rem,5vh,3.4rem)}
#home .bncat-pista{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
    gap:clamp(1rem,2vw,1.6rem);height:auto;overflow:visible;
    align-items:stretch;scroll-snap-type:none;padding:0}
#home .bncat-card{align-content:start}
#home .bncat-card{height:auto;flex:initial;grid-template-rows:auto auto}
#home .bncat-foto{aspect-ratio:4/3}
#home .bncat-flechas,#home .bncat-riel{display:none}
}


@media(min-width:900px){
#home .bncat-pie{padding:.8rem 1.05rem .9rem}
#home .bncat-nom{font-size:1.1rem}
#home .bncat-n{font-size:.85rem;min-height:2.4em}
#home .bncat-n b{font-size:.96rem}
}

@media(max-width:899px){
#home .bncat-in{gap:.7rem}
#home .bncat-head{align-items:flex-start}
#home .bncat-mando{width:100%;justify-content:flex-end}
#home .bncat-in{height:auto;padding-block:clamp(1.6rem,4vh,2.4rem)}
#home .bncat-card{height:auto;flex-basis:min(80%,330px)}
#home .bncat-foto{aspect-ratio:4/5}
}

@media(max-width:899px) #home and (max-height:560px){
#home .bncat-in{height:auto;min-height:0}
#home .bncat-card{height:auto}
#home .bncat-foto{aspect-ratio:3/4}
}



#home .bncat-h2,#home .bnsig-h2,#home .bnult-h2,#home .bncalc-h2{color:#13358c}


#home .bnvid{background:#fff;color:var(--bn-body)}
#home .bnvid-in{max-width:1280px;margin-inline:auto;padding-inline:clamp(1rem,4vw,2.2rem);padding-block:clamp(2.4rem,6vw,4rem)}
#home .bnvid-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap}
#home .bnvid-h2{margin:0;font-size:clamp(1.5rem,1rem + 1.7vw,2.4rem);font-weight:800;letter-spacing:-.02em;line-height:1.06;color:#13358c}
#home .bnvid-h2 i{color:var(--bn-red);font-style:normal}
#home .bnvid-sub{margin:.4rem 0 0;font-size:.9rem;color:var(--bn-muted)}
#home .bnvid-canal{display:inline-flex;align-items:center;gap:.45rem;font-weight:800;font-size:.88rem;color:var(--bn-blue);text-decoration:none;min-height:44px}
#home .bnvid-canal svg{color:var(--bn-red)}
#home .bnvid-play{position:absolute;display:grid;place-items:center;border-radius:50%;background:var(--bn-red);color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.35)}

#home .bnvid-grid{margin-top:clamp(1.3rem,3vw,2rem);display:grid;gap:clamp(.9rem,2vw,1.4rem);grid-template-columns:repeat(3,1fr)}
#home .bnvid-card{display:block;background:#fff;border:1px solid var(--bn-border);border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 1px 2px rgba(10,29,77,.06),0 1px 3px rgba(10,29,77,.08)}
#home .bnvid-foto{position:relative;display:block;aspect-ratio:4/5;background:#000}
#home .bnvid-foto img{width:100%;height:100%;object-fit:cover;display:block}
#home .bnvid-foto .bnvid-play{left:50%;top:50%;width:62px;height:62px;transform:translate(-50%,-50%)}
#home .bnvid-dur{position:absolute;right:.7rem;bottom:.7rem;background:rgba(10,29,77,.85);color:#fff;font-size:.72rem;font-weight:800;padding:.2rem .5rem;border-radius:6px}
#home .bnvid-pie{display:block;padding:1rem 1.1rem 1.1rem}
#home .bnvid-tipo{display:block;font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--bn-red)}
#home .bnvid-nom{display:block;margin-top:.3rem;font-weight:800;font-size:1.02rem;color:var(--bn-ink);line-height:1.25}
#home .bnvid-zona{display:block;margin-top:.25rem;font-size:.84rem;color:var(--bn-muted)}
@media(max-width:760px){#home .bnvid-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}#home .bnvid-card{scroll-snap-align:start}}


#home .bnvid-banner{position:relative;display:block;margin-top:clamp(1.3rem,3vw,2rem);border-radius:22px;overflow:hidden;aspect-ratio:21/9;background:#000;text-decoration:none;color:#fff}
#home .bnvid-banner img{width:100%;height:100%;object-fit:cover;display:block}
#home .bnvid-banner .bnvid-play{left:50%;top:50%;width:92px;height:92px;transform:translate(-50%,-50%)}
#home .bnvid-txt{position:absolute;left:clamp(1.1rem,3vw,2.4rem);right:clamp(1.1rem,3vw,2.4rem);bottom:clamp(1.1rem,3vw,2.2rem);max-width:34rem;text-shadow:0 2px 4px rgba(0,0,0,.75),0 4px 24px rgba(0,0,0,.6)}
#home .bnvid-txt .bnvid-tipo{color:#fff}
#home .bnvid-txt b{display:block;margin-top:.35rem;font-size:clamp(1.3rem,.9rem + 1.6vw,2.2rem);line-height:1.1;font-weight:800}
#home .bnvid-txt span.z{display:block;margin-top:.35rem;font-weight:700;font-size:.95rem}
#home .bnvid-btn{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;min-height:48px;padding:.75rem 1.5rem;border-radius:8px;background:var(--bn-red);color:#fff;font-weight:800;font-size:.95rem;text-shadow:none;box-shadow:0 6px 16px rgba(200,29,37,.35)}
#home .bnvid-mini{margin-top:1rem;display:flex;gap:.8rem;flex-wrap:wrap}
#home .bnvid-mini a{display:flex;align-items:center;gap:.7rem;padding:.45rem .9rem .45rem .45rem;border:1px solid var(--bn-border);border-radius:12px;text-decoration:none;color:var(--bn-ink);font-weight:700;font-size:.85rem;background:#fff}
#home .bnvid-mini img{width:64px;height:44px;object-fit:cover;border-radius:8px}
@media(max-width:760px){#home .bnvid-banner{aspect-ratio:4/5}#home .bnvid-banner .bnvid-play{top:40%;width:72px;height:72px}}



#home{--i-ink:#1b2540;--i-gris:#6b7280;--i-crema:#f6f3ee;--i-noche:#0b1a3f;--i-azul:#13358c;--bn-ink:#1b2540}

#home .bncat-h2,#home .bnsig-h2,#home .bnult-h2,#home .bnvid-h2{font-weight:300!important;color:var(--i-ink)!important;letter-spacing:-.025em!important}
#home .bncat-h2 b,#home .bnult-h2 b,#home .bnvid-h2 b,#home .bnsig-mano{font-weight:700}
#home .bncat-h2 i,#home .bnsig-h2 i,#home .bnult-h2 i,#home .bnvid-h2 i,#home .bnsig-trazo,#home .bnsig-marca{display:none!important}
#home .bnsig-rot{color:var(--i-gris)!important;letter-spacing:.2em!important}
#home .bnsig-todas,#home .bnult-todas,#home .bnvid-canal{color:var(--i-azul)!important;border:0!important;text-transform:uppercase;letter-spacing:.14em;font-size:.76rem!important}

#home .bncat-sub,#home .bnsig-sub,#home .bnvid-sub,#home .bnult-sub{display:none!important}
#home .bncat-nom::after,#home .bncat-avance,#home .bnult-avance{display:none!important}
#home .bnult-badge,#home .bnult-nf,#home .bnult-m2,#home .bnult-cod,#home .bnult-wa,#home .bnsig-tv,#home .bnvid-dur,#home .bnvid-tipo{display:none!important}
#home .bnult-pie{border-top:0!important;padding-top:0!important;margin-top:.2rem!important}
#home .bncat-n{font-weight:600;color:var(--i-gris)}
#home .bnvid-play{background:rgba(255,255,255,.95)!important;color:var(--i-ink)!important;width:54px!important;height:54px!important}

#home .bnsig-in{padding-top:clamp(2.4rem,5vw,3.6rem)!important}
#home .bnsig-mfila b,#home .bnsig-mfila em{color:var(--i-ink)!important}

#home .i-cif{background:var(--i-noche);color:#fff}
#home .i-cif .i-in{max-width:1280px;margin-inline:auto;padding-inline:clamp(1rem,4vw,2.2rem);display:grid;grid-template-columns:repeat(4,1fr)}
#home .i-cif .i-in>div{padding:clamp(2rem,4.5vw,3.2rem) clamp(1rem,2vw,1.6rem);border-left:1px solid rgba(255,255,255,.16)}
#home .i-cif .i-in>div:first-child{border-left:0;padding-left:0}
#home .i-cif b{display:block;font-size:clamp(2.4rem,1.5rem + 2.4vw,3.9rem);font-weight:200;letter-spacing:-.04em;line-height:1}
#home .i-cif span{display:block;margin-top:.6rem;font-size:.82rem;color:#b9c3dd}

#home .i-cta{background:#fff}
#home .i-cta .i-in{max-width:1280px;margin-inline:auto;padding:clamp(2.6rem,5vw,3.8rem) clamp(1rem,4vw,2.2rem);display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap}
#home .i-cta h2{margin:0;font-size:clamp(1.7rem,1.1rem + 2vw,2.8rem);font-weight:300;letter-spacing:-.025em;line-height:1.1;color:var(--i-ink)}
#home .i-cta h2 b{font-weight:700}
#home .i-btn{display:inline-flex;align-items:center;min-height:52px;padding:.9rem 1.9rem;border-radius:999px;background:var(--i-azul);color:#fff;font-weight:700;font-size:.92rem;text-decoration:none}
#home .i-btn:hover{background:#0e2a70}#home .i-btn:focus-visible{outline:2px solid var(--i-azul);outline-offset:4px}
@media(max-width:760px){#home .i-cif .i-in{grid-template-columns:1fr 1fr}#home .i-cif .i-in>div{border-left:0;padding-left:0;border-top:1px solid rgba(255,255,255,.16)}#home .i-cif .i-in>div:nth-child(-n+2){border-top:0}}


#home > section:not(.hero){border-radius:0!important}
#home > section:not(.hero) *{border-radius:0!important}#home > section .bncat-card,#home > section .bnsig-marco,#home > section .bnvid-card,#home > section .bnult-card{border-radius:4px!important;overflow:visible!important}#home > section .bnvid-play{border-radius:50%!important}
@media(max-width:1079px){
#home .hero{padding-top:64px}
}


@media(max-width:899px){
#home .bnx{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;background:#fff;padding:10px;border-radius:4px;
       box-shadow:0 14px 34px -14px rgba(10,29,77,.45)}
#home .bnx-f1,#home .bnx-f2,#home .bnx-panel:not([hidden]),#home .bnx-panel .bnx-grid{display:contents!important}
#home .bnx-panel[hidden]{display:none!important}
#home .bnx-seg{order:1;grid-column:1/-1;display:flex!important}
#home .bnx-seg button{flex:1;height:38px}
#home .bnx-q{order:2;grid-column:1/-1;height:46px;border:1.5px solid var(--bn-border);border-radius:4px;padding:0 10px}
#home .bnx-f2 .bnx-f{order:4}
#home .bnx-f2 .bnx-f:first-child{order:3;grid-column:1/-1}
#home .bnx-f2 .bnx-f.precio{order:5}
#home .bnx-panel .bnx-f{order:6}
#home .bnx-panel .bnx-f.gris{order:7;grid-column:1/-1}
#home .bnx-pie{display:none!important}
#home .bnx-mas{order:8;grid-column:1/-1;text-transform:none!important;height:44px}
#home .bnx-mas-mas{display:inline!important;font-style:normal}
#home .bnx-go{order:9;grid-column:1/-1;height:48px;width:100%}
}


@media(max-width:899px){
#home .hero{display:block!important;min-height:0!important;height:auto!important;padding:64px 0 1.6rem!important;background:var(--bn-surface)}
#home .hero .foto{bottom:auto!important;height:470px}
#home .hero .wrap{padding-top:clamp(7rem,22svh,10.5rem)}#home .bncat .bncat-in,#home .bncat>div{padding-top:1.2rem}
}


#home .bncat-h2,#home .bnvid-h2,#home .bnult-h2{font-size:clamp(1.9rem,1.2rem + 2.6vw,3.15rem)!important;line-height:1.08!important}
#home .bnsig-h2{font-size:clamp(1.72rem,1.1rem + 2.75vw,3.3rem)!important;line-height:1.08!important}
#home .i-cta h2{font-size:clamp(2rem,1.3rem + 2.9vw,3.5rem)!important;line-height:1.1!important}
#home .bnsig-rot{font-size:.8rem!important}
#home .bncat-h2,#home .bnsig-h2,#home .bnult-h2{margin-bottom:.1em!important}#home .bnsig-todas,#home .bnult-todas,#home .bncat-todas,#home .bnvid-todas{font-size:.84rem!important}
#home .bncat-nom{font-size:clamp(1.1rem,.95rem + .45vw,1.32rem)!important}
#home .bncat-n{font-size:.94rem!important}
#home .bnsig-tipo{font-size:.76rem!important}
#home .bnsig-nom{font-size:clamp(1.15rem,.95rem + .7vw,1.5rem)!important;line-height:1.18!important}
#home .bnsig-precio{font-size:clamp(1.2rem,1rem + .8vw,1.65rem)!important}
#home .bnsig-mtipo{font-size:.7rem!important}
#home .bnsig-mfila b{font-size:1.06rem!important}
#home .bnsig-mfila em{font-size:.9rem!important}
#home .bnvid-card h3,#home .bnvid-tit,#home .bnvid-nom{font-size:1.2rem!important;line-height:1.25!important}
#home .bnult-precio{font-size:1.5rem!important;line-height:1.15!important}
#home .bnult-nom{font-size:1.08rem!important;line-height:1.3!important}
#home .bnult-specs{font-size:.9rem!important}
#home .i-cif span{font-size:.94rem!important}
#home .i-btn{font-size:1rem!important}

#home .bh-rotulo{font-size:13px}
#home .bh-h1{font-size:clamp(37px,4.95vw,71px)}
#home .bh-sub{font-size:19.5px;line-height:30px}
@media(max-height:780px){#home .bh-h1{font-size:clamp(33px,5.7vh,57px)}#home .bh-sub{font-size:18px;line-height:27px}}

@media(max-height:640px){#home .bh-h1{font-size:clamp(28px,5.3vh,42px)}#home .bh-sub{font-size:16.5px;line-height:24px}}

@media(max-width:820px){#home .bh-sub{font-size:17px;line-height:26px}#home .bh-rotulo{font-size:12px;letter-spacing:1.3px;white-space:nowrap}}

#home .bnult-card{min-width:0}#home .bnult-specs{flex-wrap:wrap;row-gap:.3rem} 
@media(max-width:400px){#home .bnsig-todas,#home .bnult-todas,#home .bncat-todas,#home .bnvid-todas{font-size:.76rem!important}}
#home .bnult-in,#home .bncat-in{grid-template-columns:minmax(0,1fr)}
@media(max-width:340px){#home .bh-rotulo{font-size:10.5px;letter-spacing:.9px}#home .bnult-mando,#home .bnsig-head,#home .bncat-head{flex-wrap:wrap;row-gap:.5rem}}


#home .bh-h1{font-weight:300!important;letter-spacing:-.025em!important}
#home .bh-h1 b{font-weight:800}
#home .bh-h1 span{display:block}#home > section .bnsig-dots{display:flex!important;gap:5px!important;bottom:.6rem!important}
#home > section .bnsig-dot{width:4px!important;height:4px!important;border-radius:50%!important;background:rgba(255,255,255,.55)!important;
  box-shadow:0 0 2px rgba(0,0,0,.35);transition:background .2s,opacity .2s}
#home > section .bnsig-dot.on{width:4px!important;background:#fff!important}

/* ── 27-sep noche · Oliver en el cel: cada sección con la mitad de aire ── */
@media(max-width:899px){
#home .hero{padding-bottom:.6rem!important}
#home .bncat .bncat-in,#home .bncat>div{padding-top:.9rem!important}
#home .bncat-in,#home .bnult-in,#home .bnvid-in{padding-block:1.2rem!important}
#home .bnsig-in{padding-top:1.3rem!important;padding-bottom:1.2rem!important}
#home .i-cif .i-in>div{padding:1.1rem 0}
#home .i-cta .i-in{padding:1.6rem 1rem}
#home .bncat-in,#home .bnult-in{gap:.5rem}
}
@media(max-width:899px){#home>section{margin-top:0!important}}
/* cel: subtítulo del hero legible sobre la foto (sombra, sin velo) y sin margen de más */
@media(max-width:899px){#home .bh-sub{text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 8px rgba(0,0,0,.7),0 0 18px rgba(0,0,0,.5);margin-bottom:34px!important}}
/* cel · Recorridos en video: caja 16:9 (recorta las franjas negras que trae la miniatura hqdefault) y menos aire título→enlace→video */
@media(max-width:899px){
#home .bnvid-foto{aspect-ratio:16/9}
#home .bnvid-head{gap:0}
#home .bnvid-canal{min-height:32px}
#home .bnvid-grid{margin-top:.6rem}
#home .bnvid-pie{padding:.8rem 1rem .9rem}
#home .bnvid-in{padding-block:.9rem!important}
}
/* cel · encabezados de sección parejos: título pegado a su enlace, enlace pegado al contenido */
@media(max-width:899px){
#home .bnult-head,#home .bnsig-head,#home .bncat-head{gap:.25rem!important;row-gap:.25rem!important}
#home .bnult-in,#home .bncat-in{gap:.45rem!important}
#home .bnult-in{padding-block:.9rem!important}
#home .bnsig-in{padding-top:.9rem!important}
#home .bncat-h2,#home .bnsig-h2,#home .bnult-h2,#home .bnvid-h2{margin-bottom:0!important}
}
/* cel · bloque «¿Vendés o alquilás?»: compacto; y sin riel gris de sobra bajo «Últimos ingresos» */
@media(max-width:899px){
#home .i-cta .i-in{padding:1.1rem 1rem 1.3rem!important;gap:.8rem!important}
#home .i-cta h2{font-size:1.75rem!important;line-height:1.15!important}
#home .i-btn{min-height:46px;padding:.7rem 1.6rem}
#home .bnult-riel{display:none}
#home .bnult-in{padding-bottom:.6rem!important}
}
/* cel · escala de letras pareja con la ficha (27-sep noche) */
@media(max-width:899px){
#home .bncat-h2,#home .bnsig-h2,#home .bnvid-h2,#home .bnult-h2,#home .i-cta h2{font-size:1.5rem!important;line-height:1.15!important}
#home .bnsig-rot,#home .bnsig-todas,#home .bnult-todas,#home .bnvid-canal,#home .bncat-todas{font-size:.8rem!important}
#home .bnsig-tipo,#home .bnsig-mtipo{font-size:.8rem!important}
#home .bnvid-zona{font-size:.9rem}
#home .bnvid-nom{font-size:1.1rem!important}
}

/* ── 28-sep · Oliver en ESCRITORIO: menos aire entre secciones (lo mismo que el cel del 27-sep noche) ── */
@media(min-width:900px){
#home>section{margin-top:0!important}
#home .bncat-in,#home .bnult-in,#home .bnvid-in{padding-block:2.6rem!important}
#home .bncat-in,#home .bnult-in{padding-bottom:1.8rem!important}
#home .bnsig-in{padding-top:2.6rem!important;padding-bottom:1.6rem!important}
#home .i-cif .i-in>div{padding:2rem 0}
#home .i-cta .i-in{padding-block:2.4rem!important}
#home .bnvid-grid{margin-top:1.2rem}
}

/* 28-sep · VIDEO DEL HERO (solo escritorio). Cubre la foto igual que ella (center 42%), sin velo.
   Aparece recién cuando ya está reproduciendo (.bh-on): antes se ve la foto, que es su primer cuadro. */
#home .hero .foto video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;opacity:0;transition:opacity .4s}
#home .hero .foto video.bh-on{opacity:1}
@media(max-width:899px){#home #bh-video{display:none}}

/* 28-sep tarde · BUSCADOR DEL HERO (Oliver, repaso de pruebas):
   1) letra más grande · 2) fila de abajo proporcional, sin huecos · 3) US$: etiqueta y cifra juntas DENTRO del cuadro,
   como Tipo y Zona · 4) un nombre largo (Santo Domingo) no se sale del cuadro · 5) leyenda en blanco, otra letra.
   🔴 Los huecos del US$ los metía `section .precio{padding:0 5rem}` de estilo.css del motor (80 px por lado). */
#home .bnx-f2 .bnx-f.precio{padding:0!important}
#home .bnx-f2 .bnx-f{flex:1 1 0}
#home .bnx-f2 .bnx-f.zona{flex:1.25 1 0}
#home .bnx-f2 .bnx-f.precio{flex:.8 1 0}
#home .bnx-f>label{font-size:10.5px;top:6px;left:12px}
#home .bnx-f select,#home .bnx-f input,#home .bnx-f .zb{font-size:15px;height:50px;padding:20px 12px 6px}
#home .bnx-f select,#home .bnx-f .zb{padding-right:30px}
#home .bnx-f .zb{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#home .bnx-op,#home .bnx-zr{font-size:14.5px}
#home .bnx-mas{font-size:14.5px;height:50px}
#home .bnx-q input{font-size:16px}
#home .bnx-seg button{font-size:14.5px}
#home .bnx-go{font-size:16px}
#home .bh-rotulo,#home .bh-rotulo span{color:#fff}
#home .bh-rotulo{font-size:16px;font-weight:600;letter-spacing:.01em;text-transform:none;line-height:22px}
@media(max-width:899px){
#home .bnx-f select,#home .bnx-f input,#home .bnx-f .zb{font-size:16px}
#home .bh-rotulo{font-size:14.5px;letter-spacing:0}
}
@media(max-width:340px){#home .bh-rotulo{font-size:13px}}
@media(max-width:899px){#home .bnx-f2 .bnx-f.zona{grid-column:1/-1}} /* cel: la zona a lo ancho, como Tipo: los nombres largos no se cortan */

/* 28-sep tarde · «POR TIPO» = 2 filas fijas, cada tipo un carrusel de 5 propiedades (Oliver: «quiero ver cómo queda»).
   Sin velos: precio y zona van DEBAJO de la foto, no encima. */
#home .bncat-v2 .bncat-pista{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.8rem,1.6vw,1.25rem);overflow:visible!important}
#home .bncat-v2 .bncat-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--bn-border);border-radius:4px;overflow:hidden;min-width:0}
#home .bncat-v2 .bncat-visor{border-radius:0}
#home .bncat-v2 .bnsig-slide{display:flex;flex-direction:column;text-decoration:none}
#home .bncat-v2 .bnsig-slide img{aspect-ratio:4/3;height:auto}
#home .bncat-v2 .bncat-cap{display:flex;align-items:baseline;gap:.5rem;padding:.55rem .85rem 0;min-width:0;white-space:nowrap}
#home .bncat-v2 .bncat-cap b{font-size:1.02rem;font-weight:800;color:var(--bn-ink)}
#home .bncat-v2 .bncat-cap span{font-size:.86rem;font-weight:600;color:var(--bn-muted);overflow:hidden;text-overflow:ellipsis}
#home .bncat-v2 .bnsig-fl{top:calc((100% - 2.2rem)/2)}
#home .bncat-v2 .bnsig-dots{bottom:calc(2.2rem + .55rem)!important}
#home .bncat-v2 .bncat-pie{display:grid;gap:.1rem;padding:.35rem .85rem .8rem;text-decoration:none}
#home .bncat-v2 .bncat-nom{font-size:1.1rem!important}
#home .bncat-v2 .bncat-n{margin-top:0;min-height:0!important;font-size:.84rem!important}
#home .bncat-v2 .bncat-n u{color:var(--bn-blue);text-underline-offset:2px}
#home .bncat-v2 .bncat-pie:hover .bncat-nom{color:var(--bn-red)}
@media(max-width:899px){
#home .bncat-v2 .bncat-pista{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
#home .bncat-v2 .bncat-cap{flex-direction:column;gap:0;padding:.45rem .6rem 0}
#home .bncat-v2 .bncat-cap b{font-size:.95rem}
#home .bncat-v2 .bncat-cap span{font-size:.78rem}
#home .bncat-v2 .bnsig-dots{bottom:calc(2.6rem + .45rem)!important}
#home .bncat-v2 .bncat-pie{padding:.3rem .6rem .65rem}
#home .bncat-v2 .bncat-nom{font-size:1rem!important}
#home .bncat-v2 .bncat-n{font-size:.76rem!important}
}
#home .bncat-v2 .bnsig-pista,#home .bncat-v2 .bnsig-slide,#home .bncat-v2 .bncat-visor{background:#fff}
#home .bncat-v2 .bncat-n{display:block!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:899px){#home .bncat-v2 .bncat-n u,#home .bncat-v2 .bncat-n i{display:none}}

/* 28-sep tarde · FRANJA DE CIFRAS al DOBLE de alto + banner Centro Logístico Las Colinas (tema anterior).
   Escritorio: cifras 2×2 a la izquierda, banner a la derecha. Cel: cifras arriba, banner a lo ancho abajo. Sin velo. */
#home .i-cif2 .i-in{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:clamp(1.2rem,3vw,2.6rem);align-items:center;padding-block:clamp(1.6rem,3.5vw,2.6rem)}
#home .i-cif2 .i-cifs{display:grid;grid-template-columns:1fr 1fr}
#home .i-cif2 .i-cifs>div{padding:clamp(1rem,2.2vw,1.6rem) clamp(.8rem,1.6vw,1.3rem)!important;border-left:1px solid rgba(255,255,255,.16);border-top:0}
#home .i-cif2 .i-cifs>div:nth-child(odd){border-left:0;padding-left:0!important}
#home .i-cif2 .i-cifs>div:nth-child(n+3){border-top:1px solid rgba(255,255,255,.16)}
#home .i-banner{display:block;border-radius:4px;overflow:hidden;line-height:0}
#home .i-banner img{width:100%;height:auto;aspect-ratio:1919/1080;object-fit:cover;display:block}
#home .i-banner:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:899px){#home .i-cif2 .i-in{grid-template-columns:1fr;gap:1rem;padding-block:1.2rem}}

/* 28-sep tarde · «¿Vendés o alquilás?»: en vez de «Hablemos», un CUADRO de WhatsApp (verde BN firmado #1c9c50) */
#home .i-wa{display:inline-flex;align-items:center;gap:.85rem;background:#1c9c50;color:#fff;text-decoration:none;border-radius:4px;padding:.9rem 1.6rem .9rem 1.2rem;min-height:64px;box-shadow:0 8px 20px -10px rgba(28,156,80,.7);transition:background .15s,transform .12s}
#home .i-wa:hover{background:#16813f;transform:translateY(-1px)}
#home .i-wa:focus-visible{outline:3px solid #1c9c50;outline-offset:3px}
#home .i-wa span{display:grid;line-height:1.15}
#home .i-wa b{font-size:1.15rem;font-weight:800}
#home .i-wa small{font-size:.95rem;font-weight:600;opacity:.92}
@media(max-width:760px){#home .i-wa{width:100%;justify-content:center}}

/* 28-sep · zonas con casillas: la regla de los campos (#home .bnx-f input → 50 px de alto + relleno) alcanzaba a cada
   casilla y cada fila medía ~64 px. La casilla vuelve a su tamaño; filas compactas, como CEN. */
#home .bnx-zr input{width:16px!important;height:16px!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;flex:none}
#home .bnx-zr{padding:6px 9px;font-size:14.5px}
#home .bnx-zl{max-height:300px}
#home .bnx-f.zona .bnx-zp{width:min(310px,88vw)}
#home .bnx-zr{white-space:nowrap}

/* 28-sep tarde · la franja es SOLO EL BANNER, a lo ancho, al DOBLE del alto de la franja de cifras (~155 → 310 px).
   La foto actual se RECORTA (cover) hasta que Oliver ponga una que calce con esa proporción (~4,6:1 en escritorio). */
#home .i-solo .i-in{display:block!important;max-width:none!important;padding:0!important}
#home .i-solo .i-banner{border-radius:0}
#home .i-solo .i-banner img{height:310px;aspect-ratio:auto;object-fit:cover;object-position:center 55%}
@media(max-width:899px){#home .i-solo .i-banner img{height:220px}}
#home .i-solo .i-banner img{object-position:center 15%} /* que se lea el titular del banner mientras llega la foto a medida */

/* 28-sep tarde · ÚLTIMOS INGRESOS (Oliver): la caja es vertical (4:5) y las fotos horizontales (800×600): con cover
   se veían agrandadas y cortadas (~40 % del ancho afuera). Queda la caja; la foto entra ENTERA (contain),
   con franjas en el gris claro del sitio arriba y abajo. */
#home .bnult-card .bnult-visor,#home .bnult-card .bnsig-pista,#home .bnult-card .bnsig-slide{background:var(--bn-surface,#f4f6fa)}
#home .bnult-card .bnsig-slide img{object-fit:contain!important}

/* 28-sep tarde · «POR TIPO» EN DOS GRUPOS (Residencial / Comercial), tarjetas del tamaño de «Bolsanica Signature» del tema
   anterior: 316×422 (3:4 vertical). Escritorio: el nombre del grupo a la izquierda + 3 tarjetas. Cel: cada grupo se desliza. */
#home .bncat-v3 .bncat-grupo{display:grid;grid-template-columns:minmax(150px,1fr) repeat(3,minmax(0,316px));gap:16px;align-items:start;margin-top:1.4rem}
#home .bncat-v3 .bncat-grupo+.bncat-grupo{margin-top:2.2rem}
#home .bncat-v3 .bncat-pista{display:contents!important}
#home .bncat-v3 .bncat-gtit{align-self:center;padding-right:.5rem}
#home .bncat-v3 .bncat-gtit h3{margin:0;font-size:clamp(1.5rem,1rem + 1.2vw,2.1rem);font-weight:700;color:var(--i-ink,#1b2540);letter-spacing:-.02em;line-height:1.1}
#home .bncat-v3 .bncat-gtit p{margin:.45rem 0 0;font-size:.95rem;font-weight:600;color:var(--i-gris,#6b7280)}
#home .bncat-v3 .bncat-gtit span{display:block;margin-top:.35rem;font-size:.88rem;font-weight:700;color:var(--i-azul,#13358c)}
#home .bncat-v3 .bnsig-slide img{aspect-ratio:3/4!important;object-fit:cover}
@media(max-width:899px){
#home .bncat-v3 .bncat-grupo{display:block;margin-top:1rem}
#home .bncat-v3 .bncat-grupo+.bncat-grupo{margin-top:1.6rem}
#home .bncat-v3 .bncat-gtit{padding:0 0 .6rem}
#home .bncat-v3 .bncat-gtit h3{font-size:1.4rem}
#home .bncat-v3 .bncat-gtit p,#home .bncat-v3 .bncat-gtit span{display:inline;font-size:.85rem;margin:0 .5rem 0 0}
#home .bncat-v3 .bncat-pista{display:flex!important;gap:.7rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:.2rem}
#home .bncat-v3 .bncat-pista::-webkit-scrollbar{display:none}
#home .bncat-v3 .bncat-card{flex:0 0 68%;scroll-snap-align:start}
}
#home .bncat-v3 .bncat-gtit h2{margin:0;font-size:clamp(1.9rem,1.2rem + 2vw,2.9rem);font-weight:700;color:var(--i-ink,#1b2540);letter-spacing:-.025em;line-height:1.05}
#home .bncat-v3 .bncat-grupo:first-child{margin-top:0}
@media(max-width:899px){#home .bncat-v3 .bncat-gtit h2{font-size:1.6rem}#home .bncat-v3 .bncat-gtit p{display:block;margin:.25rem 0 0}}
@media(max-width:899px){#home .bncat-v3 .bncat-pista{align-items:flex-start!important;height:auto!important;min-height:0!important;padding-top:0}#home .bncat-v3 .bncat-grupo+.bncat-grupo{margin-top:1.8rem}} /* 28-sep: el carril medía 488 px y centraba tarjetas de 400: 44 px de hueco arriba y abajo */
/* 28-sep · «Residencial» salía CORTADO por la 1.ª tarjeta (columna ~175 px, título 46 px ≈ 290 px). Columna mínima 210 px,
   las tarjetas ceden hasta 316 y el título baja a un tamaño que entra entero. */
@media(min-width:900px){
#home .bncat-v3 .bncat-grupo{grid-template-columns:minmax(210px,1fr) repeat(3,minmax(0,316px))}
#home .bncat-v3 .bncat-gtit{min-width:0}
#home .bncat-v3 .bncat-gtit h2{font-size:clamp(1.6rem,1rem + 1vw,2rem);white-space:nowrap}
}

/* 28-sep tarde · ÚLTIMOS INGRESOS «tipo Signature», como Residencial/Comercial (Oliver: «se mira terrible»): tarjeta vertical
   3:4 y la foto LLENA el cuadro (cover). Anula el contain con franjas de hace un rato. Escritorio: título a la izquierda + 3. */
#home .bnult-card .bnult-visor{aspect-ratio:3/4!important}
#home .bnult-card .bnsig-slide img{object-fit:cover!important}
@media(min-width:900px){
#home .bnult .bnult-in{display:grid!important;grid-template-columns:minmax(210px,1fr) repeat(3,minmax(0,316px));gap:16px;align-items:start}
#home .bnult .bnult-head{grid-column:1;align-self:center;display:flex;flex-direction:column;align-items:flex-start;gap:.8rem}
#home .bnult .bnult-head .bnult-h2{white-space:nowrap;font-size:clamp(1.6rem,1rem + 1vw,2rem)!important}
#home .bnult .bnult-carru,#home .bnult .bnult-pista{display:contents!important}
#home .bnult .bnult-flechas,#home .bnult .bnult-riel{display:none!important}
#home .bnult .bnult-card{width:auto!important;min-width:0}
}
@media(min-width:900px){ /* título y enlace bajan de línea en vez de meterse debajo de la 1.ª tarjeta */
#home .bnult .bnult-head,#home .bnult .bnult-head>div{min-width:0;max-width:100%}
#home .bnult .bnult-head .bnult-h2{white-space:normal}
#home .bnult .bnult-head .bnult-h2 b{display:block}
#home .bnult .bnult-mando{flex-wrap:wrap}
#home .bnult .bnult-todas{white-space:normal;line-height:1.5}
}

/* 28-sep tarde · RESIDENCIAL arriba (título arriba, estilo de los títulos de sección) + 3 cuadros a TODO el ancho;
   COMERCIAL con 4 (+ Fincas); ÚLTIMOS INGRESOS con 4 y título arriba. Recomendación design-director: Residencial
   con 3 cuadros MÁS GRANDES que ocupan el mismo ancho que los 4 de abajo (bordes alineados = grilla intencional,
   y la jerarquía es honesta: residencial es más de la mitad del inventario). Sin cuadro de relleno. */
@media(min-width:900px){
#home .bncat-v3 .bncat-grupo{display:block!important}
#home .bncat-v3 .bncat-gtit{padding:0 0 1rem;display:flex;align-items:baseline;gap:.4rem 1.2rem;flex-wrap:wrap}
#home .bncat-v3 .bncat-gtit h2{white-space:normal!important}
#home .bncat-v3 .bncat-gtit p,#home .bncat-v3 .bncat-gtit span{margin:0}
#home .bncat-v3 .bncat-pista{display:grid!important;gap:16px}
#home .bncat-v3 .bncat-g3 .bncat-pista{grid-template-columns:repeat(3,minmax(0,1fr))}
#home .bncat-v3 .bncat-g4 .bncat-pista{grid-template-columns:repeat(4,minmax(0,1fr))}
#home .bncat-v3 .bncat-grupo+.bncat-grupo{margin-top:2.6rem}
/* últimos: se deshace el «título a la izquierda» de hace un rato */
#home .bnult .bnult-in{display:block!important}
#home .bnult .bnult-head{display:flex!important;flex-direction:row!important;align-items:flex-end!important;justify-content:space-between;margin-bottom:1rem}
#home .bnult .bnult-head .bnult-h2{white-space:nowrap!important;font-size:clamp(1.9rem,1.2rem + 2.6vw,3.15rem)!important}
#home .bnult .bnult-head .bnult-h2 b{display:inline!important}
#home .bnult .bnult-todas{white-space:nowrap!important}
#home .bnult .bnult-carru{display:block!important}
#home .bnult .bnult-pista{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;overflow:visible!important}
}
#home .bncat-v3 .bncat-gtit h2 b{font-weight:300} /* 28-sep: la letra FINA de «Recorridos en video» (Oliver) */

/* 28-sep tarde · RECORRIDOS EN VIDEO con 4 (Oliver): misma grilla que las filas de arriba (4 columnas, bordes alineados)
   y caja vertical 3:4 como Signature. 3 de los 4 son shorts verticales: con su miniatura vertical no se recortan. */
@media(min-width:900px){
#home .bnvid .bnvid-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
}
#home .bnvid .bnvid-foto{aspect-ratio:3/4!important;height:auto!important}
#home .bnvid .bnvid-foto img{width:100%;height:100%;object-fit:cover}
#home .bnvid .bnvid-z{overflow:hidden}#home .bnvid .bnvid-z img{transform:scale(1.34)} /* 1280×720 con el vertical (405 px) al centro: 540/405 */

/* 28-sep tarde · tarjetas Residencial/Comercial: nombre +2 px (17,6→19,6; cel 16→18) y a su DERECHA los íconos
   de «Últimos ingresos» (cuartos, baños, m², parqueo) de la propiedad que se está viendo en el carrusel. */
#home .bncat-v3 .bncat-nom{font-size:19.6px!important}
#home .bncat-v3 .bncat-fila{display:flex;align-items:center;justify-content:space-between;gap:.5rem .8rem;flex-wrap:wrap}
#home .bncat-v3 .bncat-specs{margin-left:auto;font-size:.9rem;font-weight:700;color:#394050}
#home .bncat-v3 .bncat-sp{display:none;gap:.75rem}
#home .bncat-v3 .bncat-sp.on{display:inline-flex}
#home .bncat-v3 .bncat-sp span{display:inline-flex;align-items:center;gap:.3rem;white-space:nowrap}
#home .bncat-v3 .bncat-sp svg{color:var(--bn-blue);flex:none}
@media(max-width:899px){#home .bncat-v3 .bncat-nom{font-size:18px!important}#home .bncat-v3 .bncat-specs{font-size:.82rem}#home .bncat-v3 .bncat-sp{gap:.55rem}}
@media(max-width:899px){#home .bncat-v3 .bncat-specs{margin-left:0;flex-basis:100%}} /* cel: los íconos en su renglón, alineados a la izquierda */

/* ═══ 28-sep tarde · PRUEBA (Oliver): las filas de cuadros CALZAN AL ANCHO DE LA PÁGINA (alineadas con hero y banner, x12)
   y TODAS las fotos tienen el alto de Residencial (521 px a 1440; baja con la pantalla). Las de 4 crecen en alto y ancho.
   Volver atrás = restaurar home12_bn.css de audits/backup_prueba_ancho_*. ═══ */
@media(min-width:900px){
#home{--hcard:min(521px,40vw)}
#home .bncat-v3 .bncat-in,#home .bnvid .bnvid-in,#home .bnult .bnult-in{max-width:none!important;padding-inline:12px!important}
#home .bncat-v3 .bnsig-slide img{aspect-ratio:auto!important;height:var(--hcard)!important;width:100%}
#home .bnvid .bnvid-foto{aspect-ratio:auto!important;height:var(--hcard)!important}
#home .bnult .bnult-card .bnult-visor{aspect-ratio:auto!important;height:var(--hcard)!important}
#home .bnult .bnult-card .bnsig-slide img{height:100%!important}
}
@media(min-width:900px){#home .bncat-v3 .bncat-in,#home .bnvid .bnvid-in,#home .bnult .bnult-in{padding-inline:0!important}} /* borde con borde con hero y banner (x12) */

/* 28-sep tarde · PRUEBA íconos en RESIDENCIAL (Oliver): el pie se divide en VERTICAL — izquierda nombre + conteo,
   a la derecha (tras una raya) los 4 íconos en 2×2. Si no convence, vuelven a ir junto al nombre. Solo escritorio. */
@media(min-width:900px){
#home .bncat-v3 .bncat-g3 .bncat-pie{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:1rem;align-items:center}
#home .bncat-v3 .bncat-g3 .bncat-fila{display:contents}
#home .bncat-v3 .bncat-g3 .bncat-nom{grid-column:1;grid-row:1}
#home .bncat-v3 .bncat-g3 .bncat-n{grid-column:1;grid-row:2}
#home .bncat-v3 .bncat-g3 .bncat-specs{grid-column:2;grid-row:1/3;margin:0;align-self:stretch;display:flex;align-items:center;padding-left:1rem;border-left:1px solid var(--bn-border,#dfe3ec)}
#home .bncat-v3 .bncat-g3 .bncat-sp.on{display:grid;grid-template-columns:auto auto;gap:.4rem 1.1rem}
}

/* ═══ 28-sep tarde · CORRECCIÓN de la prueba (Oliver: «se deformaron; el ALTO define el ANCHO y lo centramos, no al revés»,
   como Signature del home anterior: 316×422 centrados). Cuadro SIEMPRE 3:4; un solo tamaño para todas las filas = el mayor
   con el que entran 4 en la pantalla (tope: el de Residencial, 391×521). Filas CENTRADAS. ═══ */
@media(min-width:900px){
#home{--cw:min(391px,calc((100vw - 24px - 48px)/4));--ch:calc(var(--cw)*4/3)}
#home .bncat-v3 .bncat-in,#home .bnvid .bnvid-in,#home .bnult .bnult-in{max-width:calc(var(--cw)*4 + 48px)!important;margin-inline:auto!important;padding-inline:0!important}
#home .bncat-v3 .bncat-g3 .bncat-pista{grid-template-columns:repeat(3,var(--cw))!important;justify-content:center}
#home .bncat-v3 .bncat-g4 .bncat-pista{grid-template-columns:repeat(4,var(--cw))!important;justify-content:center}
#home .bnvid .bnvid-grid{grid-template-columns:repeat(4,var(--cw))!important;justify-content:center}
#home .bnult .bnult-pista{grid-template-columns:repeat(4,var(--cw))!important;justify-content:center}
#home .bncat-v3 .bnsig-slide img{height:var(--ch)!important}
#home .bnvid .bnvid-foto{height:var(--ch)!important}
#home .bnult .bnult-card .bnult-visor{height:var(--ch)!important}
}
@media(min-width:900px){
#home{--cw:min(391px,calc((100vw - 80px - 48px)/4))} /* 40 px de aire a cada lado */
#home .bncat-v3 .bncat-g3 .bncat-gtit{width:calc(var(--cw)*3 + 32px);margin-inline:auto} /* el título arranca donde arranca SU fila centrada */
#home .bncat-v3 .bncat-g3 .bncat-n{white-space:normal!important;overflow:visible!important}
}
#home .bncat-v3 .bncat-n u{white-space:nowrap} /* «Ver todas» no se parte */

/* 28-sep: Signature con el MISMO estilo que las otras tarjetas (Oliver) — se quitó el pie azul noche */

/* 28-sep tarde · íconos ABAJO, en su renglón con raya fina encima, igual que «Últimos ingresos» (Oliver). Todas las tarjetas.
   Anula el «junto al nombre» y la prueba 2×2. Si la propiedad no tiene datos, el renglón guarda su lugar (no salta la tarjeta). */
#home .bncat-v3 .bncat-pie,#home .bncat-v3 .bncat-g3 .bncat-pie{display:flex!important;flex-direction:column;align-items:stretch}
#home .bncat-v3 .bncat-fila{display:contents!important}
#home .bncat-v3 .bncat-nom{order:1}
#home .bncat-v3 .bncat-n{order:2}
#home .bncat-v3 .bncat-specs,#home .bncat-v3 .bncat-g3 .bncat-specs{order:3;display:block!important;margin:.45rem 0 0!important;padding:.5rem 0 0!important;border-left:0!important;border-top:1px solid var(--bn-border);min-height:calc(1.6em + .5rem);color:var(--bn-body);font-size:.8rem;font-weight:700;flex-basis:auto!important}
#home .bncat-v3 .bncat-sp.on,#home .bncat-v3 .bncat-g3 .bncat-sp.on{display:flex!important;gap:.85rem;flex-wrap:wrap}
#home .bncat-v3 .bncat-sp span{gap:.32rem}
#home .bncat-v3 .bncat-sig .bncat-nom{text-transform:uppercase} /* 28-sep: solo SIGNATURE en mayúsculas (Oliver) */

/* 28-sep tarde · íconos DEBAJO DEL PRECIO Y LA ZONA, dentro de la foto del carrusel (se mueven con ella). Oliver: «Casas» es
   general; los datos tienen que quedar pegados a la casa que describen. Después, raya fina y el tipo con su conteo. */
#home .bncat-v3 .bncat-cap{display:block!important;padding:.55rem .85rem 0!important;white-space:normal!important}
#home .bncat-v3 .bncat-cap1{display:flex;align-items:baseline;gap:.5rem;min-width:0;white-space:nowrap}
#home .bncat-v3 .bncat-cap1 span{font-size:.86rem;font-weight:600;color:var(--bn-muted);overflow:hidden;text-overflow:ellipsis}
#home .bncat-v3 .bncat-capsp{display:flex;gap:.85rem;flex-wrap:wrap;margin-top:.4rem;min-height:1.45em;color:var(--bn-body);font-size:.8rem;font-weight:700;overflow:visible!important}
#home .bncat-v3 .bncat-capsp span{display:inline-flex;align-items:center;gap:.32rem;color:var(--bn-body);font-size:.8rem;font-weight:700;overflow:visible}
#home .bncat-v3 .bncat-capsp svg{color:var(--bn-blue);flex:none}
#home .bncat-v3 .bncat-pie{margin:.55rem .85rem 0!important;padding:.55rem 0 .8rem!important;border-top:1px solid var(--bn-border)}
#home .bncat-v3 .bnsig-fl{top:calc((100% - 4.2rem)/2)}
#home .bncat-v3 .bnsig-dots{bottom:calc(4.2rem + .55rem)!important}
@media(max-width:899px){#home .bncat-v3 .bncat-cap{padding:.45rem .6rem 0!important}#home .bncat-v3 .bncat-cap1{flex-direction:column;gap:0;align-items:flex-start}#home .bncat-v3 .bncat-capsp{gap:.55rem}#home .bncat-v3 .bncat-pie{margin:.45rem .6rem 0!important}#home .bncat-v3 .bnsig-dots{bottom:calc(5.4rem + .45rem)!important}}

/* 28-sep tarde · MEDIDA ESTÁNDAR DE FOTO = 4:5 (1080×1350, la de Instagram; Oliver va a tomarlas así). Todas las cajas del home
   pasan de 3:4 a 4:5: una foto tomada a esa medida calza SIN recorte. */
@media(min-width:900px){#home{--ch:calc(var(--cw)*5/4)}}
@media(max-width:899px){
#home .bncat-v3 .bnsig-slide img{aspect-ratio:4/5!important}
#home .bnult-card .bnult-visor{aspect-ratio:4/5!important}
#home .bnvid .bnvid-foto{aspect-ratio:4/5!important}
}
#home .bnsig-slide img.bh-entera{object-fit:contain!important;background:var(--bn-surface,#f4f6fa)} /* 28-sep PRUEBA: foto más alargada que 4:5 → entera */

/* 28-sep tarde · «ELEGIDAS A MANO» ENTRA EN UNA PANTALLA (Oliver) + 4.º cuadro VERTICAL 4:5 a la derecha. Escritorio:
   3 columnas (grande 1,6 · dos chicas 1 · vertical 1); el vertical 4:5 fija el alto de la fila y los otros lo llenan.
   La sección deja de medir 100svh (la barra de arriba tapaba el final). Cel: sin cambios, sin el vertical. */
@media(min-width:900px){
#home .bnsig .bnsig-in{height:auto!important;min-height:0!important}
#home .bnsig .bnsig-marco{grid-template-columns:1.6fr 1fr 1fr!important;grid-template-rows:auto!important;height:auto!important;align-items:stretch}
#home .bnsig .bnsig-col .bnsig-visor,#home .bnsig .bnsig-lado .bnsig-visor{aspect-ratio:auto!important;height:100%;min-height:0}
#home .bnsig .bnsig-vert .bnsig-visor{aspect-ratio:4/5!important;height:auto}
#home .bnsig .bnsig-vert{grid-template-rows:auto auto!important}
}
@media(max-width:899px){#home .bnsig .bnsig-vert{display:none!important}}
@media(min-width:900px){ /* el pie de la grande en UN renglón (título | precio): así la fila la manda el cuadro vertical y no queda hueco */
#home .bnsig .bnsig-col .bnsig-pie{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;column-gap:.8rem}
#home .bnsig .bnsig-col .bnsig-pie-txt{min-width:0}
#home .bnsig .bnsig-col .bnsig-nom{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.15rem!important;line-height:1.25!important}
#home .bnsig .bnsig-col .bnsig-precio{white-space:nowrap;font-size:1.35rem!important}
#home .bnsig .bnsig-vert{align-content:start}
}
@media(min-width:900px){#home .bnsig .bnsig-col .bnsig-visor,#home .bnsig .bnsig-lado .bnsig-visor{contain:size}} /* estas fotos NO imponen alto: la fila la manda el vertical 4:5 */
@media(min-width:900px){#home .bnsig .bnsig-col .bnsig-precio{display:inline-flex!important;align-items:baseline;gap:.25rem}#home .bnsig .bnsig-col .bnsig-precio small{position:static!important;display:inline!important;margin:0!important}#home .bnsig .bnsig-col{overflow:hidden}} /* «/mes» pegado al precio, dentro de su columna */
@media(min-width:900px){#home .bnsig .bnsig-col .bnsig-precio{display:block!important;white-space:nowrap!important}#home .bnsig .bnsig-col .bnsig-precio small{float:none!important;transform:none!important;left:auto!important;right:auto!important}}
@media(min-width:900px){#home .bnsig .bnsig-col .bnsig-pie{grid-template-columns:minmax(0,1fr) auto!important}} /* la marca decorativa está oculta: 2 columnas, título | precio */
/* 28-sep tarde · «ELEGIDAS A MANO» con el MISMO ANCHO que las filas de categorías (Oliver); columnas = la grilla de 4
   (grande = 2 cuadros · chicas = 1 · vertical = 1). El alto lo sigue mandando el vertical 4:5. */
@media(min-width:900px){
#home .bnsig .bnsig-in{max-width:calc(var(--cw)*4 + 48px)!important;margin-inline:auto!important;padding-inline:0!important}
#home .bnsig .bnsig-marco{grid-template-columns:2fr 1fr 1fr!important}
}
/* 28-sep tarde · «ELEGIDAS» con el ALTO de una tarjeta de las otras categorías (foto + 136 px; 546 a 1440). El vertical llena
   ese alto (ya no fija la fila) y todas las fotos se ajustan sin imponer tamaño. */
@media(min-width:900px){
#home .bnsig .bnsig-marco{box-sizing:border-box;height:calc(var(--ch) + 136px)!important;grid-template-rows:minmax(0,1fr)!important}
#home .bnsig .bnsig-vert{grid-template-rows:minmax(0,1fr) auto!important;min-height:0}
#home .bnsig .bnsig-vert .bnsig-visor{aspect-ratio:auto!important;height:100%!important;contain:size}
}
@media(min-width:900px){#home .bnsig .bnsig-marco{height:calc((var(--ch) + 136px) * 1.1)!important}} /* 28-sep: +10 % de alto, crece hacia abajo (Oliver) */
#home .bnsig .bnsig-in{padding-bottom:.3rem!important}#home .bnvid .bnvid-in{padding-top:1.7rem!important} /* 28-sep: menos blanco antes de «Recorridos en video» (67 → ~32 px) */

/* 28-sep tarde · PIES DE «ELEGIDAS A MANO» (Oliver): IZQUIERDA zona y debajo precio · EXTREMO DERECHO la operación. Las 4 igual. */
#home .bnsig .bnsig-pie,#home .bnsig .bnsig-mpie{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto;column-gap:.8rem;row-gap:.1rem;align-items:center}
#home .bnsig .bnsig-pie-txt,#home .bnsig .bnsig-mfila{display:contents!important}
#home .bnsig .bnsig-nom,#home .bnsig .bnsig-mfila b{grid-column:1;grid-row:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#home .bnsig .bnsig-precio,#home .bnsig .bnsig-mfila em{grid-column:1;grid-row:2;justify-self:start;text-align:left}
#home .bnsig .bnsig-tipo,#home .bnsig .bnsig-mtipo{grid-column:2;grid-row:1 / 3;align-self:center;justify-self:end;text-align:right;white-space:nowrap}
@media(max-width:899px){#home .bnsig .bnsig-pie,#home .bnsig .bnsig-mpie{grid-template-columns:minmax(0,1fr)!important}#home .bnsig .bnsig-tipo,#home .bnsig .bnsig-mtipo{grid-column:1;grid-row:3;justify-self:start;text-align:left;white-space:normal}} /* cel: zona · precio · operación, apilados */
#home .bnsig .bnsig-col .bnsig-precio{color:#1b2540!important} /* 28-sep: precio del grande en el marino oscuro de los chicos (Oliver: «negro, no azul»; en BN el negro del texto es #1b2540) */

/* 28-sep tarde · «ELEGIDAS»: debajo de la operación (columna derecha) los íconos de la propiedad, como en las tarjetas (Oliver) */
#home .bnsig .bnsig-tipo,#home .bnsig .bnsig-mtipo{grid-row:1!important;align-self:end}
#home .bnsig .bnsig-ico{grid-column:2;grid-row:2;justify-self:end;align-self:start;display:flex;gap:.7rem;white-space:nowrap;color:var(--bn-body);font-size:.8rem;font-weight:700}
#home .bnsig .bnsig-ico span{display:inline-flex;align-items:center;gap:.3rem}
#home .bnsig .bnsig-ico svg{color:var(--bn-blue);flex:none}
@media(max-width:899px){#home .bnsig .bnsig-tipo,#home .bnsig .bnsig-mtipo{grid-row:3!important}#home .bnsig .bnsig-ico{grid-column:1;grid-row:4;justify-self:start;flex-wrap:wrap;gap:.5rem}}

/* 28-oct · «ELEGIDAS», tarjetas chicas (compu): con 4 íconos la zona quedaba en «Santo …» y el «/mes» se montaba en los íconos.
   Zona a todo el ancho · precio con la operación al lado · íconos en su propia fila. */
@media(min-width:900px){#home .bnsig .bnsig-mini .bnsig-mpie{grid-template-columns:minmax(min-content,1fr) auto!important}#home .bnsig .bnsig-mini .bnsig-mfila b{grid-column:1 / -1}#home .bnsig .bnsig-mini .bnsig-mtipo{grid-row:2!important;align-self:center;white-space:normal}#home .bnsig .bnsig-mini .bnsig-ico{grid-column:1 / -1;grid-row:3;justify-self:start;flex-wrap:wrap;row-gap:.15rem}}
@media(min-width:900px) and (max-width:1099px){#home .bnsig .bnsig-mini .bnsig-mtipo{letter-spacing:.08em!important}}