/* LR Suministros — cabecera de tres franjas y hero de ancho completo. */

/* La cabecera del tema se retira: la reemplaza #lr-header. */
#header{display:none !important}
#lr-header + .lr-hero-wrap + #columns .ApRow.has-bg.bg-boxed{margin-top:0 !important}

#lr-header{font-family:'Poppins','Helvetica Neue',Arial,sans-serif;position:relative;z-index:900}
#lr-header .lr-wrap{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:22px}

/* ---- franja superior ---- */
#lr-header .lr-top{background:#f6f6f6;border-bottom:1px solid #ececec;font-size:13.5px;color:#666}
#lr-header .lr-top .lr-wrap{min-height:40px}
#lr-header .lr-top-right{margin-left:auto;display:flex;align-items:center;gap:18px}
#lr-header .lr-top-right a{color:#e5007e;text-decoration:none;font-weight:600}
#lr-header .lr-top-right a:hover{text-decoration:underline}
#lr-header .lr-envio{color:#888}
#lr-header .block-languages{position:relative;margin:0;padding:0;float:none}

/* ---- franja principal ---- */
#lr-header .lr-main{background:#fff;padding:16px 0}
#lr-header .lr-logo img{height:86px;width:auto;display:block}
#lr-header .lr-search{flex:1;display:flex;max-width:640px;border:2px solid #ececec;border-radius:6px;
	overflow:hidden;background:#fff}
#lr-header .lr-search input{flex:1;border:0;outline:0;padding:13px 18px;font-size:15px;font-family:inherit;
	background:transparent;color:#333;min-width:0}
#lr-header .lr-search input::placeholder{color:#aaa}
#lr-header .lr-search button{border:0;background:#e5007e;color:#fff;font-weight:600;font-size:15px;
	padding:0 30px;cursor:pointer;font-family:inherit;transition:opacity .2s}
#lr-header .lr-search button:hover{opacity:.88}
#lr-header .lr-contacto{margin-left:auto;text-align:right;line-height:1.25}
#lr-header .lr-llamanos{display:block;font-size:11.5px;letter-spacing:1.2px;color:#999;font-weight:600}
#lr-header .lr-tel{font-size:21px;font-weight:700;color:#1c1c1c;text-decoration:none;white-space:nowrap}
#lr-header .lr-tel:hover{color:#e5007e}

/* ---- barra de menú ---- */
#lr-header .lr-navbar{background:#e5007e}
#lr-header .lr-navbar .lr-wrap{gap:0;align-items:stretch}
#lr-header .lr-catalogo{background:rgba(0,0,0,.16);color:#fff;border:0;font-family:inherit;font-size:15.5px;
	font-weight:600;padding:0 30px;display:flex;align-items:center;gap:12px;cursor:pointer;min-height:56px}
#lr-header .lr-catalogo span{width:18px;height:2px;background:#fff;box-shadow:0 6px 0 #fff,0 -6px 0 #fff;
	display:block;flex:none}
#lr-header .lr-nav-slot{flex:1}

/* el <ul> del tema se hereda tal cual y solo se le cambia la piel */
#lr-header .megamenu{display:flex;list-style:none;margin:0;padding:0;flex-wrap:wrap;background:transparent;
	border:0;float:none}
#lr-header .megamenu > li{position:relative;float:none;border:0;background:transparent}
#lr-header .megamenu > li > a{display:flex;align-items:center;min-height:56px;padding:0 22px;color:#fff;
	font-size:15.5px;font-weight:500;text-decoration:none;background:transparent;border:0}
#lr-header .megamenu > li > a:hover,#lr-header .megamenu > li:hover > a{background:rgba(0,0,0,.16);color:#fff}
#lr-header .megamenu > li > a .menu-title{color:inherit}
#lr-header .megamenu .caret{border-top-color:#fff;margin-left:7px}
/* el tema abría los submenús con su propio JS; aquí se hace con CSS */
#lr-header .megamenu li > .dropdown-menu{display:none;position:absolute;left:0;top:100%;margin:0;
	background:#fff;border:0;border-radius:0 0 6px 6px;box-shadow:0 12px 34px rgba(0,0,0,.14);
	padding:8px 0;min-width:262px;z-index:1000}
#lr-header .megamenu li:hover > .dropdown-menu{display:block}
#lr-header .megamenu .dropdown-submenu{position:relative}
#lr-header .megamenu .dropdown-submenu > .dropdown-menu{left:100%;top:0;border-radius:6px}
#lr-header .megamenu .dropdown-menu ul{list-style:none;margin:0;padding:0}
#lr-header .megamenu .dropdown-menu li > a{display:block;padding:9px 20px;font-size:14.5px;
	text-decoration:none;white-space:nowrap}
#lr-header .megamenu .dropdown-menu li > a:hover{background:#fff5fa}
#lr-header .megamenu .dropdown-menu a{color:#444}
#lr-header .megamenu .dropdown-menu a:hover{color:#e5007e}

/* ---- hero a ancho completo ---- */
.lr-hero-wrap{width:100%;margin:0;padding:0;overflow:hidden;background:#111}
.lr-hero-wrap .lr-hero{width:100% !important;margin:0 !important;border-radius:0}
/* Los banners son 2000x1000 (2:1). Fijar la caja a esa misma proporción evita
   cualquier recorte: la imagen entra completa y los rótulos no se cortan. */
.lr-hero-wrap .carousel-inner,.lr-hero-wrap .carousel-inner > .item{height:auto;aspect-ratio:2/1}
.lr-hero-wrap .carousel-inner > .item img{width:100%;height:100%;display:block;
	object-fit:contain;object-position:center}
.lr-hero-wrap .carousel-caption{display:none}
.lr-hero-wrap .carousel-indicators{bottom:18px}
.lr-hero-wrap .carousel-indicators li{border-color:#fff}
.lr-hero-wrap .carousel-indicators .active{background:#e5007e;border-color:#e5007e}
.lr-hero-wrap .carousel-control{width:6%;opacity:.75;text-shadow:none;font-size:34px}
.lr-hero-wrap .carousel-control:hover{opacity:1}

@media (max-width:1024px){
	#lr-header .lr-contacto{display:none}
	#lr-header .lr-logo img{height:66px}
}
@media (max-width:860px){
	#lr-header .lr-main .lr-wrap{flex-wrap:wrap}
	#lr-header .lr-search{order:3;max-width:100%;flex-basis:100%}
	#lr-header .lr-navbar .lr-wrap{flex-wrap:wrap}
	#lr-header .lr-nav-slot{flex-basis:100%;max-height:0;overflow:hidden;transition:max-height .25s}
	#lr-header.lr-nav-abierto .lr-nav-slot{max-height:1400px;overflow:visible}
	#lr-header .megamenu{flex-direction:column;padding-bottom:8px}
	#lr-header .megamenu > li > a{min-height:46px}
	#lr-header .lr-top-right .lr-envio{display:none}
}

/* ---- vitrina de productos filtrable ---- */
.lrv{padding:46px 0 54px;background:#fff}
.lrv-wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.lrv-titulo{font-size:28px;margin:0 0 6px;font-weight:700;color:#1c1c1c}
.lrv-sub{color:#777;margin:0 0 22px;font-size:16px}
.lrv-filtros,.lrv-subfiltros{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.lrv-filtros button,.lrv-subfiltros button{border:1.5px solid #e6e6e6;background:#fff;color:#444;
	font-family:inherit;font-size:14.5px;font-weight:600;padding:9px 20px;border-radius:30px;cursor:pointer;
	transition:all .18s}
.lrv-filtros button:hover,.lrv-subfiltros button:hover{border-color:#e5007e;color:#e5007e}
.lrv-filtros button.activo,.lrv-subfiltros button.activo{background:#e5007e;border-color:#e5007e;color:#fff}
.lrv-subfiltros button{font-size:13.5px;padding:7px 16px;border-radius:20px}
.lrv-conteo{color:#999;font-size:14px;margin:4px 0 18px}
.lrv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px}
.lrv-item{border:1px solid #ededed;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;
	background:#fff;transition:box-shadow .2s,transform .2s}
.lrv-item:hover{box-shadow:0 10px 26px rgba(0,0,0,.09);transform:translateY(-3px)}
.lrv-img{display:block;background:#fafafa}
.lrv-img img{width:100%;aspect-ratio:1/1;object-fit:contain;display:block;padding:14px}
.lrv-body{padding:0 16px 18px;display:flex;flex-direction:column;flex:1}
.lrv-body h3{font-size:14.5px;line-height:1.4;margin:0 0 10px;color:#333;font-weight:500;
	display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.lrv-precio{font-size:19px;font-weight:700;color:#e5007e;margin:0 0 14px}
.lrv-precio s{font-size:14px;color:#bbb;font-weight:400;margin-left:6px}
.lrv-btn{margin-top:auto;display:block;text-align:center;background:#25d366;color:#fff;text-decoration:none;
	font-weight:600;font-size:14px;padding:11px 12px;border-radius:26px;transition:opacity .2s}
.lrv-btn:hover{opacity:.88;color:#fff}
.lrv-vacio{display:none;text-align:center;padding:44px 20px;border:1px dashed #e0e0e0;border-radius:14px;
	background:#fafafa;color:#666}
.lrv-vacio p{margin:0 0 10px;font-size:16px}
.lrv-btn-grande{display:inline-block;margin-top:12px;padding:14px 30px;font-size:15px}
@media (max-width:600px){
	.lrv-titulo{font-size:22px}
	.lrv-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
	.lrv-body h3{font-size:13px}
	.lrv-precio{font-size:16px}
}