/* Front UI patch v3.2 – sticky footer (celeste), dark top links with Inicio */
:root{
  --brand-orange:#fd8500;
  --brand-blue:#127ac6;
  --text:#101214;
  --muted:#6b7280;
  --border:#e5e7eb;
  --bg:#ffffff;
  --footer-bg:#127ac6;  /* celeste */
  --footer-text:#ffffff; /* blanco */
}
html,body{background:var(--bg);color:var(--text);height:100%;}
/* Sticky footer layout */
body{min-height:100vh;display:flex;flex-direction:column}
main.flex-grow-1{flex:1 0 auto}

.navbar{border-bottom:1px solid var(--border)}
/* Logo 20% smaller: 208x74 max */
.logo{width:208px;max-height:74px;height:auto;object-fit:contain}
@media (max-width:576px){.logo{width:148px;max-height:53px}}

/* Top right links – dark */
.top-links{gap:1rem}
.top-links a{color:#111111;text-decoration:none;font-weight:600;font-size:.95rem}
.top-links a:hover{color:#000000;text-decoration:underline}

/* Buttons */
.btn-brand{background:var(--brand-blue);color:#fff;border:none}
.btn-brand:hover{filter:brightness(.95);color:#fff}
.btn-clear{background:var(--brand-orange);color:#fff;border:none;border-radius:12px;padding:.5rem .9rem;font-weight:600;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.btn-clear:hover{filter:brightness(.96);color:#fff}

/* Cards */
.card-product{border:1px solid var(--border);border-radius:14px;box-shadow:0 4px 18px rgba(0,0,0,.06);transition:transform .18s ease, box-shadow .18s ease}
.card-product:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.12)}
.thumb{position:relative;overflow:hidden;border-top-left-radius:14px;border-top-right-radius:14px}
.thumb.ratio{--bs-aspect-ratio:60%}
.thumb img{object-fit:cover;width:100%;height:100%}
.card-title{font-weight:700;font-size:1.05rem;margin-bottom:.35rem}
.card-text{color:var(--muted)}
.badge-cta{background:#16a34a}

/* Sidebar */
.sidebar{position:sticky;top:6rem}
.search-wrap{position:relative;margin-bottom:.75rem}
.search-wrap .bi-search{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af}
.search-input{border-radius:10px;padding-left:2.3rem;height:40px}

.menu-box{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#fff}
.menu-list{list-style:none;margin:0;padding:0}
.menu-item{border-bottom:1px solid var(--border)}
.menu-item:last-child{border-bottom:none}
.menu-link{display:flex;align-items:center;justify-content:space-between;padding:.6rem .85rem;color:inherit;text-decoration:none;font-size:.95rem}
.menu-link:hover{background:#f9fafb}
.menu-link .dot{width:8px;height:8px;border-radius:999px;background:transparent;margin-right:.5rem}
.menu-item.active .menu-link{background:#fff7ed}
.menu-item.active .menu-link .dot{background:var(--brand-orange)}

/* Footer – single line, sticky at bottom */
.footer{border-top:1px solid var(--border);background:var(--footer-bg);color:var(--footer-text)}
.footer .container{min-height:48px;min-height:20px;display:flex;align-items:center;justify-content:space-between}
.footer a{color:#ffffff;text-decoration:underline}
.footer a:hover{opacity:.9}