/* DECO Hogar V2.24.0 — Header + navegación + búsqueda + categorías + footer
   Aislado: solo clases vx-* añadidas por vektor-v240.js */
:root{
  --vx-green:#00695f;
  --vx-green-2:#00897b;
  --vx-green-dark:#073c37;
  --vx-ink:#121b1a;
  --vx-muted:#60706d;
  --vx-line:#e5ecea;
  --vx-soft:#f5f8f7;
  --vx-white:#fff;
}
.vx-header{
  background:var(--vx-white);
  box-shadow:0 1px 0 rgba(11,47,43,.08);
  position:relative;
  z-index:40;
}
.vx-header img.vx-logo{
  width:auto !important;
  height:auto !important;
  max-width:185px !important;
  max-height:72px !important;
  object-fit:contain !important;
  aspect-ratio:auto !important;
}
.vx-header .vx-mainnav a{
  font-size:15px !important;
  font-weight:650 !important;
  letter-spacing:-.01em;
  color:var(--vx-ink) !important;
  text-decoration:none !important;
}
.vx-header .vx-mainnav a:hover,
.vx-header .vx-mainnav a:focus-visible{
  color:var(--vx-green-2) !important;
}
.vx-search{
  min-width:270px;
  max-width:420px;
}
.vx-search input[type="search"],
.vx-search input[type="text"]{
  min-height:44px !important;
  border:1px solid #d7e1de !important;
  border-radius:999px !important;
  padding:0 52px 0 17px !important;
  font-size:14px !important;
  background:#fff !important;
  outline:none !important;
  transition:border-color .18s ease, box-shadow .18s ease;
}
.vx-search input:focus{
  border-color:var(--vx-green-2) !important;
  box-shadow:0 0 0 3px rgba(0,137,123,.11) !important;
}
.vx-search button{
  min-width:42px !important;
  min-height:42px !important;
  border-radius:999px !important;
}
.vx-categorybar{
  background:#fff;
  border-top:1px solid var(--vx-line);
  border-bottom:1px solid var(--vx-line);
  overflow-x:auto;
  scrollbar-width:none;
}
.vx-categorybar::-webkit-scrollbar{display:none}
.vx-categorybar__inner{
  width:min(1380px,calc(100% - 36px));
  margin:0 auto;
  min-height:62px;
  display:flex;
  align-items:stretch;
  justify-content:center;
}
.vx-categorybar a{
  flex:1 0 auto;
  min-width:150px;
  padding:12px 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:#24312f;
  text-decoration:none;
  font-size:14px;
  font-weight:650;
  border-right:1px solid #edf2f0;
  transition:background .18s ease,color .18s ease;
}
.vx-categorybar a:first-child{border-left:1px solid #edf2f0}
.vx-categorybar a:hover,
.vx-categorybar a:focus-visible{
  color:var(--vx-green);
  background:#f3faf8;
}
.vx-categorybar svg{
  width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;flex:none;
}
.vx-footer{
  background:linear-gradient(135deg,#082f2b 0%,#06443d 100%) !important;
  color:#edf7f5 !important;
}
.vx-footer a{color:#d7e8e5 !important}
.vx-footer a:hover,.vx-footer a:focus-visible{color:#fff !important}
.vx-footer .vx-footer-title,
.vx-footer h2,.vx-footer h3,.vx-footer h4,.vx-footer strong{
  color:#fff !important;
}
.vx-footer p,.vx-footer li,.vx-footer small{font-size:14px;line-height:1.65}
.vx-footer-icon{
  width:34px;height:34px;border:1px solid rgba(255,255,255,.14);border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;margin-right:8px;
  color:#fff;background:rgba(255,255,255,.035);
}
.vx-footer-icon svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.9}
.vx-footer-trust{
  border-top:1px solid rgba(255,255,255,.10);
  border-bottom:1px solid rgba(255,255,255,.10);
  margin-top:28px;
}
.vx-footer-trust__inner{
  width:min(1380px,calc(100% - 36px));margin:0 auto;
  display:grid;grid-template-columns:repeat(4,1fr);
}
.vx-footer-trust__item{
  min-height:82px;padding:15px 22px;display:flex;gap:13px;align-items:center;
  border-right:1px solid rgba(255,255,255,.10);
}
.vx-footer-trust__item:first-child{border-left:1px solid rgba(255,255,255,.10)}
.vx-footer-trust__item svg{width:28px;height:28px;stroke:#7dd8c9;fill:none;stroke-width:1.8;flex:none}
.vx-footer-trust__item b{display:block;color:#fff;font-size:14px;margin-bottom:2px}
.vx-footer-trust__item span{display:block;color:#c5d9d6;font-size:12px}
.vx-wa-float{
  position:fixed;right:22px;bottom:22px;z-index:80;
  width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:#0aae77;color:#fff;box-shadow:0 10px 28px rgba(0,0,0,.18);
  text-decoration:none!important;
}
.vx-wa-float:hover{transform:translateY(-1px)}
.vx-wa-float svg{width:27px;height:27px;fill:currentColor}

@media (max-width:1100px){
  .vx-categorybar__inner{justify-content:flex-start}
  .vx-categorybar a{min-width:135px}
  .vx-footer-trust__inner{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  .vx-header img.vx-logo{max-width:145px!important;max-height:58px!important}
  .vx-header .vx-mainnav a{font-size:14px!important}
  .vx-search{min-width:0;max-width:none}
  .vx-categorybar__inner{width:100%}
  .vx-categorybar a{min-width:118px;padding:10px 12px;font-size:13px}
  .vx-categorybar svg{width:22px;height:22px}
  .vx-footer p,.vx-footer li,.vx-footer small{font-size:13px}
  .vx-footer-trust__inner{grid-template-columns:1fr}
  .vx-footer-trust__item,
  .vx-footer-trust__item:first-child{border-left:0;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}
  .vx-wa-float{width:50px;height:50px;right:16px;bottom:16px}
}