/* ==========================================================================
   Librakos — child theme de "classic" (PrestaShop 9.2)
   FASE A — fundamento visual:
     cabecera (1 buscador, logo reducido, sticky), paleta, tipografia,
     tarjeta de producto, grilla, titulos de seccion, hero legible, footer.
   Todo el CSS nuevo vive aqui. themes/classic queda intacto.
   Se carga solo: el core registra /assets/css/custom.css (priority 1000)
   ========================================================================== */

/* ---------- 0. Tokens ---------- */
:root{
  --lk-accent:#00a500;
  --lk-accent-dark:#008c00;
  --lk-ink:#2b2a22;
  --lk-muted:#55554e;
  --lk-line:#ededed;
  --lk-surface:#ffffff;
  --lk-bg:#f7f7f7;
  --lk-nav-h:36px;
  --lk-top-h:64px;
}

/* ---------- 1. Base: tipografia y color ---------- */
html{scroll-padding-top:120px}
body{
  font-family:"Manrope",sans-serif;
  font-size:14px;
  line-height:1.5;
  color:var(--lk-ink);
  background:var(--lk-bg);
}
h1,h2,h3,h4,h5,h6{color:var(--lk-ink);line-height:1.15}
p{line-height:1.5}
a{color:var(--lk-ink);text-decoration:none}
a:hover,a:focus{color:var(--lk-accent);text-decoration:none}
.text-muted{color:var(--lk-muted)!important}
small,.small{color:var(--lk-muted)}
hr{border-color:var(--lk-line)}
img{max-width:100%}

/* ---------- 2. Cabecera ---------- */
#header{
  position:-webkit-sticky;
  position:sticky;
  top:0;
  z-index:1000;
  background:var(--lk-surface);
  color:var(--lk-muted);
  box-shadow:0 1px 0 var(--lk-line);
  transition:box-shadow .2s ease;
}
#header.lk-scrolled{box-shadow:0 8px 24px rgba(0,0,0,.10)}
#header .header-banner:empty{display:none}

/* 2.1 barra superior (<=36px) */
#header .header-nav{
  max-height:var(--lk-nav-h);
  min-height:var(--lk-nav-h);
  height:var(--lk-nav-h);
  padding:0;
  display:flex;
  align-items:center;
  background:var(--lk-bg);
  border-bottom:1px solid var(--lk-line);
}
#header .header-nav>.container{height:var(--lk-nav-h)}
#header .header-nav>.container>.row{height:var(--lk-nav-h);margin:0;flex-wrap:nowrap}
#header .header-nav .hidden-sm-down{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  width:100%;
  height:var(--lk-nav-h);
  margin:0;
}
#header .header-nav .col-md-5,
#header .header-nav .col-md-7{
  flex:0 0 auto;
  width:auto;
  max-width:none;
  padding:0;
}
#header .header-nav .right-nav{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:18px;
  height:var(--lk-nav-h);
}
#header .header-nav .language-selector,
#header .header-nav .currency-selector,
#header .header-nav .user-info,
#header .header-nav #_desktop_contact_link #contact-link{
  margin:0;
  height:var(--lk-nav-h);
  display:flex;
  align-items:center;
  line-height:1;
  white-space:nowrap;
}
#header .header-nav .user-info{margin-left:0}
#header .header-nav .user-info .account{margin-left:6px}
#header .header-nav a,
#header .header-nav .blockcart a{
  font-size:12px;
  font-weight:500;
  color:var(--lk-muted);
}
#header .header-nav a:hover,
#header .header-nav .blockcart a:hover{color:var(--lk-accent)}
#header .header-nav .blockcart,
#header .header-nav .cart-preview{
  display:flex;
  align-items:center;
  gap:6px;
  height:var(--lk-nav-h);
}
#header .header-nav .cart-preview.active{background:transparent}
#header .header-nav .cart-preview .header{
  display:flex;
  align-items:center;
  gap:6px;
  height:var(--lk-nav-h);
  margin:0;
  padding:0;
  background:transparent;
  color:var(--lk-muted);
}
#header .header-nav .material-icons{
  font-size:18px;
  line-height:1;
  vertical-align:middle;
}
#header .header-nav .user-info a{
  display:flex;
  align-items:center;
  gap:6px;
  height:var(--lk-nav-h);
  margin:0;
  font-size:12px;
  font-weight:500;
  line-height:1;
  color:var(--lk-muted);
}
#header .header-nav .cart-preview .cart-products-count{
  display:inline-block;
  min-width:18px;
  padding:1px 5px;
  font-size:11px;
  font-weight:700;
  line-height:16px;
  color:#fff;
  text-align:center;
  background:var(--lk-accent);
  border-radius:9px;
}
#header .header-nav #menu-icon{
  height:var(--lk-nav-h);
  margin:0 12px;
  display:flex;
  align-items:center;
}
#header .header-nav #menu-icon .material-icons{line-height:1}
#header .header-nav .top-logo>img,
#header .header-nav .top-logo .logo{
  width:auto;
  max-width:100%;
  max-height:40px;
  height:auto;
}
#header .header-nav .top-logo>h1{margin:0;line-height:1}

/* 2.2 cabecera principal (<=76px) */
#header .header-top{padding:8px 0;background:var(--lk-surface)}
#header .header-top>.container>.row:first-of-type{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  min-height:48px;
  margin:0;
}
#_desktop_logo{
  flex:0 0 auto;
  width:auto;
  max-width:none;
  margin:0;
  padding:0 18px 0 0;
}
#_desktop_logo h1{margin:0;line-height:0}
#header .logo{
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:48px;
}
.header-top-right{
  position:static;
  flex:1 1 auto;
  width:auto;
  max-width:none;
  min-width:0;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.header-top-right>.menu,
#_desktop_top_menu{flex:0 1 auto;min-width:0}
#_desktop_top_menu .top-menu{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  margin:0;
  padding:0;
  column-gap:16px;
  row-gap:2px;
  list-style:none;
}
#_desktop_top_menu .top-menu>li{
  display:inline-block;
  float:none;
  margin:0;
  white-space:nowrap;
}
#header .header-top a[data-depth="0"]{
  display:inline-block;
  padding:2px 0;
  font-size:13px;
  font-weight:600;
  line-height:1.3;
  color:var(--lk-ink);
  text-transform:none;
  letter-spacing:0;
}
#header .header-top a[data-depth="0"]:hover{color:var(--lk-accent)}
#header .header-top .sub-menu a{font-weight:500;font-size:13px;color:var(--lk-muted)}
#header .header-top .sub-menu a:hover{color:var(--lk-accent)}

/* 2.3 buscador unico, ancho util (desktop >=420px) */
#search_widget{
  float:none;
  margin:0;
  overflow:visible;
}
.header-top .search-widget,
.header-top .search-widgets{
  float:none;
  width:auto;
  margin:0;
}
#search_widget form{position:relative;margin:0}
#search_widget form input[type=text],
#search_widget form input[type=search]{
  width:100%;
  height:40px;
  padding:8px 36px 8px 38px;
  font-family:inherit;
  font-size:14px;
  color:var(--lk-ink);
  background:#f4f4f4;
  border:1px solid var(--lk-line);
  border-radius:4px;
  outline:none;
  box-shadow:none;
  -webkit-transition:background .15s,border-color .15s;
  transition:background .15s,border-color .15s;
}
#search_widget form input[type=text]:focus,
#search_widget form input[type=search]:focus{
  background:#fff;
  border-color:var(--lk-accent);
  outline:none;
}
#search_widget form i{padding:0;line-height:1}
#search_widget form i.search{
  top:50%;
  left:11px;
  font-size:20px;
  color:var(--lk-muted);
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
}
#search_widget form i.clear{top:50%;right:10px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
#search_widget form button[type=submit]{display:none}
@media (min-width:992px){
  .header-top-right{flex-wrap:nowrap}
  #_desktop_top_menu{flex:0 1 auto;min-width:0}
  #search_widget{
    flex:0 0 440px;
    width:440px;
    min-width:420px;
    max-width:560px;
    margin-left:auto;
  }
}
@media (min-width:992px) and (max-width:1199.98px){
  #search_widget{flex:0 0 420px;width:420px;min-width:420px}
  #_desktop_top_menu .top-menu{column-gap:10px}
  #header .header-top a[data-depth="0"]{font-size:12px}
}

/* ---------- 3. Botones, formularios, acentos (fuera cian) ---------- */
.btn-primary,
.btn-primary:focus,
.btn-primary:active{
  color:#fff!important;
  background-color:var(--lk-accent)!important;
  border-color:var(--lk-accent)!important;
  border-radius:4px;
  font-weight:600;
}
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active{
  color:#fff!important;
  background-color:var(--lk-accent-dark)!important;
  border-color:var(--lk-accent-dark)!important;
}
.btn-primary.disabled,
.btn-primary:disabled,
.btn-primary.disabled:hover,
.btn-primary:disabled:hover,
.btn-primary.disabled:focus,
.btn-primary:disabled:focus{
  background-color:var(--lk-accent)!important;
  border-color:var(--lk-accent)!important;
}
.btn-outline-primary{
  color:var(--lk-accent)!important;
  border-color:var(--lk-accent)!important;
  background:transparent;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active{
  color:#fff!important;
  background-color:var(--lk-accent)!important;
  border-color:var(--lk-accent)!important;
}
.btn-link,.page-link{color:var(--lk-ink)}
.btn-link:hover,.page-link:hover{color:var(--lk-accent)}
.btn-secondary{color:#fff;background:var(--lk-ink);border-color:var(--lk-ink)}
.btn-secondary:hover{background:#1f1e19;border-color:#1f1e19;color:#fff}
.text-primary{color:var(--lk-accent)!important}
.bg-primary{background-color:var(--lk-accent)!important}
.badge-primary{background-color:var(--lk-accent)!important}
.form-control:focus{
  color:var(--lk-ink);
  border-color:var(--lk-accent);
  outline:none;
  box-shadow:0 0 0 2px rgba(0,165,0,.18);
}
.input-group.focus{outline:2px solid var(--lk-accent);outline-offset:0}
.custom-radio input[type=radio]:checked+span{background-color:var(--lk-accent)}
.custom-checkbox input[type=checkbox]:checked+span{background-color:var(--lk-accent);border-color:var(--lk-accent)}
.page-item.active .page-link,
.page-item.active .page-link:focus,
.page-item.active .page-link:hover{
  color:#fff;
  background-color:var(--lk-accent);
  border-color:var(--lk-accent);
}
.pagination .current a{color:var(--lk-accent)}
.dropdown-item:hover,.dropdown-item:focus{color:var(--lk-accent);background:transparent}
.dropdown-item.active,.dropdown-item.active:focus,.dropdown-item.active:hover{
  color:#fff;background-color:var(--lk-accent);
}
.nav-pills .nav-link.active,
.nav-pills .nav-item.open .nav-link{color:#fff;background-color:var(--lk-accent)}
.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{
  color:#fff;background-color:var(--lk-accent);border-color:var(--lk-accent);
}
.card-primary{background-color:var(--lk-accent);border-color:var(--lk-accent)}
.card-outline-primary,.card-outline-secondary{border-color:var(--lk-accent)}
.tag-primary{background-color:var(--lk-accent)}
.products-sort-order .select-list:hover,
.brands-sort .select-list:hover,
.suppliers-sort .select-list:hover,
.facet-dropdown .select-list:hover{color:#fff;background:var(--lk-accent)}
.facet-dropdown.open>.select-title{background:#f4f4f4;border:1px solid var(--lk-accent)}
.block_newsletter form input[type=text]:focus,
.block_newsletter form input[type=email]:focus,
.search-widget form input[type=text]:focus{
  color:var(--lk-ink);
  background:#fff;
  border-color:var(--lk-accent);
  outline:none;
}
.block_newsletter form input[type=email]:focus{padding:8px 8px 9px;border-width:1px}
.account-list a:hover,
.footer-container li a:hover,
#header a:hover{color:var(--lk-accent)}
.block-social ul li:hover{background-color:var(--lk-accent)}
.carousel .carousel-control .icon-next:hover i,
.carousel .carousel-control .icon-prev:hover i{color:var(--lk-accent)}
.tabs .nav-tabs .nav-link.active,
.tabs .nav-tabs .nav-link:hover{color:var(--lk-accent);border-bottom-color:var(--lk-accent)}
body#checkout section.checkout-step .address-item.selected{border-color:var(--lk-accent)}
#blockcart-modal .product-name{color:var(--lk-ink)}
.product-images>li.thumb-container .thumb.selected,
.product-images>li.thumb-container .thumb:hover{border-color:var(--lk-accent)}
#product-modal .modal-content .modal-body .product-images img:hover{border-color:var(--lk-accent)}
.product-customization .product-message:focus{outline:1px solid var(--lk-accent)}
.block-promo .promo-input+button{border-color:var(--lk-accent)}
.block-promo .promo-code-button.cancel-promo{color:var(--lk-accent)}
.group-span-filestyle .btn-default{background:var(--lk-accent);color:#fff}
.error{color:#c0392b}

/* ---------- 4. Hero (slider legible) ---------- */
#carousel{
  margin-bottom:20px;
  overflow:hidden;
  border-radius:6px;
  background:var(--lk-ink);
}
#carousel .carousel-inner{overflow:hidden}
#carousel .carousel-item>a{display:block;width:100%}
#carousel .carousel-item figure{
  position:relative;
  display:block;
  width:100%;
  margin:0;
  overflow:hidden;
}
/* velo de legibilidad: degradado suave (sin borde duro) que oscurece el pie y el
   lateral izquierdo de la imagen. Se aplica a la figure, no a la caja del texto. */
#carousel .carousel-item figure::after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:1;
  pointer-events:none;
  background:
    -webkit-linear-gradient(bottom,rgba(0,0,0,.72) 0%,rgba(0,0,0,.50) 26%,rgba(0,0,0,.16) 56%,rgba(0,0,0,0) 78%),
    -webkit-linear-gradient(left,rgba(0,0,0,.55) 0%,rgba(0,0,0,.38) 26%,rgba(0,0,0,.12) 48%,rgba(0,0,0,0) 66%);
  background:
    linear-gradient(to top,rgba(0,0,0,.72) 0%,rgba(0,0,0,.50) 26%,rgba(0,0,0,.16) 56%,rgba(0,0,0,0) 78%),
    linear-gradient(to right,rgba(0,0,0,.55) 0%,rgba(0,0,0,.38) 26%,rgba(0,0,0,.12) 48%,rgba(0,0,0,0) 66%);
}
#carousel .carousel-item figure>img{
  display:block;
  width:100%;
  height:340px;
  max-width:none;
  object-fit:cover;
  object-position:center;
}
#carousel .carousel-item .caption{
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  z-index:2;
  max-width:none;
  margin:0;
  padding:44px 32px 24px;
  color:#fff;
  text-align:left;
  background:none;
}
#carousel .carousel-item .caption .display-1{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  max-width:620px;
  margin:0;
  overflow:hidden;
  font-size:30px;
  font-weight:700;
  line-height:1.15;
  color:#fff;
  letter-spacing:.01em;
  text-transform:uppercase;
  text-shadow:0 1px 4px rgba(0,0,0,.55);
}
#carousel .carousel-item .caption .caption-description,
#carousel .carousel-item .caption .caption-description p{
  margin:6px 0 0;
  font-size:14px;
  color:rgba(255,255,255,.92);
}
#carousel .carousel-item .caption .caption-description p:empty{display:none}
#carousel .carousel-control{width:8%;opacity:.75;z-index:3}
#carousel .carousel-control i{color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.5)}
#carousel .carousel-indicators{bottom:6px;z-index:3}
#carousel .carousel-indicators li{
  width:8px;height:8px;margin:0 4px;
  background-color:rgba(255,255,255,.55);
  border:0;border-radius:50%;
}
#carousel .carousel-indicators .active{background-color:#fff}

/* ---------- 5. Titulos de seccion ---------- */
.featured-products,
.products-section{position:relative;margin-bottom:12px}
.products-section-title,
.page-home h2.products-section-title{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:16px;
  margin:26px 0 14px;
  padding:0 0 12px;
  font-size:26px;
  font-weight:500;
  line-height:1.15;
  color:var(--lk-ink);
  text-align:left;
  text-transform:none!important;
  border-bottom:1px solid var(--lk-line);
}
.products-section-title .lk-t1{font-weight:500}
.products-section-title .lk-t2{font-weight:700}
.products-section-title .lk-title-text{display:inline-block;min-width:0}
.all-product-link.lk-seeall{
  flex:0 0 auto;
  float:none!important;
  margin:0;
  font-size:13px;
  font-weight:500;
  line-height:1.2;
  color:var(--lk-muted);
  white-space:nowrap;
  text-transform:none;
}
.all-product-link.lk-seeall:hover{color:var(--lk-accent)}
.all-product-link.lk-seeall .lk-arrow{display:inline-block;margin-left:4px}
#custom-text{margin:22px 0 26px}
#custom-text h2{
  margin:0 0 8px;
  font-size:26px;
  font-weight:700;
  line-height:1.15;
  color:var(--lk-ink);
}
#custom-text p{margin:0 0 4px;font-size:14px;color:var(--lk-muted)}
#custom-text p strong{color:var(--lk-ink);font-weight:600}
a.banner{display:block;margin:0 0 26px}
a.banner img{display:block;width:100%;height:auto;border-radius:6px}

/* ---------- 6. Tarjeta de producto ---------- */
.products.row>.js-product{min-width:0}
.product-miniature{display:flex;width:100%;height:100%;margin:0}
.product-miniature .thumbnail-container{
  display:flex;
  flex-direction:column;
  width:100%;
  height:100%;
  margin:0;
  padding:10px;
  overflow:hidden;
  background:var(--lk-surface);
  border:1px solid var(--lk-line);
  border-radius:4px;
  box-shadow:none;
  -webkit-transition:box-shadow .18s ease,border-color .18s ease;
  transition:box-shadow .18s ease,border-color .18s ease;
}
.product-miniature .thumbnail-container:hover{
  border-color:#e0e0e0;
  box-shadow:0 6px 18px rgba(0,0,0,.08);
}
.product-miniature .thumbnail-top{position:relative;display:block}
.product-miniature .product-thumbnail,
.product-miniature .thumbnail-container .product-thumbnail{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  height:auto!important;
  aspect-ratio:1 / 1;
  background:#fff;
}
.product-miniature .product-thumbnail picture{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
}
.product-miniature .product-thumbnail img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  margin:0;
  object-fit:contain;
  object-position:center;
}
.product-miniature .product-description{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  padding-top:8px;
  text-align:left;
}
.product-miniature .product-title,
.product-miniature h2.product-title,
.product-miniature h3.product-title{
  min-height:38px;
  margin:0 0 6px;
  font-size:14px;
  font-weight:600;
  line-height:1.35;
  color:var(--lk-ink);
  text-align:left;
  text-transform:none;
}
.product-miniature .product-title a,
.product-miniature .product-title a:hover{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  font-size:14px;
  font-weight:600;
  line-height:1.35;
  color:var(--lk-ink);
  text-align:left;
  text-decoration:none;
  white-space:normal;
  text-overflow:clip;
}
.product-miniature .product-title a:hover{color:var(--lk-accent)}
.product-miniature .product-price-and-shipping,
.product-miniature .product-price-and-shipping .price{
  margin:0;
  padding-top:2px;
  font-size:16px;
  font-weight:700;
  line-height:1.2;
  color:var(--lk-ink);
  text-align:left;
}
.product-miniature .product-price-and-shipping .regular-price,
.product-miniature .product-price-and-shipping .discount{display:none}
.product-miniature .highlighted-informations{
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}
.product-miniature .highlighted-informations .quick-view{
  font-size:12px;
  color:var(--lk-muted);
  background:rgba(255,255,255,.92);
  border-radius:4px;
}
.product-miniature .highlighted-informations .quick-view:hover{color:var(--lk-accent)}
.product-flags,.product-flags li{display:none}

/* ---------- 7. Grilla de productos ---------- */
/* se usa #content.page-home para que todas las variantes tengan la MISMA
   especificidad y ganen por orden las media queries (no por peso) */
#content.page-home .products{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:16px;
  margin-right:0;
  margin-left:0;
}
#content.page-home .products>.js-product{
  display:block;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  flex:0 0 auto!important;
  float:none!important;
  padding:0!important;
  margin:0!important;
}
@media (min-width:1200px){
  #content.page-home .products{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
}
@media (min-width:992px) and (max-width:1199.98px){
  #content.page-home .products{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
}
@media (min-width:768px) and (max-width:991.98px){
  #content.page-home .products{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
}
@media (max-width:767.98px){
  #content.page-home .products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .product-miniature .thumbnail-container{padding:8px}
  .product-miniature .product-title,
  .product-miniature .product-title a{font-size:13px;min-height:36px}
  .product-miniature .product-price-and-shipping,
  .product-miniature .product-price-and-shipping .price{font-size:15px}
}

/* ---------- 8. Footer ---------- */
#footer{background:var(--lk-ink);color:#f7f7f7}
#footer .container{max-width:1140px}
#footer .block_newsletter{
  padding-top:26px;
  padding-bottom:26px;
  border-bottom:1px solid rgba(247,247,247,.14);
}
#footer .block_newsletter p,
#footer #block-newsletter-label{color:#f7f7f7;font-size:14px;font-weight:500}
#footer .block_newsletter .input-wrapper input{
  height:40px;
  color:var(--lk-ink);
  background:#fff;
  border:1px solid rgba(247,247,247,.25);
  border-radius:4px;
}
#footer .block_newsletter .btn-primary{border-radius:4px;height:40px}
#footer .block-social ul li{background:rgba(247,247,247,.12);border-radius:4px}
#footer .block-social ul li:hover{background:var(--lk-accent)}
#footer .footer-container{
  padding-top:30px;
  padding-bottom:18px;
  margin-top:0;
  overflow:visible;
  color:#f7f7f7;
  background:var(--lk-ink);
  box-shadow:none;
}
#footer .footer-container>.container>.row:first-child{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:28px;
  margin:0;
}
#footer .footer-container>.container>.row:first-child>.links,
#footer .footer-container>.container>.row:first-child>.links>.row{display:contents}
#footer .footer-container .wrapper,
#footer .footer-container>.container>.row:first-child>.col-md-3,
#footer .footer-container>.container>.row:first-child>.col-md-6{
  width:auto!important;
  max-width:none!important;
  flex:none!important;
  padding:0!important;
  margin:0!important;
  float:none!important;
}
#footer .footer-container .h3,
#footer .footer-container .blockcms-title,
#footer .footer-container .title,
#footer .footer-container .title .h3{
  margin:0 0 12px;
  font-size:12px;
  font-weight:700;
  line-height:1.3;
  color:#f7f7f7;
  text-transform:uppercase;
  letter-spacing:.09em;
}
#footer .footer-container ul{margin:0;padding:0;list-style:none}
#footer .footer-container li{margin:0 0 7px}
#footer .footer-container li a,
#footer .footer-container .cms-page-link,
#footer .footer-container .custom-page-link{
  font-size:13px;
  font-weight:400;
  line-height:1.4;
  color:#f7f7f7;
}
#footer .footer-container li a:hover{color:#fff;text-decoration:underline}
#footer .footer-container .collapse-icons,
#footer .footer-container .material-icons{display:none}
#footer .block-contact,
#footer .block-contact .block-contact-title,
#footer .block-contact a,
#footer .block-contact p{color:#f7f7f7;font-size:13px}
#footer .block-contact .block-contact-title{
  margin:0 0 12px;
  font-size:12px;
  font-weight:700;
  color:#f7f7f7;
  text-transform:uppercase;
  letter-spacing:.09em;
}
#footer .block-contact .material-icons{display:inline-block;color:var(--lk-accent);font-size:16px;margin-right:6px}
#footer .footer-container+.row,
#footer .text-sm-center{color:rgba(247,247,247,.6)}
#footer .text-sm-center a{color:rgba(247,247,247,.6);font-size:12px}
#footer .text-sm-center a:hover{color:#fff}
@media (max-width:991.98px){
  #footer .footer-container>.container>.row:first-child{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
}
@media (max-width:575.98px){
  #footer .footer-container>.container>.row:first-child{grid-template-columns:1fr 1fr;gap:18px}
}

/* ---------- 9. Ajustes moviles ---------- */
@media (max-width:1199.98px){
  .header-top-right{gap:14px}
  #_desktop_top_menu .top-menu{column-gap:12px}
}
@media (max-width:991.98px){
  #header .header-top>.container>.row:first-of-type{min-height:44px}
  #header .logo{max-height:40px}
  .header-top-right{flex-wrap:nowrap}
  .header-top .search-widgets{min-width:0;flex:1 1 auto}
}
@media (max-width:767.98px){
  #header .header-nav{padding:0}
  #header .header-nav .hidden-sm-down{display:none!important}
  #header .header-nav .mobile{
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    width:100%;
    height:var(--lk-nav-h);
    margin:0;
    float:none;
  }
  #header .header-nav .mobile>div{float:none!important}
  #header .header-nav #menu-icon{margin:0 8px 0 0}
  #header .header-nav #_mobile_cart,
  #header .header-nav #_mobile_user_info{display:flex;align-items:center}
  #header .header-nav .top-logo{flex:1 1 auto;display:flex;justify-content:center}
  #header .header-nav .top-logo>img,
  #header .header-nav .top-logo .logo{max-height:40px;height:auto;width:auto}
  #header .header-top{padding:10px 0}
  #header .header-top>.container>.row:first-of-type{flex-wrap:wrap;min-height:0}
  #_desktop_logo{display:none!important}
  .header-top-right{width:100%;flex:1 1 100%;gap:0}
  #search_widget{flex:1 1 100%;width:100%;min-width:0;max-width:none;margin:0}
  #carousel .carousel-item figure>img{height:200px}
  #carousel .carousel-item .caption{padding:44px 18px 14px}
  #carousel .carousel-item .caption .display-1{max-width:none;font-size:20px;line-height:1.15}
  #carousel{border-radius:4px}
  .products-section-title,.page-home h2.products-section-title{
    font-size:20px;
    margin:18px 0 12px;
    padding-bottom:10px;
    flex-wrap:wrap;
    gap:6px;
  }
  .all-product-link.lk-seeall{font-size:12px}
  #custom-text h2{font-size:20px}
}

/* ---------- 10. Utilidades ---------- */
.lk-hide{display:none!important}
::selection{color:#fff;background:var(--lk-accent)}