/* Páginas editoriales: software a medida, estudio y guías. Se apoya en conversion.css. */
.e-cabecera { position:relative;overflow:hidden;padding:clamp(100px,9vw,128px) 0 clamp(36px,4.5vw,56px);background:var(--celeste);color:var(--noche); }
.e-cabecera .envoltura { position:relative;z-index:2; }
.e-cabecera h1 { font-size:clamp(2.4rem,5vw,4.8rem);font-weight:860;font-stretch:94%;line-height:1;letter-spacing:-.03em;max-width:19ch;text-wrap:balance;margin:18px 0 20px; }
.e-migas { display:flex;flex-wrap:wrap;gap:6px 8px;font-size:.92rem; }
.e-migas a { text-underline-offset:4px;padding-block:2px; }
.e-intro { max-width:56ch;font-size:clamp(1.08rem,1.4vw,1.25rem);line-height:1.5;text-wrap:pretty; }
.e-cabecera .btn { margin-top:22px; }
.e-edicion { margin-top:18px;font-size:.92rem; }
.e-edicion a { font-weight:650;text-underline-offset:3px; }
.e-sol { position:absolute;z-index:1;right:max(var(--margen),calc((100vw - var(--ancho)) / 2));top:clamp(100px,9vw,128px);width:clamp(120px,14vw,200px);aspect-ratio:1;overflow:visible;filter:drop-shadow(4px 4px 0 var(--noche)); }
.e-cabecera-banda { padding-bottom:0; }
.e-banda { position:relative;height:17vw;margin-top:clamp(-40px,-1vw,0px);overflow:hidden; }
.e-banda img { position:absolute;inset:0;width:100%;max-width:none;height:auto;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 26%);mask-image:linear-gradient(to bottom,transparent 0,#000 26%); }

.e-cuerpo { display:grid;grid-template-columns:minmax(0,70ch) minmax(220px,300px);justify-content:space-between;gap:clamp(2rem,5vw,5rem);padding-block:clamp(32px,4.5vw,56px) clamp(48px,6vw,80px); }
.e-cuerpo-solo { grid-template-columns:minmax(0,1fr); }
.e-texto > section + section,.e-relacionados { margin-top:clamp(36px,4vw,48px); }
.conversion .e-texto h2 { font-size:clamp(1.55rem,2.6vw,2.15rem);margin-bottom:16px;line-height:1.15; }
.e-texto p + p { margin-top:14px; }
.e-texto p,.e-texto li { line-height:1.65; }
.e-texto ul,.e-texto ol { list-style:disc;padding-left:24px;margin:14px 0; }
.e-texto ol { list-style:decimal; }
.e-texto li + li { margin-top:8px; }
.e-texto li::marker { color:var(--electrico);font-weight:700; }
.e-texto a { text-underline-offset:4px;text-decoration-thickness:1px;font-weight:650; }
.e-fuentes { font-size:.92rem;color:var(--tinta-suave); }
.tabla-scroll { overflow-x:auto;border:1px solid #10253f40;border-radius:12px;margin:20px 0; }
.tabla-scroll table { width:100%;border-collapse:collapse;font-size:.95rem;min-width:520px; }
.tabla-scroll td,.tabla-scroll th { text-align:left;vertical-align:top;padding:13px 16px;border-bottom:1px solid #10253f26; }
.tabla-scroll tr:last-child td { border-bottom:0; }
.tabla-scroll th { background:var(--celeste-claro);font-weight:700; }
.tabla-scroll td:first-child { font-weight:650; }

.e-lateral { position:relative; }
.e-temario { position:sticky;top:96px;padding-top:14px;border-top:3px solid var(--noche); }
.e-temario strong { display:block;margin-bottom:10px; }
.e-temario ul { display:grid;gap:2px; }
.e-temario a { display:block;padding:7px 0;font-size:.95rem;line-height:1.3;font-weight:550;text-underline-offset:4px;text-decoration-color:#10253f40; }
.e-hablemos { display:grid;justify-items:start;gap:10px; }
.e-hablemos strong { margin:0;font-size:1.2rem; }
.e-hablemos .btn { color:var(--blanco); }

.e-relacionados ul { display:grid;gap:4px;list-style:none;padding:0;margin:0; }
.e-relacionados a { display:inline-block;padding:5px 0; }
.e-contacto { padding:clamp(40px,5vw,64px) 0;background:var(--sol);color:var(--noche); }
.conversion .e-contacto h2 { margin-bottom:12px; }
.e-contacto p { max-width:52ch;font-size:1.1rem; }
.e-contacto .acciones { display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.6rem;margin-top:22px; }
.e-indice { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(2rem,5vw,5rem); }
.e-indice article { padding:26px 0;border-bottom:1px solid #10253f40; }
.conversion .e-indice h2 { margin-bottom:10px; }
.e-indice h2 a { text-decoration:none; }
.e-indice h2 a:hover { text-decoration:underline;text-decoration-color:var(--sol);text-decoration-thickness:4px;text-underline-offset:5px; }

@media(max-width:900px){
 .e-cuerpo { grid-template-columns:minmax(0,1fr); }
 .e-lateral { order:-1; }
 .e-temario { position:static; }
 .e-hablemos { display:none; }
 .e-sol { display:none; }
}
@media(max-width:760px){
 .e-indice { grid-template-columns:minmax(0,1fr); }
 .e-banda { height:40vw;margin-top:8px; }
 .e-banda img { width:190%;left:-58%; }
}