/* ============================================================
   NIVELTA — shared stylesheet v3 — 2026-06-03 16:05
   Design system: redesign exemplar (answer-first ContentPage)
   Brand: azul / aqua / ice / white · Font: Sora
   Scope: content pages (archetype 14 Mi salud / 16 Ciencia),
   lean wayfinding nav, production footer.
   Production path on the live site: /assets/nivelta.css
   ============================================================ */

:root{
  --azul:#0F2A44; --azul-com:#1A3F6F;
  --aqua:#1CC7D3; --aqua-deep:#0FA8B4;
  --ice:#F4F7F8; --aqua-mist:#EAF8FA; --aqua-line:#CDEBEF;
  --line:#E2EAF0; --white:#FFFFFF;
  --texto:#243a4d; --suave:#5d7081;
  --maxw:760px; --navmaxw:1180px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Sora',-apple-system,BlinkMacSystemFont,sans-serif;color:var(--texto);background:var(--white);line-height:1.65;font-weight:300;-webkit-font-smoothing:antialiased}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}
svg.ic{width:1em;height:1em;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* ---------- Lean wayfinding nav — CSS-only hamburger (checkbox toggle, no JS) ----------
   Mobile-first: default = hamburger toggle; >=821px = inline row.
   Display-based (no details/content-visibility); links are real <a href> in source at all widths. */
.nav{border-bottom:1px solid var(--line);background:var(--white);position:sticky;top:0;z-index:50}
.nav-inner{max-width:var(--navmaxw);margin:0 auto;padding:0 22px;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.nav .brand{display:flex;align-items:center;gap:9px;text-decoration:none}
.nav .brand img{width:44px;height:44px;object-fit:contain}
.nav .brand-name{font-weight:700;letter-spacing:.4px;color:var(--azul);font-size:21px}

.nav-toggle{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0 0 0 0);margin:0}
.menu-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;cursor:pointer;color:var(--azul);-webkit-tap-highlight-color:transparent;flex:none}
.menu-btn:hover{background:var(--aqua-mist);color:var(--aqua-deep)}
.nav-toggle:focus-visible ~ .menu-btn{outline:2px solid var(--aqua-deep);outline-offset:2px}
.menu-btn svg.ic{width:26px;height:26px}
.menu-btn .ic-close{display:none}
.nav-toggle:checked ~ .menu-btn .ic-open{display:none}
.nav-toggle:checked ~ .menu-btn .ic-close{display:inline}
.nav-links{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:2px;background:var(--white);border-bottom:1px solid var(--line);box-shadow:0 18px 30px -22px rgba(15,42,68,.45);padding:8px 14px 14px}
.nav-toggle:checked ~ .nav-links{display:flex}
.nav-links a{font-size:16px;font-weight:400;text-decoration:none;color:var(--azul);padding:14px 12px;border-radius:10px;transition:.16s}
.nav-links a:hover{background:var(--aqua-mist);color:var(--aqua-deep)}
.nav-links a[aria-current="page"]{color:var(--aqua-deep);font-weight:500;background:var(--aqua-mist)}
.nav-links a .badge{display:inline-block;margin-left:6px;font-size:10px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--aqua-deep);background:var(--aqua-mist);border:1px solid var(--aqua-line);border-radius:999px;padding:2px 7px;vertical-align:middle}

@media (min-width:821px){
  .nav-inner{min-height:64px}
  .menu-btn{display:none}
  .nav-links{display:flex;position:static;flex-direction:row;align-items:center;gap:4px;background:none;border:0;box-shadow:none;padding:0}
  .nav-links a{font-size:15px;padding:9px 13px;border-radius:9px}
  .nav-links a[aria-current="page"]{background:none}
}

.crumb{font-size:13px;color:var(--suave);font-weight:400;padding:20px 0 0}
.crumb a{color:var(--suave);text-decoration:none}.crumb a:hover{color:var(--aqua-deep)}
.crumb b{color:var(--azul);font-weight:500}

header.page{padding:14px 0 6px}
.kicker{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:var(--aqua-deep);margin-bottom:14px}
.kicker svg.ic{width:15px;height:15px}
h1{font-size:clamp(30px,5.4vw,44px);font-weight:600;line-height:1.12;letter-spacing:-.5px;color:var(--azul);max-width:18ch}
.byline{display:flex;align-items:center;gap:7px;margin:12px 0 0;font-size:13.5px;font-weight:400;color:var(--suave)}
.byline svg.ic{width:15px;height:15px;color:var(--aqua-deep)}
.byline a{color:var(--aqua-deep);text-decoration:none;border-bottom:1px solid var(--aqua-line)}
.byline time{color:var(--texto)}

.respuesta{margin:28px 0 8px;background:linear-gradient(180deg,var(--aqua-mist),var(--white));border:1px solid var(--aqua-line);border-left:5px solid var(--aqua);border-radius:16px;padding:22px 24px;box-shadow:0 14px 34px -26px rgba(15,42,68,.5)}
.respuesta h2{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--aqua-deep);margin-bottom:9px}
.respuesta h2 svg.ic{width:17px;height:17px}
.respuesta p{font-size:18px;font-weight:400;line-height:1.6;color:var(--azul)}

nav.jump{margin:26px 0 6px;display:flex;flex-wrap:wrap;gap:9px}
nav.jump span{display:block;width:100%;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--suave);font-weight:600;margin-bottom:3px}
nav.jump a{font-size:14px;font-weight:400;text-decoration:none;color:var(--azul);background:var(--ice);border:1px solid var(--line);border-radius:999px;padding:7px 15px;transition:.18s}
nav.jump a:hover{background:var(--aqua);border-color:var(--aqua);color:#fff}

section{padding:34px 0;border-top:1px solid var(--line)}
section:first-of-type{border-top:none}
h2.sec{display:flex;align-items:center;gap:12px;font-size:clamp(22px,3.6vw,28px);font-weight:600;color:var(--azul);letter-spacing:-.3px;margin-bottom:14px;line-height:1.2}
h2.sec .ico{width:42px;height:42px;border-radius:12px;background:var(--aqua-mist);color:var(--aqua-deep);display:flex;align-items:center;justify-content:center;flex:none}
h2.sec .ico svg.ic{width:26px;height:26px}
h3{font-size:18px;font-weight:600;color:var(--azul);margin:22px 0 8px}
p{margin:0 0 14px;font-size:17px;color:var(--texto)}
p.lead{font-size:17.5px;color:var(--azul);font-weight:400}
strong{font-weight:600;color:var(--azul)}
a.inb{color:var(--aqua-deep);text-decoration:none;border-bottom:1px solid var(--aqua-line)}
a.inb:hover{border-color:var(--aqua-deep)}
sup a{color:var(--aqua-deep);text-decoration:none;font-size:.7em;font-weight:600;padding:0 1px}

ul.check{list-style:none;margin:6px 0 14px}
ul.check li{position:relative;padding-left:36px;margin-bottom:13px;font-size:17px}
ul.check li svg.ic{position:absolute;left:0;top:3px;width:22px;height:22px;color:var(--aqua-deep)}
ul.plain{list-style:none;margin:6px 0 14px}
ul.plain li{position:relative;padding-left:22px;margin-bottom:11px;font-size:17px}
ul.plain li::before{content:"";position:absolute;left:2px;top:11px;width:7px;height:7px;border-radius:50%;background:var(--aqua-deep)}

.figura{background:var(--ice);border:1px solid var(--line);border-radius:16px;padding:26px 22px 20px;margin:22px 0}
.figura figcaption{font-size:13.5px;color:var(--suave);text-align:center;margin-top:14px;font-weight:400}

.aviso{display:flex;gap:14px;background:var(--aqua-mist);border:1px solid var(--aqua-line);border-radius:14px;padding:20px 22px;margin:8px 0}
.aviso.alta{background:#FFF6F1;border-color:#F3D6C5}
.aviso.alta .ai{color:#C25A2B}
.aviso .ai{color:var(--aqua-deep);flex:none}.aviso .ai svg.ic{width:26px;height:26px}
.aviso h3{margin:0 0 4px;color:var(--azul)}
.aviso p{margin-bottom:0;color:var(--texto)}
.aviso ul{margin:8px 0 0}

.faq details{border-bottom:1px solid var(--line);padding:4px 0}
.faq summary{cursor:pointer;list-style:none;padding:16px 38px 16px 2px;font-size:17.5px;font-weight:500;color:var(--azul);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:6px;top:13px;font-size:24px;font-weight:300;color:var(--aqua-deep);transition:.2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq .ans{padding:0 2px 18px;font-size:16.5px;color:var(--texto)}

.seguir{background:var(--azul);border-radius:18px;padding:30px 28px;margin:14px 0 0;color:#E9F1F6}
.seguir h2{display:flex;align-items:center;gap:10px;color:#fff;font-size:21px;font-weight:600;margin-bottom:6px}
.seguir h2 svg.ic{width:22px;height:22px;color:var(--aqua)}
.seguir>p{color:#AFC4D4;font-size:15.5px;margin-bottom:18px}
.seguir a{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:16px 18px;text-decoration:none;color:#fff;font-weight:500;margin-bottom:10px;transition:.18s}
.seguir a:hover{background:rgba(28,199,211,.16);border-color:var(--aqua)}
.seguir a .li{color:var(--aqua);flex:none}.seguir a .li svg.ic{width:24px;height:24px}
.seguir a .tx{flex:1}.seguir a .tx small{display:block;font-weight:300;color:#AFC4D4;font-size:13px;margin-top:2px}
.seguir a .arr{color:var(--aqua);font-size:20px}

/* ---------- editorial provenance (.proc) — full block ---------- */
.proc{margin:34px 0 0;padding:26px;border:1px solid var(--line);border-radius:16px;background:var(--ice)}
.proc .proc-eyebrow{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--aqua-deep);font-weight:600;margin-bottom:16px}
.proc .proc-top{display:flex;align-items:center;gap:16px}
.proc .av{width:58px;height:58px;border-radius:50%;background:var(--white);border:1px solid var(--aqua-line);flex:none;display:flex;align-items:center;justify-content:center;color:var(--aqua-deep);font-weight:700;font-size:17px;overflow:hidden}
.proc .av img{width:100%;height:100%;object-fit:cover}
.proc .ident{flex:1;min-width:0}
.proc .ident .lbl{font-size:12.5px;color:var(--suave);font-weight:400}
.proc .ident .nm{font-size:17px;font-weight:600;color:var(--azul);line-height:1.25}
.proc .ident .rl{font-size:13.5px;color:var(--suave);font-weight:400}
.proc .medallion{width:54px;height:54px;flex:none;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.proc .medallion img{width:100%;height:100%;object-fit:contain}
.proc .creds{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.proc .creds-lbl{font-size:12px;letter-spacing:.5px;text-transform:uppercase;color:var(--suave);font-weight:600;margin-bottom:10px}
.proc .creds ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:9px 22px}
.proc .creds li{display:flex;gap:8px;font-size:13px;color:var(--texto);font-weight:400;line-height:1.45}
.proc .creds .flag{flex:none}
.proc .creds .num{font-weight:600;color:var(--azul)}
.proc .creds .vf{color:var(--aqua-deep);text-decoration:none;border-bottom:1px solid var(--aqua-line);white-space:nowrap}
.proc .pmeta{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-size:13px;color:var(--suave);font-weight:400;line-height:1.6}
.proc .pmeta .row{margin-bottom:4px}
.proc .pmeta b{color:var(--azul);font-weight:600}
.proc .pmeta a{color:var(--aqua-deep);text-decoration:none;border-bottom:1px solid var(--aqua-line)}
@media (max-width:640px){
  .proc .creds ul{grid-template-columns:1fr}
}

.acred{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:16px 0 0;padding:16px 20px;border:1px solid var(--line);border-radius:14px;background:var(--white)}
.acred span{font-size:12px;letter-spacing:.5px;color:var(--suave);font-weight:500}
.acred .mark{font-size:13px;font-weight:600;color:var(--azul);border:1px solid var(--aqua-line);border-radius:8px;padding:6px 12px;background:var(--aqua-mist)}

.fuentes{padding:28px 0 18px}
.fuentes h2{font-size:14px;letter-spacing:1px;text-transform:uppercase;color:var(--suave);font-weight:600;margin-bottom:12px}
.fuentes ol{margin-left:18px;color:var(--suave);font-size:13.5px;font-weight:400}.fuentes li{margin-bottom:7px}
.fuentes a{color:var(--aqua-deep);text-decoration:none}

/* progressive disclosure */
.vermas{margin:6px 0 14px;border:1px solid var(--aqua-line);border-radius:12px;background:var(--aqua-mist);overflow:hidden}
.vermas summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:9px;padding:13px 16px;font-size:15px;font-weight:500;color:var(--aqua-deep)}
.vermas summary::-webkit-details-marker{display:none}
.vermas summary svg.ic{width:17px;height:17px;transition:.2s}
.vermas[open] summary svg.ic{transform:rotate(180deg)}
.vermas .body{padding:0 16px 16px;font-size:15.5px;color:var(--texto)}
.vermas .body p{font-size:15.5px;margin-bottom:0}

/* guías relacionadas */
.relac{padding:34px 0;border-top:1px solid var(--line)}
.relac h2{font-size:14px;letter-spacing:1px;text-transform:uppercase;color:var(--suave);font-weight:600;margin-bottom:14px}
.relac .grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.relac a{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px;padding:16px;text-decoration:none;color:var(--azul);background:var(--white);transition:.18s}
.relac a:hover{border-color:var(--aqua);box-shadow:0 12px 28px -22px rgba(15,42,68,.5)}
.relac a .ic2{width:38px;height:38px;border-radius:10px;background:var(--aqua-mist);color:var(--aqua-deep);display:flex;align-items:center;justify-content:center;flex:none}
.relac a .ic2 svg.ic{width:24px;height:24px}
.relac a b{font-weight:600;font-size:15.5px}
.relac a small{display:block;color:var(--suave);font-weight:300;font-size:13px;margin-top:2px}

/* ---------- production footer ---------- */
footer.site{background:var(--azul);color:#AFC4D4;padding:40px 0 26px;font-size:13px;font-weight:300;margin-top:46px}
footer.site .fwrap{max-width:var(--navmaxw);margin:0 auto;padding:0 22px}
footer.site .ftop{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
footer.site .fbrand .brand{display:flex;align-items:center;gap:9px;margin-bottom:10px}
footer.site .fbrand .brand img{width:26px;height:26px;object-fit:contain}
footer.site .fbrand .brand-name{font-weight:700;color:#fff;font-size:17px;letter-spacing:.4px}
footer.site .ftag{color:#AFC4D4;font-size:13px;max-width:34ch;margin-bottom:14px}
footer.site .ftrust{list-style:none;font-size:12.5px;line-height:1.9}
footer.site .ftrust li{display:flex;align-items:center;gap:6px}
footer.site .fcol-title{color:#fff;font-weight:600;font-size:13px;margin-bottom:10px}
footer.site .fcol ul{list-style:none}
footer.site .fcol li{margin-bottom:7px}
footer.site a{color:#AFC4D4;text-decoration:none}
footer.site a:hover{color:var(--aqua)}
footer.site .fbot{margin-top:30px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12px;color:#8ea6b8}
@media (max-width:760px){
  footer.site .ftop{grid-template-columns:1fr 1fr}
  footer.site .fbrand{grid-column:1 / -1}
}

@media (max-width:640px){
  p,ul.check li,ul.plain li{font-size:16px}
  .respuesta p{font-size:16.5px}
  h2.sec .ico{width:36px;height:36px}
  .relac .grid{grid-template-columns:1fr}
  .proc{flex-direction:column}
}

/* ============================================================
   v4 additions — hub landing / sub-hub card-grid template
   (promoted from the /salud landing inline block, 2026-06-04)
   ============================================================ */
.lead-hub{font-size:18px;color:var(--azul);font-weight:400;line-height:1.6;margin:14px 0 4px;max-width:60ch}
.clusters{margin-top:14px}
.cluster{padding:28px 0;border-top:1px solid var(--line)}
.cluster:first-child{border-top:none;padding-top:12px}
.cluster-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:14px}
.cluster-head h2{font-size:clamp(19px,3vw,23px);font-weight:600;color:var(--azul);letter-spacing:-.2px;line-height:1.2}
.cluster-head .ver{font-size:14px;font-weight:500;color:var(--aqua-deep);text-decoration:none;white-space:nowrap;border-bottom:1px solid var(--aqua-line);flex:none}
.cluster-head .ver:hover{border-color:var(--aqua-deep)}
.cluster .grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cluster a.card{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px;padding:16px;text-decoration:none;color:var(--azul);background:var(--white);transition:.18s}
.cluster a.card:hover{border-color:var(--aqua);box-shadow:0 12px 28px -22px rgba(15,42,68,.5)}
.cluster a.card .ic2{width:52px;height:52px;border-radius:13px;background:var(--aqua-mist);color:var(--aqua-deep);display:flex;align-items:center;justify-content:center;flex:none}
.cluster a.card .ic2 svg.ic{width:32px;height:32px}
.cluster a.card .tx{min-width:0}
.cluster a.card b{font-weight:600;font-size:15.5px;display:block}
.cluster a.card small{display:block;color:var(--suave);font-weight:300;font-size:13px;margin-top:2px}
.cierre{padding:34px 0 8px;border-top:1px solid var(--line);margin-top:8px}
.cierre p{font-size:16.5px;color:var(--texto)}
.cierre a.inb{color:var(--aqua-deep);text-decoration:none;border-bottom:1px solid var(--aqua-line)}
.cierre a.inb:hover{border-color:var(--aqua-deep)}
@media (max-width:640px){.cluster .grid{grid-template-columns:1fr}}

/* ============================================================
   v5 (2026-06-04 19:14): promoted data-table styling from the
   old cuanto-peso inline exemplar into the shared sheet, so
   evidence leaves (cuanto-peso, dosis, efectos, beneficios)
   share one table treatment. Superset of v4; nothing removed.
   ============================================================ */
.table-wrap{overflow-x:auto;margin:16px 0;-webkit-overflow-scrolling:touch}
table.datos{width:100%;border-collapse:collapse;font-size:15.5px;min-width:420px}
table.datos caption{text-align:left;font-size:13px;color:var(--suave);margin-bottom:8px}
table.datos th,table.datos td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line)}
table.datos thead th{background:var(--azul);color:#fff;font-weight:500;border:none}
table.datos thead th:first-child{border-radius:8px 0 0 0}
table.datos thead th:last-child{border-radius:0 8px 0 0}
table.datos tbody tr:nth-child(even){background:var(--ice)}
table.datos td:last-child{color:var(--azul);font-weight:600}
@media (max-width:640px){table.datos{font-size:14.5px}}

/* ============================================================
   v7 (2026-06-05): hub skins + magazine layout.
   ciencia = colourful journal (navy masthead band, crisp white
   cards with navy chip + left rule on a soft grey ground).
   salud = magazine (aqua cover band with illustration, a lead-
   story feature card, ice department panels, white lifted cards
   with solid aqua chips). Scoped to .skin-*/body.hub so article
   pages are untouched.
   ============================================================ */

/* Page grounds: ciencia keeps the soft grey ground; salud goes white
   so its ice department panels read as distinct zones. */
body.skin-ciencia{background:var(--ice)}
body.skin-salud{background:var(--white)}
.skin-ciencia .proc{background:var(--white)}

/* Wider hub measure so the card grid breathes (article pages stay narrow) */
body.hub .wrap{max-width:1040px}

/* ---- cover / masthead band (shared layout) ---- */
.cover{display:flex;align-items:center;gap:28px;border-radius:22px;padding:34px 36px;margin:16px 0 8px}
.cover .cover-tx{flex:1;min-width:0}
.cover .cover-tx h1{max-width:18ch}
.cover .cover-tx .lead-hub{margin-bottom:0}
.cover .cover-art{flex:none;width:230px;max-width:36%}
.cover .cover-art img{width:100%;height:auto;display:block}
@media (max-width:720px){
  .cover{flex-direction:column;align-items:flex-start;gap:18px;padding:26px 22px}
  .cover .cover-art{width:170px;align-self:center}
}

/* --- Nuestra ciencia: colourful journal --- */
.skin-ciencia .cover{background:var(--azul)}
.skin-ciencia .cover h1{color:#fff}
.skin-ciencia .cover .byline{color:#AFC4D4}
.skin-ciencia .cover .byline svg.ic{color:var(--aqua)}
.skin-ciencia .cover .byline a{color:#fff;border-bottom-color:rgba(255,255,255,.4)}
.skin-ciencia .cover .byline time{color:#fff}
.skin-ciencia .cover .lead-hub{color:#DCE7EF}
.skin-ciencia .cluster a.card{background:var(--white);border-color:var(--line);border-left:4px solid var(--azul);box-shadow:0 8px 22px -20px rgba(15,42,68,.4)}
.skin-ciencia .cluster a.card .ic2{background:var(--azul);color:var(--aqua)}
.skin-ciencia .cluster a.card:hover{border-color:var(--azul-com);border-left-color:var(--azul-com);box-shadow:0 14px 30px -22px rgba(15,42,68,.55)}

/* --- Mi salud: magazine --- */
.skin-salud .cover{background:var(--aqua-mist)}
.skin-salud .cover h1{color:var(--azul)}
.skin-salud .cover .lead-hub{color:var(--azul)}
.skin-salud .clusters{margin-top:18px}
.skin-salud .cluster{background:var(--ice);border:none;border-radius:20px;padding:26px 26px 28px;margin-bottom:20px}
.skin-salud .cluster:first-child{padding-top:26px}
.skin-salud .cluster a.card{padding:18px;background:var(--white);box-shadow:0 10px 30px -24px rgba(15,42,68,.45)}
.skin-salud .cluster a.card .ic2{background:var(--aqua);color:#fff}
.skin-salud .cluster a.card:hover{border-color:var(--aqua);box-shadow:0 16px 34px -22px rgba(15,42,68,.5)}

/* lead-story feature card (first guide), spans the row, illustration-led */
.skin-salud .cluster a.card.feature{grid-column:1 / -1;gap:24px;padding:22px 26px;align-items:center}
.skin-salud .cluster a.card.feature .feat-art{flex:none;width:148px}
.skin-salud .cluster a.card.feature .feat-art img{width:100%;height:auto;display:block}
.skin-salud .cluster a.card.feature b{font-size:20px}
.skin-salud .cluster a.card.feature small{font-size:14.5px;margin-top:4px}
@media (max-width:640px){
  .skin-salud .cluster a.card.feature{flex-direction:column;align-items:flex-start}
  .skin-salud .cluster a.card.feature .feat-art{width:120px}
}