/* Research · Estudio · CSS extra (requiere css/edutic.css y .theme-research en main) */

.pg-estudio .es-title { margin: 0; font-size: clamp(2rem, 1.3rem + 2.4vw, 3.125rem); line-height: 1.12; font-weight: 900; letter-spacing: -.02em; color: var(--edu-ink); }
.pg-estudio .es-lead { font-size: 1.125rem; line-height: 1.55; color: var(--edu-text); }
.pg-estudio .es-meta { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; font-size: .8125rem; color: var(--edu-text); }

/* Formulario de descarga */
.pg-estudio .es-download { display: flex; flex-direction: column; gap: .75rem; padding: 1.625rem; background: #fff; border: 1px solid var(--edu-accent-line); border-radius: 18px; box-shadow: 0 16px 36px rgba(30, 90, 168, .10); }
.pg-estudio .es-download__t { margin: 0; font-size: 1.125rem; font-weight: 700; color: var(--edu-ink); }
.pg-estudio .es-download a:not(.btn) { color: var(--edu-accent-text); }

/* Hallazgos */
.pg-estudio .es-findings { display: flex; flex-direction: column; gap: 1rem; padding: 1.75rem; border: 1px solid var(--edu-accent-line); border-radius: 18px; }
.pg-estudio .es-h2 { margin: 0; font-family: var(--edu-font-cond); font-size: 1.5rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--edu-ink); }
.pg-estudio .es-kpi { height: 100%; padding: 1.25rem; background: #fff; border: 1px solid var(--edu-accent-line); border-radius: 14px; }
.pg-estudio .es-kpi__v { font-family: var(--edu-font-cond); font-size: 2.75rem; line-height: 1; font-weight: 700; color: var(--edu-accent); }
.pg-estudio .es-kpi__l { margin-top: .375rem; font-size: .8125rem; color: var(--edu-text); }

/* Relacionados */
.pg-estudio .es-rel { display: flex; flex-direction: column; gap: .375rem; height: 100%; padding: 1.125rem; background: #fff; border: 1px solid var(--edu-accent-line); border-radius: 14px; text-decoration: none; transition: box-shadow .15s; }
.pg-estudio .es-rel:hover { box-shadow: var(--edu-shadow-sm); }
.pg-estudio .es-rel__k { font-size: .6875rem; font-weight: 800; text-transform: uppercase; color: var(--edu-accent-text); }
.pg-estudio .es-rel__t { font-size: .9375rem; color: var(--edu-ink); }

@media (max-width: 575.98px) { .pg-estudio .es-findings { padding: 1.125rem; } .pg-estudio .es-kpi__v { font-size: 2.125rem; } }
.pg-estudio .es-download .form-control { font-size: .8125rem; padding: .6875rem .75rem; }

/* Portada del documento junto al encabezado */
.pg-estudio .es-cover { display: block; width: 100%; max-height: 220px; object-fit: contain; background: #fff; border: 1px solid var(--edu-accent-line); border-radius: 14px; padding: .5rem; }

/* Resumen junto al título y columna lateral: portada, ficha técnica y descarga.
   La columna ocupa todo el alto del texto y solo la tarjeta de descarga queda fija al leer: si fuera fija toda la columna,
   con la ficha sería más alta que la pantalla y su parte de abajo no se podría ver. */
.pg-estudio .es-cuerpo { margin-top: .5rem; }
.pg-estudio .es-aside { display: flex; flex-direction: column; gap: 1rem; }
@media (min-width: 992px) { .pg-estudio .row .es-download { position: sticky; top: 1.5rem; } }

/* Sin PDF (.es-flujo): la columna lateral flota a la derecha junto al comienzo y, terminada ella, el cuerpo sigue a todo el ancho.
   En pantallas chicas va después del texto. */
.pg-estudio .es-flujo { display: flex; flex-direction: column; gap: 1.5rem; }
.pg-estudio .es-flujo .es-aside { order: 2; }
.pg-estudio .es-principal { display: flex; flex-direction: column; gap: 1.25rem; }
@media (min-width: 992px) {
  .pg-estudio .es-flujo { display: flow-root; }
  .pg-estudio .es-flujo .es-aside { float: right; width: calc(33.333% - 1.5rem); margin: 0 0 2rem 3rem; }
  /* Sin flex ni flow-root en el texto: así sus líneas rodean la columna y luego ocupan todo el ancho */
  .pg-estudio .es-principal { display: block; }
  .pg-estudio .es-principal > * + * { margin-top: 1.25rem; }
  .pg-estudio .es-flujo .es-cuerpo { display: block; }
  /* Los bloques con caja (foto, galería, cita, video, hallazgo) se angostan junto a la columna en vez de pasar por debajo de ella,
     y ningún bloque baja hasta terminarla (sin clear) */
  .pg-estudio .es-flujo .pub-b:not(.pub-texto):not(.pub-fila) { display: flow-root; }
  .pg-estudio .es-flujo .pub-b, .pg-estudio .es-flujo .pub-texto h2, .pg-estudio .es-flujo .pub-texto h3, .pg-estudio .es-flujo .pub-texto h4 { clear: none; }
}

/* Ficha técnica */
.pg-estudio .es-ficha { padding: 1.25rem 1.375rem; background: #fff; border: 1px solid var(--edu-accent-line); border-radius: 18px; }
.pg-estudio .es-ficha__t { margin: 0 0 .625rem; font-family: var(--edu-font-cond); font-size: 1.0625rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--edu-ink); }
.pg-estudio .es-ficha__c { font-size: .875rem; line-height: 1.55; color: var(--edu-text); overflow-wrap: anywhere; }
.pg-estudio .es-ficha__c b, .pg-estudio .es-ficha__c strong { color: var(--edu-ink); }
.pg-estudio .es-ficha__c a { color: var(--edu-accent-text); }
.pg-estudio .es-download__ver { font-size: .875rem; font-weight: 700; text-align: center; text-decoration: none; }