/* ============================================================================
   logic/editorial-logic.css — Páginas editoriales en la intranet (2026-10-20)

   El marcado es el de la web pública (php/editorial.inc.php) y sus estilos
   están en /assets/css/editorial.css, que usa las variables de main.css (logic
   ya las define en estilo_cabecera.css). Aquí van las pocas clases GENÉRICAS de
   main.css que esas páginas usan y logic no carga (migas, título del hero,
   chips de etiquetas, caja lateral, enlace «Editar»), acotadas a .ed-raiz
   para no tocar el resto de la intranet, y el fondo del índice
   (en la web: body[data-pagina="zonaCata"] .principal).
   ============================================================================ */

.ed-raiz{ font-family: var(--fuente-base); color: var(--gO); }
.ed-raiz *{ box-sizing: border-box; }
.ed-raiz .layout-page{ max-width: 1200px; margin: 0 auto; padding: 0 0 var(--eXL); }
:where(.ed-raiz) h1{ font-size: var(--f3XL); font-weight: 300; line-height: var(--lh3XL); margin: 0; }
:where(.ed-raiz) h2, :where(.ed-raiz) h3{ margin: 0; }
:where(.ed-raiz) p{ font-size: var(--fS); line-height: var(--lhS); color: var(--gO); margin: 0; }
:where(.ed-raiz) a{ color: var(--r); font-weight: inherit; }   /* especificidad mínima: mandan las clases de editorial.css;
   estilos_1.css pone los enlaces en negrita y las tarjetas son un enlace entero */
:where(.ed-raiz) img{ max-width: 100%; }
:where(.ed-raiz) figure{ margin: 0; }

/* Índice: fondo rosado como la Zona de Cata de la web */
.ed-raiz .ed-indice{
  background: var(--rC3); border-top: 1px solid var(--rC2);
  border-radius: 0 0 var(--rM) var(--rM); padding: 0 var(--eL) var(--eL);
}

/* Migas */
.ed-raiz .ruta-producto{
  display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--eXS);
  padding: var(--eL) 0; font-size: var(--fS); line-height: var(--lhS);
}
.ed-raiz .ruta-producto a{ text-decoration: none; white-space: nowrap; }
.ed-raiz .ruta-producto__sep{ padding: 0 var(--eXS); opacity: .75; }
.ed-raiz .ruta-producto [aria-current="page"]{
  font-weight: 600; display: inline-block; max-width: 22ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

/* «Editar» para quien tiene MECLI */
.ed-raiz .cms-editar-link{
  display: inline-flex; align-items: center; gap: var(--eXS); margin-left: auto;
  padding: 4px 10px; border: 1px solid var(--rC2); border-radius: var(--rP); background: #fff;
  color: var(--gO); text-decoration: none; font-size: .85rem; line-height: 1.2;
}
.ed-raiz .cms-editar-link:hover{ border-color: var(--r); color: var(--r); }
.ed-raiz .cms-editar-link__icono{ width: 14px; height: 14px; }
.ed-raiz .cms-editar-link__texto{ font-weight: 600; }

/* Título y frase de la cabecera del artículo */
.ed-raiz .hero-titulo{ font-size: var(--f3XL); line-height: var(--lh3XL); font-weight: 300; color: var(--gO); }
.ed-raiz .hero-frase{ white-space: pre-line; }

/* Chips de etiquetas (en la web son enlaces en fila) */
.ed-raiz .contenedor-filtros-chip{ display: flex; flex-wrap: wrap; gap: var(--eM); margin: var(--eL) 0; align-items: center; }
.ed-raiz .filtro-chip{ color: var(--r); text-decoration: none; font-size: var(--fS); }
.ed-raiz .filtro-chip:hover{ text-decoration: underline; }
.ed-raiz .filtro-chip--activo{ font-weight: 700; color: var(--gO); }

/* Caja lateral (índice y relacionados) — en la web .resumen de main.css */
.ed-raiz .zc-art-layout .resumen{
  background: var(--rC3); border-radius: var(--rP); padding: var(--eL);
}

/* Botones de la tienda dentro de un aviso «solo con sesión» */
.ed-raiz .ed-solo-sesion__acciones{ display: flex; flex-wrap: wrap; gap: var(--eS); justify-content: center; }
.ed-raiz .ed-solo-sesion__acciones button{ width: auto; margin: 0; }