/* Colecciones de productos de la portada. Paleta Azul Conectado de LOBBYTECH. */
.lb4-collection{--lb4-accent:#055bff;--lb4-ink:#08234a;--lb4-surface:#f4f7fb;margin:34px 0 0;padding:23px 25px 25px;border:1px solid #e1eaf5;border-radius:9px;background:#fff;min-width:0}
.lb4-collection--almacenamiento{background:#f4f7fb;border-color:#edf2f8}
.lb4-collection--energia{background:#0b2341;border-color:#0b2341;color:#fff}
.lb4-collection--conectividad{background:#fff;border-top:3px solid #055bff}
.lb4-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}
.lb4-heading h2{font-size:24px;line-height:1.15;letter-spacing:-.65px;margin:0;color:var(--lb4-ink);font-weight:800}
.lb4-heading p{font-size:12px;line-height:1.5;color:#64748b;margin:6px 0 0}
.lb4-heading>a{color:#055bff;white-space:nowrap;font-size:11px;font-weight:800;border-bottom:1px solid #a6c3ff;padding-bottom:4px}
.lb4-heading>a span{font-size:15px;margin-left:4px}
.lb4-collection--energia .lb4-heading h2{color:#fff}
.lb4-collection--energia .lb4-heading p{color:#c8d8f1}
.lb4-content{display:grid;grid-template-columns:minmax(220px,23%) minmax(0,1fr);gap:13px;align-items:stretch}
.lb4-collection--almacenamiento .lb4-content{grid-template-columns:minmax(0,1fr) minmax(220px,23%)}
.lb4-collection--almacenamiento .lb4-spotlight{order:2}
.lb4-collection--almacenamiento .lb4-rail-wrap{order:1}
.lb4-spotlight{background:#e8f1ff;border:1px solid #d7e6fc;border-radius:9px;min-height:306px;padding:18px;position:relative;display:flex;flex-direction:column;overflow:hidden;isolation:isolate}
.lb4-spotlight:before{content:"";width:210px;height:210px;position:absolute;right:-70px;bottom:-90px;border:1px solid #bed3f2;border-radius:50%;z-index:-1}
.lb4-spotlight__tag{font-size:9px;line-height:1.3;letter-spacing:1.3px;font-weight:800;color:#055bff}
.lb4-spotlight strong{font-size:24px;line-height:1.12;letter-spacing:-.75px;margin-top:11px;color:#08234a;max-width:210px}
.lb4-spotlight img{display:block;width:85%;height:160px;object-fit:contain;align-self:center;margin:auto 0 2px;mix-blend-mode:multiply}
.lb4-spotlight__index{font-size:10px;font-weight:700;color:#64748b;margin-top:auto;letter-spacing:1px}
.lb4-collection--almacenamiento .lb4-spotlight{background:#fff;border-color:#dde9f7}
.lb4-collection--almacenamiento .lb4-spotlight img{width:63%;height:150px}
.lb4-collection--energia .lb4-spotlight{background:#173868;border-color:#31547e}
.lb4-collection--energia .lb4-spotlight:before{border-color:#3d648e}
.lb4-collection--energia .lb4-spotlight strong,.lb4-collection--energia .lb4-spotlight__tag,.lb4-collection--energia .lb4-spotlight__index{color:#fff}
.lb4-collection--energia .lb4-spotlight img{width:66%;height:150px;border-radius:9px;mix-blend-mode:normal}
.lb4-collection--conectividad .lb4-spotlight{background:#f0f6ff}
.lb4-collection--conectividad .lb4-spotlight img{width:85%}
.lb4-rail-wrap{min-width:0;position:relative;display:flex;flex-direction:column}
.lb4-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-template-columns:repeat(var(--lb4-count,4),minmax(0,1fr));gap:11px;min-width:0;flex:1;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#b6c9e6 transparent;overscroll-behavior-inline:contain}
.lb4-collection--energia .lb4-rail{grid-template-columns:repeat(3,minmax(0,1fr))}
.lb4-product{background:#fff;border:1px solid #e0e8f4;border-radius:9px;display:flex;flex-direction:column;min-width:0;overflow:hidden;scroll-snap-align:start;transition:border-color .18s,transform .18s}
.lb4-product:hover{border-color:#82aaff;transform:translateY(-2px)}
.lb4-product__tag{position:absolute;z-index:1;margin:9px 0 0 9px;border-radius:4px;padding:5px 7px;background:#edf4ff;color:#055bff;font-size:8px;letter-spacing:.7px;font-weight:800}
.lb4-product{position:relative}
.lb4-product__media{height:164px;background:#f8faff;display:flex;align-items:center;justify-content:center;position:relative;padding:14px}
.lb4-product__media img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.lb4-product--temporary .lb4-product__media img{mix-blend-mode:normal;border-radius:5px}
.lb4-reference{position:absolute;bottom:6px;right:7px;font-size:8px;color:#64748b;background:#ffffffdf;padding:2px 4px;border-radius:3px}
.lb4-illustration{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#3975ce}
.lb4-illustration svg{width:80px;height:80px}
.lb4-illustration span{font-size:9px;letter-spacing:1.2px;font-weight:800;color:#466995}
.lb4-product__body{display:flex;flex-direction:column;padding:11px 12px 12px;flex:1}
.lb4-product__body h3{margin:0;color:#08234a;font-size:12px;font-weight:700;line-height:1.35;min-height:49px}
.lb4-product__body h3 a{color:inherit}
.lb4-product__note{font-size:9px;color:#64748b;line-height:1.4;margin:3px 0 8px}
.lb4-product__price{font-size:18px;font-weight:800;color:#055bff;margin:auto 0 9px;white-space:nowrap}
.lb4-product__price .woocommerce-Price-amount{font-size:inherit}
.lb4-product--temporary .lb4-product__price{font-size:13px;color:#08234a;white-space:normal}
.lb4-product__buy,.lb4-product__soon{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:35px;padding:8px 10px;border-radius:5px;font-size:10px;font-weight:700}
.lb4-product__buy{background:#055bff;color:#fff!important}
.lb4-product__buy:hover{background:#034ad0;color:#fff}
.lb4-product__buy span{font-size:14px}
.lb4-product__soon{background:#eef3f9;color:#50617d}
.lb4-controls{display:none}
.lb4-collection .added_to_cart{font-size:10px;text-align:center;padding:5px;color:#055bff}
@media(max-width:1100px){
  .lb4-content{grid-template-columns:210px minmax(0,1fr)}
  .lb4-collection--almacenamiento .lb4-content{grid-template-columns:minmax(0,1fr) 210px}
  .lb4-spotlight{min-height:300px}
  .lb4-rail{grid-template-columns:none;grid-auto-columns:minmax(175px,31%)}
  .lb4-collection--energia .lb4-rail{grid-template-columns:none;grid-auto-columns:minmax(175px,31%)}
  .lb4-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:7px;font-size:9px;color:#64748b}
  .lb4-controls button{border:1px solid #d5e1f3;background:#fff;color:#055bff;border-radius:5px;width:30px;height:27px;font-size:22px;line-height:16px;cursor:pointer}
  .lb4-controls button:disabled{opacity:.4;cursor:default}
  .lb4-collection--energia .lb4-controls{color:#b6c7e2}
}
@media(max-width:700px){
  .lb2-home>.lb4-collection--perifericos{order:7}
  .lb2-home>.lb4-collection--almacenamiento{order:8}
  .lb2-home>.lb4-collection--energia{order:9}
  .lb2-home>.lb4-collection--conectividad{order:10}
  .lb2-home>.lb2-help{order:11}
  .lb2-home>.lb3-thanks{order:12}
  .lb2-home>.lb3-market{order:13}
  .lb4-collection{margin:22px 0 0;padding:16px 13px 14px}
  .lb4-heading{align-items:start;margin-bottom:12px}
  .lb4-heading h2{font-size:20px}
  .lb4-heading p{font-size:11px;max-width:270px}
  .lb4-heading>a{font-size:9px;margin-top:3px}
  .lb4-content{display:block}
  .lb4-spotlight{min-height:118px;height:118px;margin-bottom:10px;padding:13px 16px}
  .lb4-spotlight strong{font-size:19px;max-width:58%;margin-top:7px}
  .lb4-spotlight__tag{font-size:8px}
  .lb4-spotlight img{position:absolute;right:9px;bottom:5px;width:38%;height:105px;margin:0}
  .lb4-collection--almacenamiento .lb4-spotlight img,.lb4-collection--energia .lb4-spotlight img{width:30%;height:100px}
  .lb4-collection--conectividad .lb4-spotlight img{width:38%;height:105px;right:5px}
  .lb4-spotlight__index{display:none}
  .lb4-rail,.lb4-collection--energia .lb4-rail{grid-auto-columns:minmax(195px,69%);grid-template-columns:none;gap:9px;scrollbar-width:none}
  .lb4-rail::-webkit-scrollbar{display:none}
  .lb4-product__media{height:148px}
  .lb4-product__body h3{min-height:48px}
  .lb4-controls{display:flex}
}
@media(max-width:380px){.lb4-heading h2{font-size:18px}.lb4-heading>a{white-space:normal;text-align:right}.lb4-rail,.lb4-collection--energia .lb4-rail{grid-auto-columns:minmax(185px,76%)}}
@media(prefers-reduced-motion:reduce){.lb4-product{transition:none}.lb4-product:hover{transform:none}.lb4-rail{scroll-behavior:auto}}

