.beta{max-width:1184px;margin:auto;padding:28px 24px 64px}.beta h1{font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.15;letter-spacing:-.04em;margin:28px 0 16px}.beta h2{font-size:1.4rem}.beta p{line-height:1.65}.beta-tabs,.beta-filters{display:flex;gap:16px;flex-wrap:wrap}.beta-tabs a{padding:12px 16px;border:1px solid #a6baaf;border-radius:12px;text-decoration:none;color:#17352c}.beta-tabs a[aria-current]{background:#17352c;color:white}.beta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px}.beta label{display:grid;gap:8px;font-size:1rem;min-width:0}.beta input,.beta select{width:100%;box-sizing:border-box;padding:12px;border:1px solid #829b8b;border-radius:10px;background:white;font:inherit;color:#17352c;min-height:48px}.beta-filters{margin:24px 0}.beta-filters label{flex:1;min-width:180px}.beta-panel,.beta-card{padding:24px;background:white;border:1px solid #cedbd2;border-radius:18px;margin:20px 0}.beta-card{margin:0;overflow-wrap:anywhere}.beta-card h2{margin-top:0}.beta button{padding:12px 18px;margin:14px 10px 0 0;border:0;border-radius:10px;background:#17352c;color:white;font:inherit;min-height:48px;cursor:pointer}.beta button:disabled{opacity:.6;cursor:wait}.beta a{color:#235e40}.beta-note{font-size:.9rem;color:#465c4e}.beta-price{font-size:1.4rem;font-weight:700}.beta :focus-visible{outline:3px solid #bf6b00;outline-offset:4px}.beta [hidden]{display:none!important}.beta-card .beta-mark{display:inline-grid;place-items:center;width:52px;height:52px;background:#edf4d9;border-radius:12px;font-weight:bold;margin-bottom:12px}@media(max-width:600px){.beta{padding:20px 16px 40px}.beta-panel{padding:18px}.beta-tabs a{flex:1;text-align:center}.header nav{flex-wrap:wrap}}

/* Keep fields aligned even when one has an extra action below it. */
.beta-grid{align-items:start}.beta-grid>label,.beta-field{align-content:start}
.beta-field{display:grid;gap:8px}.beta .beta-secondary{margin:0;background:#edf4e9;color:#17352c;border:1px solid #a6baaf;text-align:left}
#ranges{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.beta-brand{display:flex;align-items:center;gap:18px;margin-bottom:20px;min-height:88px}
.beta-brand p{font-weight:700}.beta-brand-logo{width:160px;height:88px;object-fit:contain;background:#fff;border:1px solid #e1e9e3;border-radius:12px;padding:10px}
.beta-tabs a[aria-current]{color:#fff}.beta-tabs a{display:flex;align-items:center;justify-content:center;min-height:48px}
#calories-dialog{width:680px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:24px;border:1px solid #bdcec2;border-radius:20px;background:#fbfaf6;color:#17352c}
#calories-dialog::backdrop{background:#122b23aa}.calories-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.calories-top h2{margin:0}.calories-top button{margin:0}
@media(max-width:650px){.beta-brand{gap:12px}.beta-brand-logo{width:120px;height:76px}#calories-dialog{padding:18px}.calories-top{align-items:flex-start}.beta-tabs{gap:8px}}

.brand-picker{position:relative;min-width:0}.brand-search-row{display:flex;gap:.4rem}.brand-search-row input{min-width:0;flex:1}.brand-search-row button{flex:0 0 44px}.brand-picker #brand-options{position:absolute;z-index:20;top:76px;left:0;width:100%;background:white;color:#193b34;border:2px solid #19765b;box-shadow:0 8px 24px #0002}.brand-picker #brand-options[hidden]{display:none}.brand-picker option{padding:10px 12px}.brand-picker #brand-help{font-size:.85rem;margin:.4rem 0;color:#47625b}

/* Responsive comparison workspace */
.beta{max-width:1184px;padding-top:36px}.beta-tabs{gap:6px;padding:5px;background:#eaf0eb;border:1px solid #d7e2d9;border-radius:16px;width:fit-content}.beta-tabs a{border:0;border-radius:11px;font-weight:700}.beta h1{max-width:24ch;margin-bottom:16px}.beta-filters{display:grid;grid-template-columns:minmax(0,2fr) minmax(180px,1fr);align-items:start;gap:24px;padding:24px;background:#fff;border:1px solid #dce5df;border-radius:20px;box-shadow:0 6px 24px #17352c05}.beta-filters>label,.brand-picker>label{font-weight:700;display:grid;gap:8px}.brand-search-row{margin-top:8px;align-items:stretch}.beta .brand-search-row button{margin:0;flex:0 0 48px;padding:0;min-height:48px}.brand-picker #brand-options{top:82px;border-radius:12px}.beta-filters>label{min-width:0}.beta-filters input,.beta-filters select{min-height:52px}.beta-panel{box-shadow:0 6px 26px #17352c06}.beta-panel h2{letter-spacing:-.025em}.beta-grid>.beta-panel{grid-column:1/-1;margin:0}.beta-card{box-shadow:0 6px 26px #17352c06}.beta #catalog-status{font-size:.9rem;color:#52685b}.beta input:focus,.beta select:focus{border-color:#246b50}.beta #calc-result:not(:empty){padding:18px;border-radius:14px;background:#e9f3eb;border:1px solid #bad2c0;font-weight:650}.beta-grid>.beta-panel ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;padding:0}.beta-grid>.beta-panel li{padding:16px;border:1px solid #dce5df;border-radius:12px;line-height:1.6;background:#f7faf7}.beta button:hover{background:#285c47}.beta .beta-secondary:hover{background:#e8f0e9}
@media(max-width:650px){.beta{padding:24px 16px 90px}.beta-tabs{width:100%;box-sizing:border-box;display:grid;grid-template-columns:1fr 1fr}.beta-tabs a{text-align:center;padding:12px 8px;font-size:.9rem}.beta h1{font-size:2rem;margin-top:28px}.beta-filters{grid-template-columns:1fr;padding:18px;gap:18px;margin:24px 0 14px}.beta-panel{padding:20px}.beta-grid>.beta-panel ul{grid-template-columns:1fr}.brand-search-row input{font-size:16px}.beta-filters #brand-help{line-height:1.5}.beta-card{padding:20px}}
@media(prefers-reduced-motion:no-preference){.beta button,.beta-tabs a{transition:background-color .18s,box-shadow .18s}.beta input,.beta select{transition:border-color .18s}}

.product-records h3{font-size:1.08rem;line-height:1.4;margin:0 0 10px;letter-spacing:-.015em}.product-records p{margin:12px 0 0;font-size:.9rem;color:#506557}.record-status{display:inline-block;border:1px solid #dacba6;background:#fff7e5;border-radius:6px;padding:3px 8px;color:#725322;font-size:.75rem;font-weight:650}.beta-grid>.beta-panel>label{max-width:540px;margin:20px 0 8px}.product-records{align-items:start}

.product-photo{display:block;width:100%;height:220px;object-fit:contain;background:white;border-radius:10px;margin:0 0 16px}.product-tag{display:inline-block;margin:0 6px 8px 0;padding:4px 8px;border-radius:6px;background:#e4eee7;color:#244d36;font-size:.78rem}.product-records .record-status{display:table}

.beta-filters>[hidden]{display:none}.beta-filters:has(#supplement-filter:not([hidden])){grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:650px){.beta-filters:has(#supplement-filter:not([hidden])){grid-template-columns:1fr}}

.product-records details{margin:14px 0}.product-records summary{cursor:pointer;font-weight:650;min-height:32px}.product-records dl{font-size:.88rem;line-height:1.5}.product-records dt{font-weight:700;margin-top:10px}.product-records dd{margin:3px 0 0;color:#506557}

.brand-terms{margin:16px 0;padding:14px 16px;border:1px solid #d8e4db;border-radius:12px;background:#f4f8f4}.brand-terms summary{cursor:pointer;font-weight:700}.brand-terms p{font-size:.9rem}

.product-brand{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-weight:700}.product-brand img{width:80px;height:40px;object-fit:contain;background:white;border-radius:6px}

.compare-workbench{margin:24px 0;padding:24px;border:1px solid #cadccf;border-radius:20px;background:#f2f7f3;scroll-margin-top:90px}.compare-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.compare-choice{min-width:0;background:white;padding:20px;border-radius:16px;border:1px solid #dce5df}.compare-choice h3{font-size:1.1rem}.compare-choice label{display:grid;gap:6px;margin:14px 0}.compare-choice input,.compare-choice select{width:100%;max-width:100%;box-sizing:border-box}.compare-verdict:not(:empty){margin-top:20px;padding:18px;border-radius:12px;background:#e1eee5}.compare-verdict p{overflow-wrap:anywhere}@media(max-width:640px){.compare-columns{grid-template-columns:1fr}.compare-workbench{padding:16px}.compare-choice{padding:16px}}

.product-image-note{font-size:.85rem;line-height:1.4;color:#46544b;margin:.5rem 0 1rem;}

/* Keep selection within reach without interrupting product browsing. */
.compare-selection-bar{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:70;display:flex;align-items:center;gap:18px;width:min(800px,calc(100% - 200px));box-sizing:border-box;padding:14px 18px;background:#173f33;color:white;border:1px solid #c5d9ce;border-radius:18px;box-shadow:0 6px 30px #17352c35}
.compare-selection-bar[hidden]{display:none}.compare-selection-bar>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.compare-selection-bar button{flex-shrink:0;border:0;border-radius:12px;padding:12px 18px;background:#f2d782;color:#17352c;font-weight:750;cursor:pointer;min-height:44px}.has-comparison-selection{padding-bottom:100px}.compare-workbench{scroll-margin-top:110px}.compare-workbench[hidden]{display:none}
@media(max-width:600px){.compare-selection-bar{left:10px;right:86px;bottom:12px;width:auto;transform:none;gap:8px;padding:10px;flex-wrap:wrap}.compare-selection-bar>span{flex-basis:100%;font-size:12px}.compare-selection-bar button{width:100%;padding:8px}.has-comparison-selection{padding-bottom:150px}}

/* Chollo Mascota · capa visual dinámica */
:root {
  --cm-ink: #17352f;
  --cm-muted: #64736f;
  --cm-brand: #0f766e;
  --cm-accent: #f59e0b;
  --cm-soft: #f0fdfa;
  --cm-card: #ffffff;
  --cm-shadow: 0 14px 36px rgba(23, 53, 47, .10);
}

.beta {
  background:
    radial-gradient(circle at 90% 0%, rgba(245,158,11,.12), transparent 28rem),
    linear-gradient(180deg, #f8fffd 0%, #ffffff 42%);
}

.beta h1 {
  max-width: 15ch;
  color: var(--cm-ink);
  font-size: clamp(2rem, 5vw, 3.8rem);
  line-height: 1.02;
  letter-spacing: -.045em;
}

.beta > section > p:first-of-type {
  max-width: 58ch;
  color: var(--cm-muted);
  font-size: 1.08rem;
}

.beta-filters,
.beta-panel,
.beta-grid > li,
.beta-grid > article,
.beta-grid > section {
  border: 1px solid rgba(15,118,110,.12);
  border-radius: 22px;
  background: rgba(255,255,255,.92);
  box-shadow: var(--cm-shadow);
}

.beta-filters {
  position: sticky;
  top: .75rem;
  z-index: 5;
  backdrop-filter: blur(14px);
}

.beta-grid > li,
.beta-grid > article {
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.beta-grid > li:hover,
.beta-grid > article:hover {
  transform: translateY(-4px);
  border-color: rgba(15,118,110,.35);
  box-shadow: 0 20px 42px rgba(23,53,47,.15);
}

.beta button,
.beta a[role="button"],
.beta input,
.beta select {
  min-height: 46px;
  border-radius: 12px;
}

.beta button[type="submit"],
.beta button:not(.beta-secondary) {
  background: var(--cm-brand);
  box-shadow: 0 8px 18px rgba(15,118,110,.18);
  transition: transform .18s ease, filter .18s ease;
}

.beta button[type="submit"]:hover,
.beta button:not(.beta-secondary):hover {
  filter: brightness(1.07);
  transform: translateY(-2px);
}

.beta-note {
  border-left: 4px solid var(--cm-accent);
  border-radius: 0 14px 14px 0;
  background: #fffbeb;
  padding: .85rem 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .beta-grid > li,
  .beta-grid > article,
  .beta button {
    transition: none;
  }
}


/* Keep the mobile comparison visible below the compact site header. */
@media(max-width:760px){.beta-filters{position:static}.compare-workbench{scroll-margin-top:90px}.compare-selection-bar{bottom:76px}}