@font-face{font-family:'BarlowCondensed-ExtraBold';src:url('/assets/fonts/Barlow/BarlowCondensed-ExtraBold.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap;}
@font-face{font-family:'BarlowCondensed-Regular';src:url('/assets/fonts/Barlow/BarlowCondensed-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'MavenPro-ExtraBold';src:url('/assets/fonts/MavenPro-ExtraBold.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap;}
@font-face{font-family:'MavenPro-Regular';src:url('/assets/fonts/MavenPro-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Ubuntu-Bold';src:url('/assets/fonts/Ubuntu-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap;}
@font-face{font-family:'UbuntuCondensed-Regular';src:url('/assets/fonts/UbuntuCondensed-Regular.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap;}
/* Reserva el espacio de los sliders antes de que JavaScript los inicialice. */
body.index #slider .flex-slider .slides > li:first-child{display:block;}
body.index .ofertas-carousel:not(.owl-loaded),
body.index .destacados-carousel:not(.owl-loaded){
display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem;visibility:hidden;overflow:hidden;}
body.index .ofertas-carousel:not(.owl-loaded) > .caja-producto:nth-child(n+7),
body.index .destacados-carousel:not(.owl-loaded) > .caja-producto:nth-child(n+7){display:none;}
@media (max-width:1199px){
body.index .ofertas-carousel:not(.owl-loaded),
body.index .destacados-carousel:not(.owl-loaded){grid-template-columns:repeat(4,minmax(0,1fr));}
body.index .ofertas-carousel:not(.owl-loaded) > .caja-producto:nth-child(n+5),
body.index .destacados-carousel:not(.owl-loaded) > .caja-producto:nth-child(n+5){display:none;}
}
@media (max-width:609px){
body.index .ofertas-carousel:not(.owl-loaded),
body.index .destacados-carousel:not(.owl-loaded){grid-template-columns:repeat(2,minmax(0,1fr));}
body.index .ofertas-carousel:not(.owl-loaded) > .caja-producto:nth-child(n+3),
body.index .destacados-carousel:not(.owl-loaded) > .caja-producto:nth-child(n+3){display:none;}
}
.banner-desc{border-radius:10px;overflow:hidden;max-width:1560px;}
.banner-6-productos{background-size:cover;background-position:center center;padding:2.5rem 2rem;display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;}
.banner-6-productos::before{content:"";position:absolute;inset:0; background:linear-gradient(to bottom right,rgba(0, 0, 0, 0.9) 0%,rgba(0, 0, 0, 0.5) 30%,rgba(0, 0, 0, 0) 100%);pointer-events:none;z-index:0;}
.banner-6-productos > *{position:relative;z-index:1;}
.banner-6-productos .lateral{ flex:0 0 auto;  width:35%;text-align:center;font-size:3.75rem;}
.banner-6-productos .lateral .t-pri{display:inline-block;font-family:'MavenPro-Regular';color:#FFED00;font-size:2.15em;line-height:1em;border-bottom:6px solid #FFED00;text-shadow:2px 2px 4px rgba(0, 0, 0, 0.8);}
.banner-6-productos .lateral .t-pri .condensed{font-family:'BarlowCondensed-ExtraBold';font-size:0.7em;}
.banner-6-productos .lateral .t-sec{display:inline-block;font-family:'BarlowCondensed-Regular';color:#FFF;border-bottom:3px solid #FFF;padding:1rem 0;text-shadow:2px 2px 4px rgba(0, 0, 0, 0.8);white-space:nowrap;font-size:clamp(12px, 10vw, 1em);overflow:hidden;text-overflow:ellipsis;}
.banner-6-productos .lateral .t-ter{font-family:'MavenPro-ExtraBold';color:#FFF;font-size:1.75em;line-height:1em;text-shadow:2px 2px 4px rgba(0, 0, 0, 0.8);}
.banner-6-productos .lateral .t-ter.small{font-size:1.15em;}
.banner-6-productos .lista-productos{flex:0 0 auto;width:64%;display:flex;flex-wrap:wrap;justify-content:space-between;}
.banner-6-productos .lista-productos .b-producto{flex:0 0 auto;width:50%;position:relative;}
.banner-6-productos .lista-productos .b-producto .position{padding:0 1rem 0 7rem;height:150px;display:flex;align-items:center;}
.banner-6-productos .lista-productos .b-producto .img{position:absolute;left:0;width:150px;background-image:url(/fotos/banner-feat/banner-6prod.png);background-size:contain;background-position:center center;z-index:6;}
.banner-6-productos .lista-productos .b-producto .datos{width:100%;text-align:left;font-size:1.9rem;}
.banner-6-productos .lista-productos .b-producto .datos>div{padding-left:4rem; box-shadow:4px 4px 8px rgba(0, 0, 0, 0.9);position:relative;}
.banner-6-productos .lista-productos .b-producto .bg-titular{background-color:#030c7f;color:#FFF;font-family:'UbuntuCondensed-Regular';text-shadow:2px 2px 1px rgba(0, 0, 0, 0.8);font-size:1em;z-index:3;line-height:1em;padding-top:3px;padding-bottom:3px;white-space:nowrap;}
.banner-6-productos .lista-productos .b-producto .bg-titular .cat{font-size:0.7em;white-space:nowrap;}
.banner-6-productos .lista-productos .b-producto .bg-precio{background-color:#FFF;color:#030c7f;font-family:'Ubuntu-Bold';display:flex;justify-content:space-evenly;font-size:1.25em;width:85%;z-index:2;}
.banner-6-productos .lista-productos .b-producto .bg-precio.small{font-size:1em;}
.banner-6-productos .lista-productos .b-producto .bg-precio .ante{color:#F00;font-size:0.9em;text-decoration:line-through;}
.banner-web{ container-type:inline-size;}
@container (max-width:1201px) and (min-width:992px){
.banner-6-productos .lista-productos .b-producto .img{width:120px;}
.banner-6-productos .lista-productos .b-producto .position{height:120px;padding-left:3rem;}
.banner-6-productos .lateral{font-size:2.5rem;}
.banner-6-productos .lateral{ width:30%;}
.banner-6-productos .lista-productos{width:67%;}
.banner-6-productos .lista-productos .b-producto .datos{font-size:1.45rem;}
}
@container (max-width:991px){
.banner-6-productos{padding:2rem 2rem;}
.banner-6-productos .lista-productos .b-producto .img{width:100px;}
.banner-6-productos .lista-productos .b-producto .position{height:100px;padding-left:2rem;}
.banner-6-productos .lateral{font-size:2rem;}
.banner-6-productos .lista-productos .b-producto .datos{font-size:1rem;}
}
@container (max-width:767px){
.banner-6-productos .lista-productos .b-producto .img{width:70px;}
.banner-6-productos .lista-productos .b-producto .datos{font-size:0.8rem;}
.banner-6-productos .lista-productos .b-producto .position{height:70px;padding-left:2rem;}
.banner-6-productos .lista-productos .b-producto .datos>div{padding-left:3.25rem;}
}
@container (max-width:650px){
.banner-6-productos .lateral{font-size:1.5rem;}
.banner-6-productos .lista-productos .b-producto .datos{font-size:0.8rem;}
.banner-6-productos{ padding:1.5rem 1.5rem;}
.banner-6-productos .lista-productos .b-producto .datos>div{padding-left:2.25rem;}
}
@container (max-width:500px){
.banner-6-productos .lateral{font-size:1rem; width:30%;}
.banner-6-productos .lista-productos{ width:68%; }
.banner-6-productos .lista-productos .b-producto .img{width:60px;}
.banner-6-productos .lista-productos .b-producto .position{height:60px;}
.banner-6-productos .lista-productos .b-producto .datos>div{padding-left:1.75rem;}
.banner-6-productos .lista-productos .b-producto .datos{font-size:0.6rem;}
.banner-6-productos .lista-productos .b-producto .bg-precio{ font-size:1.1em;}
}
