/* Página del informe de ejemplo. Paleta resuelta desde estilo_editorial.py, como la de Plataforma. */
:root{--ie-papel:#FCFBF8;--ie-tinta:#1B302B;--ie-secundario:#54635D;--ie-regla:#D8E0D9;--ie-verde:#146454;--ie-suave:#E3EEE7;--ie-serif:Georgia,'Times New Roman',serif}
.ie-cuerpo{background:var(--ie-papel);color:var(--ie-tinta)}
.informe-ejemplo{box-sizing:border-box;width:100%;max-width:var(--ancho-pagina,1600px);padding:0 var(--margen-pagina,24px);margin:0 auto;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
.informe-ejemplo *{box-sizing:border-box}
.informe-ejemplo h1,.informe-ejemplo h2{font-family:var(--ie-serif);font-weight:400;letter-spacing:-1px;line-height:1.08;margin:0;text-wrap:balance}
.informe-ejemplo h1{font-size:clamp(34px,4vw,58px);max-width:20ch;margin-bottom:22px}
.informe-ejemplo h2{font-size:clamp(26px,2.4vw,36px);margin-bottom:18px}
.informe-ejemplo p,.informe-ejemplo li{font-size:16px;line-height:1.7;color:var(--ie-secundario)}
.informe-ejemplo p{margin:0 0 14px}
.informe-ejemplo strong{color:var(--ie-tinta)}
.informe-ejemplo a{color:var(--ie-verde);text-underline-offset:4px}
.informe-ejemplo a:focus-visible{outline:3px solid var(--ie-verde);outline-offset:4px}
.ie-ceja{font-size:11px!important;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--ie-verde)!important;margin-bottom:18px!important}
.ie-cabecera{padding:56px 0 40px;border-bottom:1px solid var(--ie-regla)}
.ie-entradilla{font-size:18px!important;max-width:62ch}
.ie-acciones{display:flex;flex-wrap:wrap;gap:14px;margin:26px 0 16px}
.ie-boton{display:inline-flex;flex-direction:column;justify-content:center;min-height:52px;padding:12px 20px;border:1px solid var(--ie-tinta);border-radius:3px;font-size:14px;font-weight:600;line-height:1.4;color:var(--ie-tinta)!important;text-decoration:none;background:var(--ie-papel)}
.ie-boton span{font-size:12px;font-weight:400;opacity:.8}
.ie-boton:hover{background:var(--ie-suave)}
.ie-boton-principal{background:var(--ie-tinta);color:var(--ie-papel)!important}
.ie-boton-principal:hover{background:var(--ie-verde);border-color:var(--ie-verde)}
.ie-nota-cabecera{font-size:14px!important}
.ie-muestra{padding:44px 0;border-bottom:1px solid var(--ie-regla)}
.ie-galeria{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.ie-pagina{margin:0}
.ie-pagina img{display:block;width:100%;height:auto;border:1px solid var(--ie-regla);box-shadow:0 2px 10px rgba(0,0,0,.06);background:#fff}
.ie-pagina figcaption{font-size:13px;line-height:1.5;color:var(--ie-secundario);margin-top:10px}
.ie-contenido{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6%;padding:44px 0;border-bottom:1px solid var(--ie-regla)}
.ie-lista{margin:0;padding-left:20px}
.ie-lista li{margin-bottom:10px}
.ie-enlace{font-weight:600}
.ie-servicio{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:6%;align-items:center;padding:44px 0 64px}
.ie-servicio .ie-acciones{justify-content:flex-end}
@media (max-width:900px){
  .ie-galeria{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ie-contenido,.ie-servicio{grid-template-columns:1fr}
  .ie-servicio .ie-acciones{justify-content:flex-start}
}
@media (max-width:520px){
  .informe-ejemplo{padding:0 16px}
  .ie-galeria{grid-template-columns:1fr 1fr;gap:12px}
  .ie-boton{width:100%}
}