/* editorial.css — bloques editoriales de las páginas de categoría.
   Sistema del sitio: Cormorant Garamond + Montserrat, oliva + terracotta.
   Creado 21-ago-2026. Usado por women/*.html, uniforms.html, scrubs.html. */
/* Bloques editoriales de categoría. Sistema del sitio: Cormorant + Inter, oliva + terracotta. */
.ed { --ed-rule: rgba(26,26,26,.14); }
.ed-wrap { max-width: 1180px; margin: 0 auto; padding: 0 32px; }
.ed-section { padding: 128px 0; }
.ed-section--tint { background: var(--cream-warm); }
.ed-section--deep { background: var(--green-dark); }
.ed-lede { font-family: var(--font-body); font-weight: 300; font-size: 1.05rem; line-height: 1.85; color: var(--gray-700); max-width: 60ch; }
.ed-lede strong { font-weight: 500; color: var(--black); }
.ed-h { font-family: var(--font-display); font-weight: 300; font-size: clamp(2rem, 3.6vw, 3.4rem); line-height: 1.08; letter-spacing: -0.015em; color: var(--green-dark); }
.ed-h--light { color: var(--cream); }
.ed-eyebrow { font-family: var(--font-body); font-size: 0.68rem; font-weight: 500; letter-spacing: 0.28em; text-transform: uppercase; color: var(--terracotta); }
/* Cifras protagonistas: reemplazan la tabla de specs */
.ed-figures { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin-top: 72px; }
.ed-fig { padding: 0 32px; border-left: 1px solid var(--ed-rule); }
.ed-fig:first-child { padding-left: 0; border-left: 0; }
.ed-fig-n { font-family: var(--font-display); font-weight: 300; font-size: clamp(2.8rem, 5.4vw, 4.6rem); line-height: 1; letter-spacing: -0.03em; color: var(--green); display: block; }
.ed-fig-u { font-family: var(--font-body); font-size: 0.72rem; font-weight: 500; letter-spacing: 0.2em; text-transform: uppercase; color: var(--gray-500); display: block; margin-top: 18px; }
.ed-fig-b { font-family: var(--font-body); font-size: 0.9rem; font-weight: 300; line-height: 1.75; color: var(--gray-700); margin-top: 10px; }
/* Rejilla asimétrica 5/7 */
.ed-split { display: grid; grid-template-columns: 5fr 7fr; gap: 88px; align-items: start; }
.ed-split--tight { gap: 64px; }
.ed-pairs { display: grid; grid-template-columns: repeat(2, 1fr); gap: 44px 56px; }
.ed-pair-k { font-family: var(--font-body); font-size: 0.68rem; font-weight: 500; letter-spacing: 0.2em; text-transform: uppercase; color: var(--green); }
.ed-pair-v { font-family: var(--font-body); font-size: 0.95rem; font-weight: 300; line-height: 1.75; color: var(--gray-700); margin-top: 10px; }
.ed-price { font-family: var(--font-display); font-weight: 300; font-size: clamp(2.4rem, 4vw, 3.6rem); line-height: 1; letter-spacing: -0.02em; color: var(--green-dark); }
.ed-price small { display: block; font-family: var(--font-body); font-size: 0.72rem; font-weight: 500; letter-spacing: 0.2em; text-transform: uppercase; color: var(--gray-500); margin-top: 14px; }
.ed-credit { display: grid; grid-template-columns: repeat(2, 1fr); gap: 56px; margin-top: 56px; }
.ed-credit-n { font-family: var(--font-display); font-weight: 300; font-size: clamp(3.2rem, 6vw, 5.2rem); line-height: 1; color: var(--cream); letter-spacing: -0.03em; }
.ed-credit-l { font-family: var(--font-body); font-size: 0.8rem; font-weight: 300; line-height: 1.7; color: rgba(250,248,245,.72); margin-top: 14px; }
.ed-fine { font-family: var(--font-body); font-size: 0.85rem; font-weight: 300; line-height: 1.85; color: rgba(250,248,245,.68); max-width: 62ch; margin-top: 56px; padding-top: 32px; border-top: 1px solid rgba(250,248,245,.18); }
.ed-list { list-style: none; padding: 0; margin: 24px 0 0; }
.ed-list li { font-family: var(--font-body); font-size: 0.95rem; font-weight: 300; line-height: 1.6; color: var(--gray-700); padding: 14px 0 14px 26px; position: relative; }
.ed-list li::before { content: ""; position: absolute; left: 0; top: 24px; width: 12px; height: 1px; background: var(--green); }
.ed-list--muted li::before { background: var(--gray-300); }
.ed-qa { display: grid; grid-template-columns: 5fr 7fr; gap: 56px; padding: 40px 0; border-top: 1px solid var(--ed-rule); }
.ed-qa:last-child { border-bottom: 1px solid var(--ed-rule); }
.ed-q { font-family: var(--font-display); font-weight: 400; font-size: 1.45rem; line-height: 1.25; color: var(--green-dark); }
.ed-a { font-family: var(--font-body); font-size: 0.95rem; font-weight: 300; line-height: 1.85; color: var(--gray-700); }
.ed-reveal { opacity: 0; transform: translateY(20px); transition: opacity .8s cubic-bezier(.16,1,.3,1), transform .8s cubic-bezier(.16,1,.3,1); }
.ed-reveal.is-in { opacity: 1; transform: none; }
@media (max-width: 900px) {
  .ed-section { padding: 80px 0; }
  .ed-wrap { padding: 0 24px; }
  .ed-split, .ed-qa, .ed-credit { grid-template-columns: 1fr; gap: 32px; }
  .ed-figures { grid-template-columns: 1fr; gap: 40px; }
  .ed-fig { padding: 0 0 0 24px; border-left: 1px solid var(--ed-rule); }
  .ed-fig:first-child { padding-left: 24px; border-left: 1px solid var(--ed-rule); }
  .ed-pairs { grid-template-columns: 1fr; gap: 32px; }
}
@media (prefers-reduced-motion: reduce) {
  .ed-reveal { opacity: 1; transform: none; transition: none; }
}