/* TodosSantos.com · lenguaje editorial compartido (About, Places, Journal, Legal) — misma maqueta que Sell y Contact */
.tsm-ed { --sand:#D8C9AE; --mist:#D8D2C6; --olive:#4F553C; --ink-08:rgba(29,28,26,.08); --ink-14:rgba(29,28,26,.14); --ink-18:rgba(29,28,26,.18); --ink-30:rgba(29,28,26,.3); --ease:cubic-bezier(.2,.7,.2,1); --gap:clamp(64px,9vw,120px);
  width:calc(100vw - var(--tsm-sb,0px)); margin-left:calc(50% - 50vw + var(--tsm-sb,0px) / 2); padding:0 0 var(--gap); display:flex; flex-direction:column; gap:var(--gap); overflow-x:clip; color:var(--ink); font-family:var(--font); }
.tsm-ed [data-only][hidden] { display:none !important; }
.tsm-ed__sec { width:100%; max-width:1320px; margin:0 auto; padding:0 clamp(20px,4vw,40px); box-sizing:border-box; }
.tsm-ed__sec--narrow { max-width:900px; }
.tsm-ed__eyebrow { margin:0; font:500 11px var(--font); letter-spacing:.28em; text-transform:uppercase; color:var(--ocean); }
.tsm-ed__eyebrow--sand { color:var(--sand); }
.tsm-ed__label { margin:0; font:500 10px var(--font); letter-spacing:.24em; text-transform:uppercase; color:var(--ink-3); }
.tsm-ed__label--sand { color:var(--sand); }
.tsm-ed a { color:inherit; }

/* Cabecera de sección numerada */
.tsm-ed__head { display:flex; align-items:baseline; gap:32px; border-top:1px solid var(--ink); padding-top:20px; margin:0 0 clamp(32px,4vw,56px); }
.tsm-ed__head > b { font:500 11px var(--font); letter-spacing:.28em; flex:none; }
.tsm-ed__head h2 { margin:0; font:500 clamp(34px,3.6vw,48px)/1.05 var(--display); color:var(--ink); text-wrap:pretty; }
.tsm-ed__head p { margin:12px 0 0; font:400 15px/1.65 var(--font); color:var(--ink-3); max-width:52ch; text-wrap:pretty; }
.tsm-ed__head--tight { margin-bottom:0; }
.tsm-ed__head--light { border-color:rgba(244,240,232,.35); }
.tsm-ed__head--light h2, .tsm-ed__head--light > b { color:var(--paper); }
.tsm-ed__head--light p { color:var(--mist); }

/* Portada: panel carbón + foto (About, Places) */
.tsm-ed__hero { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr)); gap:8px; padding:8px 8px 0; }
.tsm-ed__panel { background:var(--ink); color:var(--paper); padding:clamp(40px,6vw,88px) clamp(28px,4vw,64px); display:flex; flex-direction:column; justify-content:space-between; gap:56px; min-height:560px; animation:tsedIn .9s var(--ease) both; }
.tsm-ed__panel-body { display:flex; flex-direction:column; gap:28px; }
.tsm-ed__h1 { margin:0; font:500 clamp(44px,5.2vw,76px)/1.02 var(--display); color:var(--paper); max-width:18ch; text-wrap:pretty; letter-spacing:-.005em; }
.tsm-ed__intro { margin:0; font:400 16px/1.65 var(--font); color:var(--mist); max-width:44ch; text-wrap:pretty; }
.tsm-ed__cta-row { display:flex; flex-wrap:wrap; gap:12px 28px; align-items:center; }
.tsm-ed .tsm-btn { border-radius:0; height:44px; padding:0 22px; font:500 12px var(--font); letter-spacing:.18em; text-decoration:none; }
.tsm-ed a.tsm-btn--primary, .tsm-ed a.tsm-btn--primary:visited { background:var(--ink); color:var(--paper); border-color:var(--ink); }
.tsm-ed a.tsm-btn--primary:hover { background:var(--ocean); border-color:var(--ocean); color:#fff; }
.tsm-ed a.tsm-btn--ghost, .tsm-ed a.tsm-btn--ghost:visited { color:var(--ink); }
.tsm-ed a.tsm-btn--inverse, .tsm-ed a.tsm-btn--inverse:visited { background:var(--paper); color:var(--ink); border-color:var(--paper); }
.tsm-ed a.tsm-btn--inverse:hover { background:var(--sand); border-color:var(--sand); color:var(--ink); }
.tsm-ed__link { font:500 12px var(--font); letter-spacing:.18em; text-transform:uppercase; color:var(--ink); text-decoration:none; border-bottom:1px solid currentColor; padding-bottom:4px; transition:color .2s; }
.tsm-ed__link:hover { color:var(--ocean); }
.tsm-ed__link--light { color:var(--paper); }
.tsm-ed__link--light:hover { color:var(--sand); }

/* Foto con barra de pie carbón */
.tsm-ed__photo { position:relative; margin:0; min-height:320px; background:var(--sand); overflow:hidden; }
.tsm-ed__photo img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; transition:transform 1.2s var(--ease); }
.tsm-ed__photo:hover img { transform:scale(1.03); }
.tsm-ed__photo--hero { min-height:560px; animation:tsedIn .9s var(--ease) .1s both; }
.tsm-ed__photo--hero img { transform:scale(1.04); animation:tsedZoom 2.4s var(--ease) both; }
.tsm-ed__photo figcaption { position:absolute; left:0; right:0; bottom:0; background:var(--ink); color:var(--paper); padding:14px 20px; display:flex; justify-content:space-between; gap:16px; font:400 11px/1.4 var(--font); letter-spacing:.22em; text-transform:uppercase; }
.tsm-ed__photo figcaption em { font-style:normal; color:var(--sand); text-align:right; }
.tsm-ed__photo figcaption a { color:inherit; text-decoration:none; border-bottom:1px solid rgba(244,240,232,.4); }
.tsm-ed__credit { font:400 9.5px var(--font); letter-spacing:.1em; text-transform:none; color:var(--mist); }

/* Rejillas de paneles */
.tsm-ed__split { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr)); gap:8px; }
.tsm-ed__split--3 { grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)); }
.tsm-ed__span2 { grid-column:span 2; }
.tsm-ed__box { padding:clamp(28px,4vw,56px); display:flex; flex-direction:column; gap:28px; justify-content:space-between; min-height:320px; }
.tsm-ed__box--white { background:var(--white); box-shadow:inset 0 0 0 1px var(--ink-08); }
.tsm-ed__box--ink { background:var(--ink); color:var(--paper); }
.tsm-ed__box--olive { background:var(--olive); color:var(--paper); }
.tsm-ed__box--pacific { background:var(--ocean); color:var(--paper); }
.tsm-ed__box--sand { background:var(--sand); color:var(--ink); }
.tsm-ed__quote { margin:0; font:400 italic clamp(22px,2.2vw,28px)/1.3 var(--display); text-wrap:pretty; }

/* Filas serif (label + nota) */
.tsm-ed__rows { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; }
.tsm-ed__rows li { display:flex; justify-content:space-between; gap:16px; align-items:baseline; padding:14px 0; border-bottom:1px solid var(--ink-14); font:500 22px/1.2 var(--display); color:inherit; }
.tsm-ed__rows li small { font:400 11px/1.5 var(--font); letter-spacing:.22em; text-transform:uppercase; color:var(--ink-3); text-align:right; flex:none; max-width:50%; }
.tsm-ed__rows--light li { border-color:rgba(244,240,232,.2); }
.tsm-ed__rows--light li small { color:var(--mist); }
.tsm-ed__rows--stack li { flex-direction:column; align-items:flex-start; gap:6px; }
.tsm-ed__rows--stack li small { text-align:left; max-width:none; }
.tsm-ed__rows li a { text-decoration:none; transition:color .2s; }
.tsm-ed__rows li a:hover { color:var(--ocean); }
.tsm-ed__rows--light li a:hover { color:var(--sand); }

/* Datos (dl) como en Contact */
.tsm-ed__facts { margin:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr)); gap:12px; border-top:1px solid var(--ink); padding-top:20px; }
.tsm-ed__facts > div { display:flex; flex-direction:column; gap:10px; padding:4px 0 8px; }
.tsm-ed__facts dt { font:500 10px var(--font); letter-spacing:.24em; text-transform:uppercase; color:var(--ink-3); }
.tsm-ed__facts dd { margin:0; font:500 22px/1.25 var(--display); color:var(--ink); }
.tsm-ed__facts dd small { display:block; margin-top:4px; font:400 12px/1.4 var(--font); color:var(--ink-3); }
.tsm-ed__facts--light { border-color:rgba(244,240,232,.35); }
.tsm-ed__facts--light dt { color:var(--sand); }
.tsm-ed__facts--light dd { color:var(--paper); }
.tsm-ed__facts--light dd small { color:var(--mist); }

/* Prosa editorial */
.tsm-ed__prose { font:400 17px/1.75 var(--font); color:var(--ink); max-width:66ch; }
.tsm-ed__prose p { margin:0 0 18px; text-wrap:pretty; }
.tsm-ed__prose p:last-child { margin-bottom:0; }
.tsm-ed__prose b { font-weight:600; }
.tsm-ed__prose a { text-decoration:underline; text-underline-offset:4px; }
.tsm-ed__prose a:hover { color:var(--ocean); }
.tsm-ed__prose h2, .tsm-ed__prose h3 { margin:40px 0 14px; font:500 clamp(26px,3vw,34px)/1.15 var(--display); }
.tsm-ed__prose h3 { font-size:clamp(22px,2.4vw,26px); }
.tsm-ed__prose ul, .tsm-ed__prose ol { margin:0 0 18px; padding-left:22px; }
.tsm-ed__prose li { margin:0 0 8px; }
.tsm-ed__prose blockquote { margin:28px 0; padding:24px 28px; background:var(--white); box-shadow:inset 0 0 0 1px var(--ink-08); font:400 italic 22px/1.4 var(--display); }
.tsm-ed__prose--light { color:var(--paper); }
.tsm-ed__prose--light b { color:var(--paper); }
.tsm-ed__prose--sm { font-size:15px; color:var(--ink-3); }
.tsm-ed__two { display:grid; grid-template-columns:minmax(0,4fr) minmax(0,7fr); gap:32px 64px; align-items:start; }
.tsm-ed__two > .tsm-ed__head { margin:0; position:sticky; top:calc(var(--tsm-hdr,0px) + 24px); flex-direction:column; gap:20px; }
.tsm-ed__two > .tsm-ed__head p { margin:0; }

/* Banda CTA carbón */
.tsm-ed__band { background:var(--ink); color:var(--paper); padding:clamp(40px,6vw,80px) clamp(28px,4vw,64px); display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr)); gap:32px 64px; align-items:center; }
.tsm-ed__band h2 { margin:0 0 14px; font:500 clamp(32px,3.6vw,48px)/1.05 var(--display); color:var(--paper); text-wrap:pretty; }
.tsm-ed__band p { margin:0; font:400 15px/1.65 var(--font); color:var(--mist); max-width:48ch; text-wrap:pretty; }
.tsm-ed__band .tsm-ed__cta-row { justify-content:flex-end; }

/* Fuentes */
.tsm-ed__sources { font:400 12.5px/1.6 var(--font); color:var(--ink-3); border-top:1px solid var(--ink-18); padding-top:16px; }
.tsm-ed__sources a { text-decoration:underline; text-underline-offset:3px; }
.tsm-ed__sources .tsm-ed__label { margin-bottom:8px; }

/* Números serif dentro de elementos ya serif */
.tsm-ed :where(h1,h2,h3,dd,b,.tsm-ed__rows li,.tsm-ed__quote) .ts-num { font-size:1em; font-weight:inherit; }

@keyframes tsedIn { from { opacity:0; transform:translateY(14px) } to { opacity:1; transform:none } }
@keyframes tsedZoom { from { transform:scale(1.1) } to { transform:scale(1.04) } }
@media (prefers-reduced-motion:reduce) { .tsm-ed * { animation:none !important; transition:none !important } }
@media (max-width:960px) {
  .tsm-ed__two { grid-template-columns:1fr; }
  .tsm-ed__two > .tsm-ed__head { position:static; }
  .tsm-ed__span2 { grid-column:auto; }
  .tsm-ed__band .tsm-ed__cta-row { justify-content:flex-start; }
}
@media (max-width:700px) {
  .tsm-ed { --gap:64px; }
  .tsm-ed__panel { min-height:0; gap:40px; padding:40px 24px; }
  .tsm-ed__photo--hero { min-height:320px; }
  .tsm-ed__head { gap:20px; }
  .tsm-ed__box { padding:24px 18px; min-height:0; }
  .tsm-ed__rows li { font-size:19px; flex-direction:column; align-items:flex-start; gap:4px; }
  .tsm-ed__rows li small { text-align:left; max-width:none; }
  .tsm-ed__band { padding:40px 24px; }
  .tsm-ed__prose { font-size:16px; }
}
.tsm-ed__rows li a, .tsm-ed__link, .tsm-ed__photo figcaption a { text-decoration:none !important; }