:root{
  /* Identidad Nutréate */
  --verde:#8BC48A;--verde-dark:#2A5C3F;--coral:#D95F45;--rosa:#FAF0EE;--gris:#F7F6F3;
  --fondo:#FFFFFF;--papel:#FFFFFF;--tinta:#1E1E1E;--tinta2:#666666;--tinta3:#3F4742;
  --linea:#E5E3DE;--linea2:#D4D1CA;--vacio:#EFEEE9;
  --enlace:#2A5C3F;--enlace2:#D95F45;
  /* Escala de evidencia: semántica conservada, colores adaptados a marca */
  --azul-osc:#2A5C3F;--azul-med:#8BC48A;--azul-cla:#DDEBDD;--info:#EEF4EE;--info-t:#2A5C3F;
  --ambar:#F6D9A6;--ambar-t:#6B4200;--ambar-barra:#D39A3A;
  --gris-barra:#8A9592;
  --alerta:#FAF0EE;--alerta-t:#9B3F2D;
  --display:"Lora",Georgia,"Times New Roman",serif;
  --texto:"DM Sans","Segoe UI",Arial,sans-serif;
  --ancho:42rem;--ancho-sitio:72rem;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fondo);color:var(--tinta);font-family:var(--texto);font-size:1.0625rem;line-height:1.55}
a{color:var(--enlace);text-underline-offset:.15em}
a:hover{color:var(--enlace2)}
:focus-visible{outline:3px solid var(--coral);outline-offset:2px;border-radius:2px}
img{max-width:100%}
h1,h2,h3{font-family:var(--display);line-height:1.1;margin:0}
h1{font-weight:700;font-size:clamp(2rem,6vw,2.75rem);letter-spacing:-.02em}
h2{font-weight:700;font-size:1.375rem;color:var(--verde-dark);line-height:1.2}
h3{font-weight:700;font-size:1.125rem;color:var(--verde-dark);line-height:1.25}
p{margin:0}
ul,ol{margin:0;padding:0}

.saltar{position:absolute;left:-9999px;top:0;background:var(--tinta);color:#fff;padding:.5rem 1rem;z-index:10}
.saltar:focus{left:.5rem;top:.5rem;color:#fff}

.cab{border-bottom:1px solid var(--linea);background:var(--papel)}
.cab-in{max-width:var(--ancho-sitio);margin:0 auto;padding:.75rem 1.25rem;display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap}
.marca{font-size:.9375rem;color:var(--verde-dark);text-decoration:none;font-weight:700}
.marca::after{content:"/";margin-left:.75rem;color:var(--linea2)}
.seccion{font-family:var(--display);font-weight:700;font-size:1.3rem;color:var(--verde-dark);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}

.borrador{max-width:var(--ancho);margin:.75rem auto 0;padding:.5rem 1.25rem;background:var(--ambar);color:var(--ambar-t);font-weight:700;font-size:.9375rem}

main{max-width:var(--ancho);margin:0 auto;padding:1.5rem 1.25rem 3rem;display:flex;flex-direction:column;gap:2.25rem}
main section{display:flex;flex-direction:column;gap:.75rem}
main h1{margin-top:-1rem}

.migas ol{list-style:none;display:flex;flex-wrap:wrap;gap:.25rem;font-size:.9375rem;color:var(--tinta2)}
.migas li+li::before{content:"›";margin-right:.35rem;color:var(--linea2)}
.migas a{color:var(--tinta2)}

.intro{font-size:1.125rem;color:var(--tinta2);max-width:38rem}
.lead{font-size:1.125rem}
.nota,.peq{font-size:.9375rem;color:var(--tinta2)}
.enlace-fuerte{font-weight:700;display:inline-flex;align-items:center;min-height:44px}
.ref{font-size:.75rem;font-weight:700;text-decoration:none;vertical-align:super;line-height:0;margin-left:1px}
mark.pendiente{background:var(--ambar);color:var(--ambar-t);padding:0 .2em;border-radius:3px}

.indice{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem}
.indice a{font-weight:700;min-height:44px;display:inline-flex;align-items:center}

/* listas */
.lista{list-style:none;display:flex;flex-direction:column;gap:.6rem}
.lista li{padding-left:1.1rem;position:relative}
.lista li::before{content:"";position:absolute;left:0;top:.62em;width:.4rem;height:.4rem;border-radius:50%;background:var(--tinta2)}
.pros{display:grid;gap:1.5rem}
.pros>div{display:flex;flex-direction:column;gap:.75rem}
@media (min-width:40rem){.pros{grid-template-columns:1fr 1fr}}

/* chips de veredicto */
.chip{display:inline-flex;align-items:center;flex-shrink:0;padding:.15rem .6rem;border-radius:999px;font-size:.875rem;font-weight:700;line-height:1.3;white-space:nowrap}
.c-fuerte{background:var(--azul-osc);color:#fff}
.c-moderada{background:var(--azul-cla);color:var(--azul-osc)}
.c-debil{background:var(--ambar);color:var(--ambar-t)}
.c-nula{background:var(--vacio);color:var(--tinta3)}
.c-sin_datos{background:var(--papel);color:var(--tinta3);box-shadow:inset 0 0 0 1px var(--linea2)}

/* tarjeta de veredicto */
.veredicto{background:var(--papel);border:1px solid var(--linea);border-radius:10px;padding:1.25rem;gap:1rem!important}
.ver-t{font-family:var(--display);font-weight:800;font-size:2rem;line-height:1.05;color:var(--tinta3)}
.v-fuerte .ver-t,.v-moderada .ver-t{color:var(--azul-osc)}
.v-debil .ver-t{color:var(--ambar-t)}
.v-calidad .ver-t{color:var(--alerta-t)}
.escala{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
.paso{display:flex;flex-direction:column;gap:6px;font-size:.8125rem;color:var(--tinta2);text-align:center}
.barra{height:14px;border-radius:3px;background:var(--vacio);position:relative}
.paso.on{font-weight:700;color:var(--tinta)}
.paso.on .barra::before{content:"";position:absolute;left:50%;top:-12px;transform:translateX(-50%);border:7px solid transparent;border-top:9px solid var(--tinta);border-bottom:0}
.p-nula.on .barra{background:var(--gris-barra)}
.p-debil.on .barra{background:var(--ambar-barra)}
.p-moderada.on .barra{background:var(--azul-med)}
.p-fuerte.on .barra{background:var(--enlace)}
.escala{margin-top:.5rem}
.ver-def,.ver-base{font-size:.9375rem;color:var(--tinta2)}

/* grupos */
.grupos{list-style:none;display:flex;flex-direction:column;border-top:1px solid var(--linea2)}
.grupos li{display:flex;flex-direction:column;gap:.25rem;padding:.75rem 0;border-bottom:1px solid var(--linea)}
.g-cab{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}
.g-nom{font-weight:700}
.g-txt{font-size:.9375rem;color:var(--tinta2)}

/* tablas dl */
.tabla{margin:0;display:flex;flex-direction:column;border-top:1px solid var(--linea2)}
.tabla .fila{display:grid;grid-template-columns:minmax(0,1fr);gap:.2rem;padding:.7rem 0;border-bottom:1px solid var(--linea)}
.tabla dt{font-weight:700;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.tabla dd{margin:0;color:var(--tinta2)}
@media (min-width:40rem){.tabla .fila{grid-template-columns:14rem minmax(0,1fr);gap:1rem}}
.tipo{font-weight:400;font-size:.8125rem;padding:.05rem .45rem;border:1px solid var(--linea2);border-radius:4px;color:var(--tinta2)}

/* avisos */
.alerta{background:var(--alerta);color:var(--tinta);border-radius:10px;padding:1rem 1.25rem;gap:.4rem!important}
.alerta-t{font-weight:700;font-size:1.125rem;color:var(--alerta-t)}
.info{background:var(--info);border-radius:10px;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.5rem}
.info-t{font-weight:700;color:var(--azul-osc)}
.limite{font-size:.9375rem;padding:.75rem 1rem;border:1px solid var(--linea2);border-radius:10px;background:var(--papel)}
.medico-mini{padding:.75rem 1rem;border-radius:10px;background:var(--papel);border:1px solid var(--linea)}

/* llamadas */
.cta{background:var(--verde-dark);color:#fff;border-radius:10px;padding:1.25rem;gap:.6rem!important}
.cta a{color:#fff}
.cta-t{font-family:var(--display);font-weight:800;font-size:1.375rem;line-height:1.15}
.cta p{color:rgba(255,255,255,.82)}
.cta .peq{color:rgba(255,255,255,.72)}
.botones{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.25rem}
.boton{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 1.1rem;border-radius:8px;font-weight:700;text-decoration:none;background:var(--papel);color:var(--tinta)!important;border:2px solid var(--papel)}
.boton+.boton{background:transparent;color:#fff!important}
main>.botones .boton{background:var(--verde-dark);color:#fff!important;border-color:var(--verde-dark)}
main>.botones .boton+.boton{background:transparent;color:var(--verde-dark)!important;border-color:var(--verde-dark)}
.cta-medico{background:var(--papel);color:var(--tinta);border:2px solid var(--tinta)}
.cta-medico a{color:var(--enlace)}
.cta-medico p{color:var(--tinta)}

/* listas de usos, situaciones y suplementos */
.usos,.sits,.sups,.rel{list-style:none;display:flex;flex-direction:column;border-top:1px solid var(--linea2)}
.usos li,.sits li,.sups li,.rel li{border-bottom:1px solid var(--linea)}
.uso-enl,.sit,.sup{display:flex;flex-direction:column;gap:.25rem;padding:.8rem 0;text-decoration:none;color:var(--tinta)}
.uso-enl:hover .uso-nom,.sit:hover .sit-t,.sup:hover .sup-n{text-decoration:underline}
.uso-cab{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}
.uso-nom{font-weight:700;font-size:1.0625rem}
.uso-res,.sit-s,.sup-u{font-size:.9375rem;color:var(--tinta2)}
.usos li{display:flex;flex-direction:column}
.usos li>.ref{align-self:flex-start;margin:-.5rem 0 .6rem}
.sit-t{font-family:var(--display);font-weight:700;font-size:1.25rem;line-height:1.2}
.sup-n{font-weight:700;font-size:1.125rem}
.rel li{display:flex;justify-content:space-between;align-items:center;gap:.75rem;min-height:48px}
.relacionados{gap:1rem!important}
.uso-inline{padding-top:1.5rem;border-top:3px solid var(--verde-dark)}
.uso-inline h3{margin-top:.5rem}
.uso-ver{display:flex;align-items:center;gap:.5rem;font-weight:700;color:var(--tinta2)}
.uso-ver .chip{display:none}

.hero{gap:1rem!important}
.buscar{display:flex;flex-direction:column;gap:.4rem}
.buscar label{font-weight:700;font-size:.9375rem}
.buscar input{height:52px;padding:0 1rem;border:2px solid var(--verde-dark);border-radius:10px;font:inherit;background:var(--papel);color:var(--tinta)}

.fuentes ol{padding-left:1.4rem;display:flex;flex-direction:column;gap:.6rem;font-size:.9375rem;color:var(--tinta2)}
.fuentes li{overflow-wrap:anywhere}
.fuentes li:target{background:var(--ambar);color:var(--tinta)}
.revision{font-size:.9375rem;color:var(--tinta2);border-top:1px solid var(--linea);padding-top:1rem}

.pie{border-top:1px solid var(--linea);background:var(--gris)}
.pie-in{max-width:var(--ancho-sitio);margin:0 auto;padding:1.5rem 1.25rem 2rem;display:flex;flex-direction:column;gap:.5rem;font-size:.9375rem;color:var(--tinta2)}
.pie nav{display:flex;flex-wrap:wrap;gap:0 1.25rem}
.pie nav a{font-weight:700;min-height:44px;display:inline-flex;align-items:center}

/* alimentos */
.alim{list-style:none;display:flex;flex-direction:column;border-top:1px solid var(--linea2)}
.alim li{display:flex;flex-direction:column;gap:.3rem;padding:.8rem 0;border-bottom:1px solid var(--linea)}
.al-cab{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem}
.al-nom{font-weight:700}
.al-cant{font-weight:700;color:var(--verde-dark);white-space:nowrap}
.al-barra{display:block;height:8px;border-radius:4px;background:var(--vacio);overflow:hidden}
.al-barra>span{display:block;height:100%;background:var(--verde)}
.al-det{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;font-size:.9375rem;color:var(--tinta2)}

/* estructura de página: móvil en una columna */
.pag-texto,.pag-lat{display:contents}
.pag-cab{display:flex;flex-direction:column;gap:1.25rem;order:-2}
.pag-cab h1{margin-top:0}
.pag-lat .indice{order:-1}
.pag-lat .cta{order:1}
.pag .fuentes,.pag .revision{order:2}

@media (min-width:48rem){
  .sits,.sups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2rem}
}
@media (min-width:64rem){
  main{max-width:var(--ancho-sitio);padding:2.5rem 1.25rem 4rem}
  h1{font-size:3rem}
  .sits,.sups{grid-template-columns:repeat(3,minmax(0,1fr))}
  .buscar{max-width:32rem}
  main.pag{display:grid;grid-template-columns:minmax(0,46rem);column-gap:4rem;row-gap:2.25rem;align-items:start}
  main.con-lat{grid-template-columns:minmax(0,46rem) minmax(16rem,20rem)}
  .pag-cab{grid-column:1/-1}
  .pag-texto{display:flex;flex-direction:column;gap:2.25rem;min-width:0}
  .pag-lat{display:flex;flex-direction:column;gap:1.5rem;position:sticky;top:1.5rem}
  .pag-lat .indice{flex-direction:column;flex-wrap:nowrap;gap:0;border-left:3px solid var(--azul-cla);padding-left:1rem}
  .pag-lat .indice a{min-height:40px}
  .pag-lat .cta .botones{flex-direction:column}
}

[hidden]{display:none!important}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media print{.cab,.pie,.cta,.buscar{display:none}body{background:#fff}}