/* Alphagenics · blog (/pa/blog/, /pa/en/blog/). Builds on ficha.css (nav, footer, tokens).
   Light reading sheet, 17-18px body, measure ~68ch, AA contrast. */
.b-hero{position:relative;overflow:hidden;padding:calc(var(--nav-h) + 56px) 0 64px;
  background:radial-gradient(ellipse at 20% 30%,#143488 0%,var(--deep) 45%,var(--ink) 100%)}
.b-hero::after{content:"";position:absolute;inset:auto -10% -40% 40%;height:120%;
  background:radial-gradient(circle,rgba(255,107,125,.14),transparent 60%);pointer-events:none}
.b-hero .wrap{position:relative;z-index:1}
.b-hero h1{max-width:24ch}
.b-hero h1{font-size:clamp(2rem,4.4vw,3.2rem);line-height:1.1;letter-spacing:-.025em;font-weight:700;margin:.9rem 0 1rem;text-wrap:balance}
.b-dek{font-size:clamp(1.08rem,1.6vw,1.28rem);line-height:1.55;color:#DEE2EE;max-width:62ch;text-wrap:pretty}
.b-hero .b-meta{margin-top:1.3rem;color:#BAC4DE;font-size:.92rem}
.b-kick{display:inline-block;font-size:.95rem;font-weight:600;color:var(--teal);letter-spacing:.02em}

.b-tag{display:inline-block;font-size:.78rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;
  padding:.32rem .7rem;border-radius:999px;background:rgba(255,107,125,.14);color:var(--teal)}
.b-sheet .b-tag,.b-page .b-card .b-tag{background:var(--tag-bg,#f3e3e8);color:var(--tag-ink,#2250b6)}
.t-regulacion{--tag-bg:#fbeee0;--tag-ink:#7a4300}
.t-evidencia{--tag-bg:#f3e3e8;--tag-ink:#2250b6}
.t-mercado{--tag-bg:#f6e6e4;--tag-ink:#8f2f24}
.t-tendencias{--tag-bg:#ebe6f6;--tag-ink:#4f3a8a}

/* light sheet */
.b-sheet{background:var(--paper);color:var(--text);padding:56px 0 72px}
.b-sheet a,.b-page a{color:var(--teal-ink)}

/* index */
.b-filter{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.6rem}
.b-filter button{font:600 .92rem/1 Sora,system-ui,sans-serif;padding:.6rem 1rem;border-radius:999px;border:1px solid var(--border);
  background:#fff;color:var(--body);cursor:pointer}
.b-filter button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.b-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:1.1rem}
.b-card{display:flex;flex-direction:column;gap:.7rem;background:#fff;border:1px solid var(--border);border-radius:20px;
  padding:1.5rem 1.5rem 1.3rem;color:var(--text)!important;transition:transform .2s,box-shadow .2s,border-color .2s;min-width:0}
.b-card:hover{transform:translateY(-3px);border-color:#9fadcf;box-shadow:0 22px 44px -30px rgba(4,12,36,.45)}
.b-card h3{font-size:1.28rem;line-height:1.25;letter-spacing:-.015em;text-wrap:balance}
.b-card p{color:var(--body);font-size:1rem;line-height:1.55;flex:1}
.b-card .b-meta{font-size:.85rem;color:var(--muted)}
.b-card .b-go{font-weight:600;color:var(--teal-ink);font-size:.95rem}
.b-card .b-tag{align-self:flex-start}
.b-grid.idx .b-card.big{grid-column:1/-1;padding:2rem;background:linear-gradient(135deg,#ffffff 0%,#eef7f6 100%)}
.b-grid.idx .b-card.big h3{font-size:clamp(1.5rem,2.6vw,2rem)}
.b-grid.idx .b-card.big p{font-size:1.08rem;max-width:70ch}

/* article */
.b-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(2rem,5vw,4rem);align-items:start}
.b-side{grid-column:2;grid-row:1;position:sticky;top:calc(var(--nav-h) + 20px);display:grid;gap:1rem}
.b-body{grid-column:1;grid-row:1;max-width:var(--measure);min-width:0;font-size:1.08rem;line-height:1.75;color:var(--body);overflow-wrap:break-word}
.b-tldr,.b-toc{background:#fff;border:1px solid var(--border);border-radius:18px;padding:1.2rem 1.3rem}
.b-tldr{border-top:4px solid var(--teal-2)}
.b-tldr h2,.b-toc h2{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.7rem;font-weight:700}
.b-tldr ul{list-style:none;display:grid;gap:.7rem}
.b-tldr li{position:relative;padding-left:1.1rem;font-size:.95rem;line-height:1.5;color:var(--text)}
.b-tldr li::before{content:"";position:absolute;left:0;top:.6em;width:7px;height:7px;border-radius:2px;background:var(--teal-2)}
.b-toc ol{list-style:none;display:grid;gap:.45rem;counter-reset:t}
.b-toc li{counter-increment:t;font-size:.92rem;line-height:1.4}
.b-toc li::before{content:counter(t,decimal-leading-zero) "  ";color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem}
.b-toc a{color:var(--body)}
.b-toc a:hover{color:var(--teal-ink)}

.b-body h2{font-size:clamp(1.45rem,2.4vw,1.85rem);color:var(--text);margin:2.4rem 0 .8rem;scroll-margin-top:calc(var(--nav-h) + 16px);text-wrap:balance}
.b-body h2:first-child{margin-top:0}
.b-body p{margin:0 0 1.1rem;text-wrap:pretty}
.b-body strong{color:var(--text)}
.b-body ul{margin:0 0 1.2rem 1.2rem;display:grid;gap:.5rem}
.b-body a{text-decoration:underline;text-underline-offset:2px}
.b-ref{font-size:.68em;line-height:1;vertical-align:.45em;margin-left:2px;white-space:nowrap}
.b-ref a{display:inline-block;min-width:1.5em;padding:.18em .35em;margin-left:2px;border-radius:5px;line-height:1;background:#f3e3e8;
  color:#2250b6!important;text-decoration:none!important;text-align:center;font-weight:600}
.b-ref a:hover{background:var(--teal-2);color:#fff!important}
.b-quote{margin:1.6rem 0;padding:1.2rem 1.4rem;border-left:4px solid var(--teal-2);background:#fff;border-radius:0 16px 16px 0}
.b-quote blockquote{font-size:1.15rem;line-height:1.55;color:var(--text);font-weight:500}
.b-quote figcaption{margin-top:.6rem;font-size:.9rem;color:var(--muted)}
.b-box{margin:1.6rem 0;padding:1.2rem 1.4rem;background:#fff;border:1px solid var(--border);border-radius:16px}
.b-box h3{font-size:1.05rem;color:var(--text);margin-bottom:.45rem}
.b-box p{margin:0;font-size:1rem}
.b-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:.8rem;margin:1.6rem 0}
.b-facts>div{background:var(--ink);color:#fff;border-radius:16px;padding:1.1rem 1.2rem;display:grid;gap:.35rem;min-width:0}
.b-facts b{font-size:1.75rem;line-height:1.1;color:var(--teal);letter-spacing:-.02em}
.b-facts span{font-size:.9rem;line-height:1.45;color:#DEE2EE}
.b-facts .b-ref a{background:rgba(255,107,125,.18);color:var(--teal)!important}

.b-refs{margin-top:3rem;padding-top:1.6rem;border-top:1px solid var(--border)}
.b-refs h2{margin-top:0}
.b-refs ol{margin-left:1.3rem;display:grid;gap:.6rem;font-size:.92rem;line-height:1.55}
.b-refs li{overflow-wrap:anywhere;scroll-margin-top:calc(var(--nav-h) + 16px)}
.b-refs li:target{background:#fff6d6;border-radius:6px}
.b-refs .ext{white-space:nowrap}
.b-note{margin-top:1.4rem!important;font-size:.88rem!important;color:var(--muted)}

.b-more{margin-top:4rem}
.b-more h2{color:var(--text);margin-bottom:1.2rem;font-size:1.6rem}
.b-all{display:inline-block;margin-top:1.4rem;font-weight:600}

@media (max-width:960px){
  .b-layout{grid-template-columns:minmax(0,1fr)}
  .b-side{grid-column:1;grid-row:1;position:static}
  .b-body{grid-row:2}
  .b-toc{display:none}
}
@media (max-width:560px){
  .b-sheet{padding:36px 0 56px}
  .b-body{font-size:1.02rem}
  .b-grid.idx .b-card.big{padding:1.5rem}
}
@media (prefers-reduced-motion:reduce){.b-card{transition:none}.b-card:hover{transform:none}}

/* hero image (Higgsfield-generated, /img/blog/<slug>.webp) */
.b-hero.has-img{min-height:min(620px,78vh);display:flex;align-items:flex-end}
.b-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;z-index:0}
.b-hero.has-img::before{content:"";position:absolute;inset:0;z-index:0;
  background:linear-gradient(90deg,rgba(4,12,36,.97) 0%,rgba(4,12,36,.94) 48%,rgba(4,12,36,.78) 66%,rgba(4,12,36,.3) 88%,rgba(4,12,36,.12) 100%),
             linear-gradient(0deg,rgba(4,12,36,.85) 0%,rgba(4,12,36,0) 45%)}
.b-hero.has-img::after{display:none}
.b-hero.has-img .wrap{width:min(1180px,100% - 32px)}
.b-hero.has-img .b-dek{max-width:56ch}
@media (max-width:760px){
  .b-hero.has-img{min-height:auto}
  .b-hero-img{object-position:70% center}
  .b-hero.has-img::before{background:linear-gradient(0deg,rgba(4,12,36,.97) 0%,rgba(4,12,36,.92) 60%,rgba(4,12,36,.72) 100%)}
}
.b-card.has-thumb{padding-top:0;overflow:hidden}
.b-thumb{display:block;width:calc(100% + 3rem);max-width:none;margin:0 -1.5rem .3rem;aspect-ratio:16/9;object-fit:cover;background:var(--deep)}
.b-grid.idx .b-card.big.has-thumb{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:2rem;padding:0 2rem 0 0;align-items:center}
.b-grid.idx .b-card.big .b-thumb{grid-row:1/span 6;width:100%;margin:0;height:100%;min-height:340px;aspect-ratio:auto}
.b-grid.idx .b-card.big.has-thumb>*:not(.b-thumb){grid-column:2}
.b-grid.idx .b-card.big.has-thumb .b-tag{margin-top:2rem}
.b-grid.idx .b-card.big.has-thumb .b-go{margin-bottom:2rem}
@media (max-width:760px){
  .b-grid.idx .b-card.big.has-thumb{display:flex;padding:0 1.5rem 1.3rem}
  .b-grid.idx .b-card.big .b-thumb{width:calc(100% + 3rem);margin:0 -1.5rem .3rem;min-height:0;aspect-ratio:16/9}
  .b-grid.idx .b-card.big.has-thumb .b-tag{margin-top:0}
  .b-grid.idx .b-card.big.has-thumb .b-go{margin-bottom:0}
}
.b-grid.idx .b-card.big.has-thumb .b-tag{justify-self:start}
.b-hero.has-img h1,.b-hero.has-img .b-dek{text-shadow:0 1px 18px rgba(4,12,36,.6)}
@media (max-width:760px){
  .b-hero.has-img{display:block;padding-top:var(--nav-h);padding-bottom:44px}
  .b-hero.has-img .b-hero-img{position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:16/9;object-position:center}
  .b-hero.has-img::before{inset:auto 0 auto 0;top:var(--nav-h);height:calc((100vw) * 9 / 16);background:linear-gradient(0deg,rgba(4,12,36,1) 0%,rgba(4,12,36,0) 40%)}
  .b-hero.has-img .wrap{margin-top:-28px;z-index:2}
}
.t-clinica{--tag-bg:#e4ecf8;--tag-ink:#1f4b8a}
.b-box.b-other{background:#f7f5f9;border:1px solid #bfc9e3;border-left:5px solid var(--teal-2)}
.b-box.b-other h3{color:#2250b6}
.b-box.b-other h3::before{content:"⇄ ";font-weight:700}
.b-hero.has-img.dim::before{background:linear-gradient(90deg,rgba(4,12,36,.97) 0%,rgba(4,12,36,.95) 55%,rgba(4,12,36,.82) 72%,rgba(4,12,36,.45) 100%),linear-gradient(0deg,rgba(4,12,36,.85) 0%,rgba(4,12,36,0) 45%)}
@media (max-width:760px){.b-hero.has-img.dim::before{background:linear-gradient(0deg,rgba(4,12,36,1) 0%,rgba(4,12,36,0) 40%)}}
/* layering: image (0) < overlay (1) < text (2) */
.b-hero.has-img .b-hero-img{z-index:0}
.b-hero.has-img::before{z-index:1}
.b-hero.has-img .wrap{z-index:2}

/* ── index: snapping pages (owner 2026-10-09). Page 1 = hero + filters + featured; then 6 cards (3×2) per page.
   Only on screens big enough to fit a page; phones and short windows scroll normally. */
.b-first .b-hero{padding:calc(var(--nav-h) + 40px) 0 40px}
.b-first .b-hero h1{max-width:none;font-size:clamp(1.9rem,3.4vw,2.7rem);margin:.6rem 0 .7rem}
.b-first .b-hero .b-dek{max-width:72ch;font-size:clamp(1rem,1.3vw,1.12rem)}
.b-first .b-sheet{padding:28px 0 24px}
.b-page:not(.b-first){background:var(--paper);padding:24px 0}
.b-page:last-child{padding-bottom:64px}
.b-dots{display:none}
@media (min-width:1000px) and (min-height:680px){
  html:has(.b-snap){scroll-snap-type:y mandatory;scroll-padding-top:0}
  .b-page{height:100vh;height:100svh;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;overflow:hidden}
  body:has(.b-snap)>footer{scroll-snap-align:end}
  /* page 1 */
  .b-first .b-hero{flex:none}
  .b-first .b-sheet{flex:1;min-height:0;display:flex}
  .b-first .b-sheet>.wrap{display:flex;flex-direction:column;min-height:0}
  .b-first .b-filter{flex:none;margin-bottom:1.1rem}
  .b-feat{flex:1;min-height:0;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr)}
  .b-grid.idx.b-feat .b-card.big.has-thumb{height:100%;min-height:0;grid-template-rows:1fr repeat(5,auto) 1fr;row-gap:.8rem}
  .b-grid.idx.b-feat .b-card.big .b-thumb{grid-row:1/-1;min-height:0;height:100%}
  .b-grid.idx.b-feat .b-card.big.has-thumb .b-tag{grid-row:2;margin-top:0}
  .b-grid.idx.b-feat .b-card.big.has-thumb h3{grid-row:3}
  .b-grid.idx.b-feat .b-card.big.has-thumb p{grid-row:4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}
  .b-grid.idx.b-feat .b-card.big.has-thumb .b-meta{grid-row:5}
  .b-grid.idx.b-feat .b-card.big.has-thumb .b-go{grid-row:6;margin-bottom:0}
  /* pages of 6 */
  .b-page:not(.b-first){padding:calc(var(--nav-h) + 22px) 0 26px}
  .b-page:not(.b-first)>.wrap{flex:1;min-height:0;display:flex}
  .b-six{flex:1;min-height:0;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:1.1rem}
  .b-six .b-card{min-height:0;gap:.5rem;padding:0 1.2rem 1.1rem}
  .b-six .b-thumb{flex:1 1 0;min-height:0;height:auto;aspect-ratio:auto;width:calc(100% + 2.4rem);margin:0 -1.2rem .35rem}
  .b-six .b-card h3{font-size:1.1rem;flex:none;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .b-six .b-card p{flex:none;font-size:.94rem;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .b-six .b-card .b-go{display:none}
  .b-six .b-card .b-meta{flex:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.8rem}
  .b-six .b-card:not(.has-thumb){padding-top:1.2rem}
  .b-six .b-card:not(.has-thumb) p{flex:1;-webkit-line-clamp:6}
  .b-page:last-child{padding-bottom:26px}
  /* page dots */
  .b-dots{display:flex;flex-direction:column;gap:.55rem;position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:40}
  .b-dots[hidden]{display:none}
  .b-dots button{width:10px;height:10px;padding:0;border-radius:999px;border:1.5px solid #6c7a9a;background:rgba(255,255,255,.7);cursor:pointer;transition:height .2s,background .2s}
  .b-dots button.on{height:24px;background:var(--teal-2);border-color:var(--teal-2)}
}
@media (min-width:1000px) and (max-width:1240px) and (min-height:680px){.b-dots{right:6px}}
@media (min-width:1000px) and (min-height:680px) and (max-height:860px){
  .b-first .b-hero{padding:calc(var(--nav-h) + 20px) 0 22px}
  .b-first .b-hero h1{font-size:clamp(1.7rem,2.8vw,2.2rem);margin:.4rem 0 .5rem}
  .b-first .b-hero .b-dek{font-size:.98rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .b-first .b-sheet{padding:18px 0 18px}
  .b-first .b-filter{margin-bottom:.8rem}
  .b-grid.idx.b-feat .b-card.big h3{font-size:clamp(1.3rem,2vw,1.6rem)}
  .b-grid.idx.b-feat .b-card.big.has-thumb{row-gap:.55rem}
  .b-grid.idx.b-feat .b-card.big.has-thumb p{font-size:1rem;-webkit-line-clamp:3}
  .b-page:not(.b-first){padding:calc(var(--nav-h) + 14px) 0 16px}
  .b-six{gap:.9rem}
  .b-six .b-card p{-webkit-line-clamp:1}
}
/* cross-cutting topic filter: aesthetics & dermatology (owner 2026-10-09) */
.b-filter button.est{border-color:#e3b9d0;color:#7a2d5a;background:#fdf3f8}
.b-filter button.est b{display:inline-block;margin-left:.3rem;padding:.12rem .45rem;border-radius:999px;background:#f3d9e7;color:#7a2d5a;font-size:.78rem;font-weight:700}
.b-filter button.est.on{background:#7a2d5a;border-color:#7a2d5a;color:#fff}
.b-filter button.est.on b{background:rgba(255,255,255,.22);color:#fff}

/* bigger tap area for footnote numbers on touch screens (2026-10-11) */
@media (pointer:coarse){.b-ref a{position:relative}.b-ref a::after{content:"";position:absolute;inset:-12px -5px}}
/* Series "Primeros pasos" (2026-10-20) */
.b-serie{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;align-items:center;justify-content:space-between;margin:1.4rem 0;padding:.9rem 1.1rem;background:#fff;border:1px solid var(--border);border-radius:16px;font-size:.98rem}
.b-serie .sp-dots{display:flex;gap:.35rem;flex-wrap:wrap}
.b-serie .sp-dots a,.b-serie .sp-dots span{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:99px;font-size:.85rem;font-weight:600;text-decoration:none;border:1px solid var(--border);color:inherit}
.b-serie .sp-dots a.on{background:#0B3A9E;border-color:#0B3A9E;color:#fff}
.b-serie .sp-dots span{opacity:.45}
.b-serie .sp-pn{display:flex;gap:.8rem}.b-serie .sp-pn a{font-weight:600}

/* same photo height in every card: reserve 2 title lines (1-line titles made the photo grow) */
.b-six .b-card h3{min-height:2.5em}

/* end-of-article call to action (owner 2026-10-25, public blogs) */
.b-cta{margin:2.2rem 0 1.4rem;padding:1.4rem 1.5rem;border-radius:18px;background:var(--ink,#040C24);color:#fff;border:1px solid rgba(255,107,125,.35)}
.b-cta h3{font-size:1.2rem;color:#fff;margin:0 0 .4rem}
.b-cta p{color:#DEE2EE;margin:0 0 1rem;line-height:1.55}
.b-cta-row{display:flex;flex-wrap:wrap;gap:.7rem}
.b-cta .btn{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.3rem;border-radius:999px;font-weight:600;font-size:.95rem;text-decoration:none}
.b-cta .b-cta-go{background:#FF6B7D;color:#040C24}
.b-cta .b-cta-ask{border:1px solid rgba(255,255,255,.55);color:#fff}
.b-cta .b-cta-ask:hover{background:rgba(255,255,255,.12)}
@media(max-width:560px){.b-cta .btn{width:100%}}
.b-cta a.b-cta-ask{background:transparent!important;box-shadow:none!important;border:1.5px solid rgba(255,255,255,.6)!important;color:#fff!important}
.b-cta a.b-cta-ask:hover{background:rgba(255,255,255,.12)!important}