/* HMAN BioLab Colombia — Identidad visual y maquetacion: variables, tipografia, botones y rejillas.
   Consolidado desde las hojas por version, conservando el orden de cascada
   dentro de cada concernimiento. Las @media viajan con las reglas que corrigen. */
/* HMAN BioLab v24.9.0 — Premium scientific commerce layer */
:root{
  --hm-obsidian:#07110f;
  --hm-forest:#0d2a24;
  --hm-emerald:#10b981;
  --hm-mint:#a7f3d0;
  --hm-champagne:#d7b56d;
  --hm-ivory:#f7f5ee;
  --hm-paper:#fffefa;
  --hm-ink:#101a17;
  --hm-muted:#66736e;
  --hm-line:rgba(13,42,36,.12);
  --hm-shadow:0 30px 90px rgba(4,22,17,.12);
  --hm-shadow-soft:0 16px 48px rgba(4,22,17,.08);
}
html{scroll-padding-top:88px}
body{
  color:var(--hm-ink)!important;
  background:
    radial-gradient(circle at 88% 4%,rgba(16,185,129,.10),transparent 26rem),
    radial-gradient(circle at 10% 34%,rgba(215,181,109,.08),transparent 22rem),
    linear-gradient(180deg,var(--hm-paper),var(--hm-ivory) 58%,#fff)!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
::selection{background:rgba(16,185,129,.22)}
.nav-inner{min-height:78px!important}
.brand{letter-spacing:-.02em}
.brand-mark,.mark{
  background:linear-gradient(145deg,var(--hm-forest),#17483d)!important;
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 14px 36px rgba(7,17,15,.20)!important;
}
.nav-links,.lang button{color:var(--hm-muted)!important}
.nav-links a:hover,.lang button:hover{background:rgba(16,185,129,.08)!important;color:var(--hm-forest)!important}
.lang button.active{background:var(--hm-forest)!important;color:#fff!important}
.btn:hover{transform:translateY(-2px)!important;box-shadow:0 14px 36px rgba(7,17,15,.10)!important}
.hero{padding:88px 0 70px!important}
.hero-grid{gap:64px!important}
.eyebrow,.explorer-kicker,.trace-kicker,.tag,.pillar-label{
  background:rgba(16,185,129,.09)!important;
  color:#0b6b50!important;
  border:1px solid rgba(16,185,129,.15);
  letter-spacing:.05em;
}
.dot{background:var(--hm-emerald)!important;box-shadow:0 0 0 6px rgba(16,185,129,.10)!important}
h1{
  font-family:Georgia,"Times New Roman",serif!important;
  font-weight:500!important;
  letter-spacing:-.055em!important;
  line-height:.96!important;
  max-width:790px!important;
}
h2{letter-spacing:-.035em}
.lead{color:var(--hm-muted)!important;max-width:690px!important}
.shipping-strip span:first-child{color:#0b6b50!important;background:rgba(167,243,208,.22)!important}
.pillars{padding:24px 0 80px!important}
.pillar-grid{gap:18px!important}
.pillar-card:hover{transform:translateY(-7px);box-shadow:var(--hm-shadow)}
.pillar-card img{background:linear-gradient(150deg,#eef7f1,#e1eee7)!important;aspect-ratio:1.25/1;object-fit:contain;padding:22px}
.area-head h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.025em}
.area-head span{color:var(--hm-muted)!important}
.product-grid{gap:18px!important}
.product-card:hover{transform:translateY(-7px);box-shadow:var(--hm-shadow)!important}
.product-card>img{background:linear-gradient(150deg,#edf6f0,#dfece5)!important;aspect-ratio:1.2/1!important;object-fit:contain!important;padding:18px!important;transition:transform .45s ease}
.product-card:hover>img{transform:scale(1.035)}
.product-body{padding:22px!important}
.product-body h3{font-size:22px;letter-spacing:-.03em}
.product-note,.included,.legal-note{color:var(--hm-muted)!important}
.price strong{color:var(--hm-forest)!important;font-size:22px!important}
.price span{color:var(--hm-muted)!important}
.product-link{color:var(--hm-forest)!important}
.trust{background:var(--hm-forest)!important;color:#fff!important;padding:84px 0!important}
.trust .section-head{background:transparent;box-shadow:none!important;border:0!important;padding:0}
.trust .section-head p{color:rgba(255,255,255,.65)!important}
.trust-card p{color:rgba(255,255,255,.68)!important}
.trust-card span{color:var(--hm-mint)!important}
.contact{padding:82px 0!important}
footer{background:var(--hm-obsidian)!important;color:#fff!important;border:0!important}
footer a,footer span,footer p{color:rgba(255,255,255,.64)!important}
/* Product detail premium */
.product-shell{padding-top:42px!important}
.product-page{gap:22px!important}
.visual{background:linear-gradient(145deg,#eaf4ee,#d9e9df)!important;min-height:520px!important}
.visual::after{content:"HMAN / RESEARCH";position:absolute;left:24px;bottom:22px;color:rgba(13,42,36,.36);font-size:11px;font-weight:900;letter-spacing:.18em}
.visual img{padding:34px!important;filter:drop-shadow(0 30px 30px rgba(7,17,15,.15))}
.panel h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;color:var(--hm-forest)}
/* SEO guide */
body.seo-guide-premium main{width:min(1040px,calc(100% - 32px));margin:0 auto;padding:70px 0}
[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}
[data-reveal].is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}[data-reveal]{opacity:1;transform:none}}
/* HMAN v25.1 · Trust & Mobile Commerce */
:root{--hman-navy:#07172b;--hman-surface:#fff;--hman-border:#d8e9f8;--hman-success:#087f6b}
.trust-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0}
.trust-rail strong{display:block;font-size:13px}
.trust-rail span{display:block;margin-top:3px;color:#5d6d82;font-size:12px;line-height:1.4}
.product-card{position:relative}
.product-card .price strong{font-variant-numeric:tabular-nums}
.product-card:focus-within{outline:3px solid rgba(0,108,255,.22);outline-offset:3px}
.mobile-buybar{display:none}
.product-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}
.primary-product-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}
.primary-product-actions .consult{background:linear-gradient(135deg,#087f6b,#12a983);color:#fff}
.primary-product-actions .docs{border:1px solid var(--line);background:#fff;color:#24415f}
.availability-status{display:inline-flex;align-items:center;gap:7px;margin-top:10px;color:#087f6b;font-size:12px;font-weight:850}
@media(max-width:420px){.trust-rail{grid-template-columns:1fr}.mobile-buybar{grid-template-columns:minmax(0,1fr) 112px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Guia de peptidos */
.seo-guide-premium .card{display:grid;gap:.2rem;align-content:start}
.seo-guide-premium .card-line{color:#5d6d82;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.seo-guide-premium .card h2{margin:.15rem 0 .35rem;font-size:21px}
.seo-guide-premium .card p{margin:0;font-size:14.5px}
