:root{--orange:#FF9900;--black:#111;--bg:#F5F5F5;--ui:#E0E0E0;--white:#fff}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--black);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}
.hlx-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--white);border-bottom:1px solid var(--ui)}.title{margin:0 auto 0 8px;font-size:22px;font-weight:700}.lang-switch{margin-left:auto}
.container{max-width:1200px;margin:0 auto;padding:16px}.grid{display:grid;gap:16px;grid-template-columns:1fr}@media (min-width:720px){.grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid{grid-template-columns:repeat(3,1fr)}}
.breadcrumb{display:none}
.card{background:var(--white);border:1px solid var(--ui);border-radius:18px;box-shadow:0 2px 6px rgba(0,0,0,.05);padding:16px;display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center}.card h3{font-size:16px;margin:0}
.card .imgwrap{position:relative;aspect-ratio:1.2/1;width:100%;border:1px solid var(--ui);border-radius:14px;overflow:hidden;background:#fff}.card .imgwrap a{display:block;width:100%;height:100%}.card .imgwrap img{width:100%;height:100%;object-fit:contain}
.actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;width:100%}.actions .btn{flex:1 1 100%}@media (min-width:720px){.actions .btn{flex:0 0 auto}}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border-radius:16px;border:1px solid transparent;font-weight:500;cursor:pointer;transition:box-shadow .15s,background .15s,border-color .15s}
.btn.primary{background:#fff;color:#111;border:1px solid #E0E0E0}.btn.primary:hover{background:#EAEAEA}
.btn.cta{background:#FF9900;color:#fff;font-weight:600}.btn.cta:hover{box-shadow:0 6px 16px rgba(255,153,0,.35)}.btn[aria-disabled="true"]{opacity:.55;cursor:not-allowed}
.amazon-availability{display:flex;align-items:center;gap:10px;margin-top:6px;color:#666;justify-content:center}.amazon-availability .label{font-size:13px}.amazon-availability .text-fallback-text{display:none}.amazon-availability.text-fallback .text-fallback-text{display:inline}.amazon-availability.text-fallback picture{display:none}
.product-page{max-width:980px;margin:0 auto;padding:16px}.product-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px;justify-content:center}.pdf-viewer{background:#fff;border:1px solid var(--ui);border-radius:16px;overflow:hidden;min-height:60vh}.pdf-viewer iframe{width:100%;height:70vh;border:0}
.hlx-footer{display:flex;justify-content:center;align-items:center;border-top:1px solid var(--ui);background:var(--white);padding:14px}.hlx-footer .footer-inner{display:flex;gap:12px;align-items:center;justify-content:center;color:#666}


/* --- Logo Hogarlax (control de tamaño) --- */
.hlx-header .brand {
  display: flex;
  align-items: center;
  max-height: 56px;
}
.hlx-header .brand img,
.hlx-header .brand picture img {
  height: clamp(28px, 4.5vw, 48px);
  width: auto;
  max-width: 220px;
  object-fit: contain;
}
.hlx-header .brand picture, 
.hlx-header .brand picture img {
  display: block;
}
.hlx-header .title { margin-left: 10px; }
/* Limitar el alto del logo Amazon en tarjetas */
.amazon-availability picture img { height: 18px; width: auto; }



/* v:preprod3 — cookie bar */
.cookie-bar {
  position: fixed; left: 0; right: 0; bottom: 0;
  background: #111; color: #fff;
  padding: 12px 16px; z-index: 9999;
  box-shadow: 0 -8px 20px rgba(0,0,0,.15);
}
.cookie-bar[hidden] { display: none; }
.cookie-bar .inner {
  max-width: 1100px; margin: 0 auto;
  display: flex; gap: 12px; align-items: center; justify-content: space-between;
}
.cookie-bar a { color: #fff; text-decoration: underline; }
.cookie-bar .btn {
  background: #FF9900; color: #fff; border: 0;
  border-radius: 12px; padding: 10px 16px; font-weight: 600;
  min-height: 44px; cursor: pointer;
}
@media (max-width: 540px) {
  .cookie-bar .inner { flex-direction: column; align-items: stretch; }
  .cookie-bar .btn { width: 100%; }
}

/* --- Footer: separar atribución y links --- */
.hlx-footer { display: block !important; }
.hlx-footer .footer-brand {
  display: block !important;     /* fuerza línea propia */
  width: 100% !important;
  text-align: center !important;
  clear: both !important;        /* por si hay floats heredados */
  margin: 12px 0 10px !important;
  line-height: 1.35;
}
.hlx-footer .footer-brand small { 
  display: inline-block !important; 
  max-width: 960px; 
}

.hlx-footer .footer-inner {
  display: flex !important; 
  justify-content: center !important; 
  align-items: center !important; 
  gap: .5rem !important;
  flex-wrap: wrap !important;
}
.hlx-footer .footer-inner a { 
  display: inline-block; 
}