/* =====================================================================
   Hablemos en SERIO · Escritos
   Se carga DESPUÉS de /vivir-con-sed/sed.css. Usa las variables --sa-*
   del sitio. Si faltan, se usan los valores de respaldo.
   ===================================================================== */
:root{
  --es-vino:var(--sa-vino,#7A1F2B); --es-vino-osc:var(--sa-vino-osc,#5A1520);
  --es-crema:var(--sa-crema,#FBF8F5); --es-rosa:var(--sa-rosa,#F3E6E4);
  --es-tinta:var(--sa-tinta,#1F1A17); --es-texto:var(--sa-texto,#4A413C);
  --es-suave:var(--sa-suave,#6B605A); --es-borde:var(--sa-borde,#E8DFD8);
  --es-serif:var(--sa-serif,'Fraunces',Georgia,serif);
  --es-sans:var(--sa-sans,'Public Sans',system-ui,sans-serif);
}
.es{font-family:var(--es-sans);color:var(--es-tinta)}
.es-wrap{max-width:1200px;margin:0 auto;padding:0 32px;box-sizing:border-box}
.es-angosto{max-width:760px;margin:0 auto;padding:0 24px;box-sizing:border-box}
@media(max-width:640px){.es-wrap{padding:0 20px}.es-angosto{padding:0 20px}}
.es-eyebrow{margin:0;font-size:13px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--es-vino)}
.es-migas{font-size:14px;color:var(--es-suave);margin:0 0 22px}
.es-migas a{color:var(--es-suave)}
.es *:focus-visible{outline:3px solid #B45309;outline-offset:3px}

/* ---------- Sección fija: Antes y después ---------- */
.es-quien{padding:64px 0 0}
.es-quien-cab{display:flex;flex-direction:column;gap:14px;margin-bottom:36px}
.es-quien h1{margin:0;font-family:var(--es-serif);font-weight:400;font-size:clamp(42px,6vw,72px);line-height:1.02;letter-spacing:-.025em}
.es-quien h1 em{color:var(--es-vino)}
.es-quien-cab>p:last-child{margin:0;max-width:620px;font-size:clamp(17px,1.6vw,19px);line-height:1.6;color:var(--es-texto)}
.es-ad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:#fff;border:1px solid var(--es-borde);border-radius:28px;overflow:hidden}
.es-ad>div{padding:44px;display:flex;flex-direction:column;gap:16px}
.es-ad>div:first-child{border-right:1px solid var(--es-borde)}
.es-ad>div:last-child{background:var(--es-rosa)}
.es-ad-t{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px}
.es-ad-t b{font-family:var(--es-serif);font-style:italic;font-weight:400;font-size:44px;color:var(--es-suave)}
.es-ad>div:last-child .es-ad-t b{color:var(--es-vino)}
.es-ad-t span{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--es-suave)}
.es-ad>div:last-child .es-ad-t span{color:var(--es-vino)}
.es-ad p{margin:0;font-size:17px;line-height:1.7;color:var(--es-texto)}
.es-firma{display:flex;align-items:center;gap:12px;padding-top:6px;font-size:14px;line-height:1.4;color:#3A322E}
.es-firma img{width:52px;height:52px;border-radius:50%;object-fit:cover;display:block}
@media(max-width:760px){.es-ad{grid-template-columns:1fr}.es-ad>div{padding:30px 26px}.es-ad>div:first-child{border-right:0;border-bottom:1px solid var(--es-borde)}.es-ad-t b{font-size:36px}}

/* Franja compacta (dentro de un escrito) */
.es-franja{background:#fff;border-bottom:1px solid var(--es-borde)}
.es-franja .es-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;padding-top:14px;padding-bottom:14px;font-size:14px;line-height:1.45;color:var(--es-texto)}
.es-franja img{width:40px;height:40px;border-radius:50%;object-fit:cover;display:block}
.es-franja em{font-family:var(--es-serif);font-size:17px;color:var(--es-suave)}
.es-franja span:last-child em{color:var(--es-vino)}
.es-franja a{margin-left:auto;font-weight:600;color:var(--es-vino);white-space:nowrap}
@media(max-width:640px){.es-franja a{margin-left:0}}

/* ---------- Lista de escritos ---------- */
.es-lista{padding:96px 0 104px}
.es-lista-cab{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px}
.es-lista-cab>div:first-child{display:flex;flex-direction:column;gap:12px}
.es-lista h2{margin:0;font-family:var(--es-serif);font-weight:400;font-size:clamp(34px,4.4vw,52px);line-height:1.05;letter-spacing:-.02em}
.es-filtros{display:flex;flex-wrap:wrap;gap:8px}
.es-filtros button{min-height:44px;padding:0 18px;border-radius:999px;border:1.5px solid var(--es-borde);background:#fff;color:var(--es-tinta);font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.es-filtros button:hover{border-color:var(--es-vino);color:var(--es-vino)}
.es-filtros button[aria-pressed="true"]{background:var(--es-vino);border-color:var(--es-vino);color:#fff}
.es-herr{margin:0 0 22px}
.es-buscar{width:100%;max-width:420px;min-height:46px;padding:0 20px;border-radius:999px;border:1.5px solid var(--es-borde);background:#fff;color:var(--es-tinta);font:inherit;font-size:16px;box-sizing:border-box}
.es-buscar:focus-visible{border-color:var(--es-vino)}
.es-filtros button .n{font-weight:500;opacity:.7;margin-left:4px}
.es-fila{display:grid;grid-template-columns:repeat(auto-fill,minmax(222px,1fr));gap:16px;align-items:stretch}
.es-tj{background:#fff;border:1px solid var(--es-borde);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:var(--es-tinta);transition:border-color .15s,transform .15s}
.es-tj:hover{border-color:var(--es-vino);transform:translateY(-2px)}
.es-tj img,.es-tj-ph{width:100%;height:auto;aspect-ratio:1200/560;object-fit:cover;display:block;background:var(--es-rosa)}
.es-tj-ph{display:flex;align-items:center;justify-content:center;font-family:var(--es-serif);font-style:italic;font-size:20px;color:var(--es-vino)}
.es-tj-tx{padding:12px 14px 14px;display:flex;flex-direction:column;gap:5px;flex:1}
.es-tj-tag{font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--es-vino)}
.es-tj-t{font-family:var(--es-serif);font-weight:400;font-size:18px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.es-tj-r{font-size:13.5px;line-height:1.45;color:var(--es-texto);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.es-tj-f{font-size:12px;color:var(--es-suave)}
.es-tj-ir{margin-top:auto;padding-top:3px;font-size:13.5px;font-weight:600;color:var(--es-vino)}
.es-vacio{grid-column:1/-1;margin:0;padding:28px;border:1.5px dashed #D9CBC2;border-radius:24px;font-size:16px;color:var(--es-suave)}
.es-pie-lista{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:34px}
.es-cuenta{margin:0;font-size:14px;color:var(--es-suave)}
.es-mas{min-height:48px;padding:0 30px;border-radius:999px;border:1.5px solid var(--es-vino);background:#fff;color:var(--es-vino);font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}
.es-mas:hover{background:var(--es-vino);color:#fff}
.es-ayuda{margin:8px 0 0;font-size:14px;color:var(--es-suave)}
.es-rss{margin:6px 0 0;font-size:14px}
.es-rss a{color:var(--es-vino)}
@media(max-width:640px){.es-fila{grid-template-columns:1fr;gap:12px}.es-lista{padding:72px 0 80px}.es-tj{flex-direction:row;align-items:stretch;border-radius:16px}.es-tj img,.es-tj-ph{width:100px;min-width:100px;height:auto;aspect-ratio:auto;object-fit:cover;font-size:16px;padding:6px;text-align:center;box-sizing:border-box}.es-tj-tx{padding:10px 12px;gap:3px}.es-tj-t{font-size:16px}.es-tj-r,.es-tj-ir{display:none}}

/* ---------- Escrito (lector) ---------- */
.es-art{padding:44px 0 88px}
.es-volver{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;border-radius:999px;border:1.5px solid var(--es-tinta);color:var(--es-tinta);text-decoration:none;font-size:15px;font-weight:600}
.es-volver:hover{background:var(--es-tinta);color:#fff}
.es-art .es-portada{margin:32px 0 36px}
.es-art .es-portada img{width:100%;height:auto;aspect-ratio:1200/627;object-fit:cover;display:block;border-radius:24px;border:1px solid var(--es-borde)}
.es-art-meta{margin:0 0 14px;font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--es-vino)}
.es-art-meta a{color:var(--es-vino);text-decoration:underline;text-underline-offset:3px}
.es-art h1{margin:0 0 24px;font-family:var(--es-serif);font-weight:400;font-size:clamp(38px,5vw,56px);line-height:1.05;letter-spacing:-.02em}
.es-art-lead{margin:0 0 32px;font-family:var(--es-serif);font-size:clamp(20px,2.2vw,24px);line-height:1.5;color:#3A322E}
.es-cuerpo{display:flex;flex-direction:column;gap:22px;font-size:19px;line-height:1.8;color:#2E2724}
.es-cuerpo p{margin:0}
.es-cuerpo h2{margin:16px 0 0;font-family:var(--es-serif);font-weight:400;font-size:32px;line-height:1.15}
.es-cuerpo blockquote{margin:0;padding:4px 0 4px 24px;border-left:3px solid var(--es-vino);font-family:var(--es-serif);font-style:italic;font-size:24px;line-height:1.5;color:var(--es-vino)}
.es-aviso{margin:40px 0 0;padding:20px 24px;background:var(--es-rosa);border-radius:16px;font-size:14px;line-height:1.6;color:var(--es-texto)}

/* Barra de acciones */
.es-acciones{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-top:1px solid var(--es-borde);border-bottom:1px solid var(--es-borde);margin-bottom:36px}
.es-acciones-izq,.es-compartir{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.es-pill{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--es-borde);background:#fff;color:var(--es-tinta);font:inherit;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.es-pill:hover{border-color:var(--es-vino);color:var(--es-vino)}
.es-pill svg{width:18px;height:18px;flex:none}
.es-like[aria-pressed="true"]{background:var(--es-vino);border-color:var(--es-vino);color:#fff}
.es-like[aria-pressed="true"] svg{fill:currentColor}
.es-compartir>span{font-size:14px;color:var(--es-suave);margin-right:2px}
.es-red{width:44px;height:44px;border-radius:50%;background:var(--es-vino);color:#fff;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:background .15s}
.es-red:hover{background:var(--es-vino-osc);color:#fff}
.es-red svg{width:19px;height:19px}

/* Comentarios */
.es-com{margin-top:64px;display:flex;flex-direction:column;gap:20px}
.es-com h2{margin:0;font-family:var(--es-serif);font-weight:400;font-size:34px}
.es-com h2 span{color:var(--es-suave)}
.es-form{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid var(--es-borde);border-radius:20px;padding:22px}
.es-form label{font-size:14px;font-weight:600}
.es-form input,.es-form textarea{font:inherit;font-size:16px;line-height:1.5;padding:13px 16px;border:1px solid var(--es-borde);border-radius:14px;color:var(--es-tinta);background:var(--es-crema);width:100%;box-sizing:border-box}
.es-form textarea{resize:vertical;min-height:110px}
.es-form .es-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.es-form-pie{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}
.es-form-pie small{font-size:13px;color:var(--es-suave);max-width:46ch}
.es-form button{min-height:48px;padding:0 24px;border-radius:999px;border:0;background:var(--es-vino);color:#fff;font:inherit;font-size:15px;font-weight:600;cursor:pointer}
.es-form button:hover{background:var(--es-vino-osc)}
.es-form button[disabled]{opacity:.6;cursor:wait}
.es-estado{margin:0;font-size:14px;font-weight:600;color:var(--es-vino)}
.es-estado:empty{display:none}
.es-com-lista{display:flex;flex-direction:column}
.es-c{display:flex;gap:14px;padding:18px 0;border-top:1px solid var(--es-borde)}
.es-c-av{width:40px;height:40px;flex:none;border-radius:50%;background:var(--es-rosa);color:var(--es-vino);display:flex;align-items:center;justify-content:center;font-weight:700}
.es-c-tx{display:flex;flex-direction:column;gap:4px;min-width:0}
.es-c-tx b{font-size:14px}
.es-c-tx b span{font-weight:400;color:var(--es-suave)}
.es-c-tx p{margin:0;font-size:16px;line-height:1.6;color:#2E2724;white-space:pre-line;overflow-wrap:anywhere}
.es-sin{margin:0;font-size:15px;color:var(--es-suave)}
.es-final{margin-top:48px;display:inline-flex;align-items:center;min-height:52px;padding:0 26px;border-radius:999px;background:var(--es-tinta);color:#fff;text-decoration:none;font-size:16px;font-weight:600}
.es-final:hover{background:#000;color:#fff}
@media(prefers-reduced-motion:reduce){.es *{transition:none!important}}

/* ---------- Cabecera de la lista (sin Antes y después) y franja de cada escrito ---------- */
.es-quien--lista .es-quien-cab{margin-bottom:0}
.es-quien--lista + .es-lista{padding-top:48px}
.es-enlace{white-space:nowrap;font-weight:600;color:var(--es-vino)}
.es-franja-links{margin-left:auto;display:flex;flex-wrap:wrap;gap:6px 18px}
.es-franja-links a{margin-left:0}
@media(max-width:640px){.es-franja-links{margin-left:0}}

/* ---------- Página «Mi historia» ---------- */
.es-hist{padding:72px 0 24px}
.es-hist-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start}
.es-hist-cab{display:flex;flex-direction:column;gap:12px}
.es-hist-cab h2{margin:0;font-family:var(--es-serif);font-weight:400;font-size:clamp(34px,4.4vw,52px);line-height:1.05;letter-spacing:-.02em}
.es-hist-fecha{margin:0;font-family:var(--es-serif);font-style:italic;font-size:18px;color:var(--es-vino)}
.es-hist-tx{display:flex;flex-direction:column;gap:18px;font-size:18px;line-height:1.75;color:#2E2724}
.es-hist-tx p{margin:0}
.es-hist-entrada{font-family:var(--es-serif);font-size:clamp(20px,2.2vw,24px);line-height:1.5;color:#3A322E}
.es-hist-mas summary{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;border:1.5px solid var(--es-vino);color:var(--es-vino);font-size:15px;font-weight:600;cursor:pointer;list-style:none}
.es-hist-mas summary::-webkit-details-marker{display:none}
.es-hist-mas summary:hover{background:var(--es-vino);color:#fff}
.es-hist-mas .abierto{display:none}
.es-hist-mas[open] .abierto{display:inline}
.es-hist-mas[open] .cerrado{display:none}
.es-hist-mas[open] summary{margin-top:6px}
.es-hist-mas p{margin-top:18px}
.es-linea{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.es-linea li{background:#fff;border:1px solid var(--es-borde);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:6px}
.es-linea small{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--es-vino)}
.es-linea b{font-family:var(--es-serif);font-weight:400;font-size:19px;line-height:1.2}
.es-linea span{font-size:14px;line-height:1.5;color:var(--es-texto)}
.es-hoy{margin-top:32px;background:var(--es-rosa);border-radius:24px;padding:36px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start}
.es-hoy h3{margin:0;font-family:var(--es-serif);font-weight:400;font-size:28px;line-height:1.15}
.es-hoy p{margin:0;font-size:17px;line-height:1.75;color:var(--es-texto)}
.es-hist-fin{padding-top:8px;padding-bottom:24px}
@media(max-width:900px){.es-hist-grid,.es-hoy{grid-template-columns:1fr;gap:24px}.es-linea{grid-template-columns:repeat(2,minmax(0,1fr))}.es-hist{padding-top:56px}}
@media(max-width:560px){.es-linea{grid-template-columns:1fr}.es-hoy{padding:26px}}
.es-quien-fila{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:56px;align-items:center;padding-right:clamp(0px,4vw,56px)}
.es-quien-fila p{margin:0;max-width:none;font-size:clamp(17px,1.6vw,19px);line-height:1.7;color:var(--es-texto);text-align:justify;text-justify:inter-word;hyphens:auto;-webkit-hyphens:auto}
.es-quien-foto{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:24px;display:block}
@media(max-width:760px){.es-quien-fila{grid-template-columns:1fr;gap:24px;padding-right:0}.es-quien-foto{width:160px;order:-1;border-radius:50%}.es-quien-fila p{text-align:left}}
.es-pag{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:4px}
.es-pag-n{min-width:44px;min-height:44px;padding:0 14px;border-radius:999px;border:1.5px solid var(--es-borde);background:#fff;color:var(--es-tinta);font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.es-pag-n:hover:not(:disabled){border-color:var(--es-vino);color:var(--es-vino)}
.es-pag-n.es-activa{background:var(--es-vino);border-color:var(--es-vino);color:#fff}
.es-pag-n:disabled{opacity:.4;cursor:default}
.es-pag-p{color:var(--es-suave);padding:0 2px}


body{font-size:17px}