/*
 Theme Name:   ANN Child Theme
 Theme URI:    https://ann.axiomthemes.com/
 Description:  ANN Child Theme
 Author:       AxiomThemes
 Author URI:   https://axiomthemes.com/
 Template:     ann
 Version:      1.0
 Tags:         flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready
 Text Domain:  ann
*/


/* =Theme customization starts here
------------------------------------------------------------ */

/* DNIMLAB · Sistema visual 1.2 · tema hijo de ANN
   Paso 6, tanda 5 · 23.10.2026
   Orden: 1 letras · 2 variables · 3 base · 4 letras del tema ANN · 5 márgenes · 6 clases · 7 botones y campos */


/* 1 · LETRAS ALOJADAS EN EL SITIO (las mismas que Elementor › Fuentes personalizadas)
   Aseguran que las páginas que arma el tema (tienda, carrito, cuenta) también las tengan. */
@font-face{
  font-family:"Archivo";
  src:url("/wp-content/uploads/2026/10/DNIMLAB-Archivo-wdth62-85-wght600-800.woff2") format("woff2");
  font-weight:600 800; font-stretch:62% 85%; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Source Serif 4";
  src:url("/wp-content/uploads/2026/10/DNIMLAB-SourceSerif4-wght400-700.woff2") format("woff2");
  font-weight:400 700; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Source Serif 4";
  src:url("/wp-content/uploads/2026/10/DNIMLAB-SourceSerif4-Italic-wght400-700.woff2") format("woff2");
  font-weight:400 700; font-style:italic; font-display:swap;
}
@font-face{
  font-family:"IBM Plex Mono";
  src:url("/wp-content/uploads/2026/10/DNIMLAB-IBMPlexMono-400.woff2") format("woff2");
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"IBM Plex Mono";
  src:url("/wp-content/uploads/2026/10/DNIMLAB-IBMPlexMono-500.woff2") format("woff2");
  font-weight:500; font-style:normal; font-display:swap;
}


/* 2 · VARIABLES */
:root{
  --dl-papel:#F3F4F1;  --dl-carpeta:#E2E3E0; --dl-tinta:#131418;
  --dl-tinta-2:#4A4D57; --dl-linea:#C9CBC8;  --dl-blanco:#FFFFFF;
  --dl-indigo:#24398B; --dl-naranja:#D45620;
  --dl-display:"Archivo","Arial Narrow",Arial,sans-serif;
  --dl-lectura:"Source Serif 4",Georgia,serif;
  --dl-ficha:"IBM Plex Mono",Menlo,Consolas,monospace;
  --dl-margen:20px;
}
@media (min-width:768px){ :root{ --dl-margen:32px; } }
@media (min-width:1025px){ :root{ --dl-margen:48px; } }


/* 3 · BASE */
body{background:var(--dl-papel);color:var(--dl-tinta);
  font-family:var(--dl-lectura);line-height:1.6}
/* "html body" le gana al 16 px que el tema fija en pantallas chicas (__responsive.css) */
html body{font-size:18px}
@media (min-width:1025px){ html body{font-size:20px} }
:focus-visible{outline:2px solid var(--dl-naranja);outline-offset:2px}


/* 4 · LETRAS DEL TEMA ANN
   El tema dejó de pedir letras a Google y a Adobe (Personalizar › Letras, tanda 5).
   Acá se le dice qué familia usar en cada lugar. */
:root:root{
  --theme-font-p_font-family:var(--dl-lectura);
  --theme-font-post_font-family:var(--dl-lectura);
  --theme-font-info_font-family:var(--dl-ficha);
  --theme-font-input_font-family:var(--dl-lectura);
  --theme-font-h1_font-family:var(--dl-display);
  --theme-font-h2_font-family:var(--dl-display);
  --theme-font-h3_font-family:var(--dl-display);
  --theme-font-h4_font-family:var(--dl-display);
  --theme-font-h5_font-family:var(--dl-display);
  --theme-font-h6_font-family:var(--dl-display);
  --theme-font-logo_font-family:var(--dl-display);
  --theme-font-menu_font-family:var(--dl-display);
  --theme-font-submenu_font-family:var(--dl-display);
  --theme-font-button_font-family:var(--dl-display);
  --theme-font-other_font-family:var(--dl-ficha);
}
h1,h2,h3,h4,h5,h6{font-family:var(--dl-display);text-transform:uppercase}

/* Tamaño de lectura: 18 px en celular, 20 px en computadora (el tema traía 16) */
:root:root{ --theme-font-p_font-size:18px; --theme-font-p_line-height:1.6; }
@media (min-width:1025px){ :root:root{ --theme-font-p_font-size:20px; } }


/* 5 · MÁRGENES DE PÁGINA (manual 1.2 · 20 / 32 / 48, contenido máx. 1184)
   Los da el contenedor del tema (content_wrap), así valen igual en páginas de Elementor y de la tienda.
   No se agregan márgenes en las secciones de Elementor: se sumarían. */
:root:root{ --theme-var-page:min(var(--theme-var-page_width,1184px), calc(100vw - var(--dl-margen) * 2)); }


/* 6 · CLASES (en Elementor: Avanzado › Clases CSS) */

/* Titulares: Archivo ancho 62 */
.dl-titulo,.dl-titulo .elementor-heading-title,.elementor-heading-title.dl-titulo{
  font-family:var(--dl-display);font-stretch:62%;
  font-variation-settings:"wdth" 62;font-weight:800;
  text-transform:uppercase;line-height:.9;text-wrap:balance;color:var(--dl-tinta)}
/* Subtítulos: Archivo ancho 75 */
.dl-sub,.dl-sub .elementor-heading-title{font-family:var(--dl-display);font-stretch:75%;
  font-variation-settings:"wdth" 75;font-weight:700;text-transform:uppercase;line-height:.95}
/* Fichas: Plex Mono */
.dl-ficha,.dl-ficha .elementor-heading-title,.dl-ficha .elementor-widget-container{
  font-family:var(--dl-ficha);font-size:12px;font-weight:400;
  letter-spacing:.06em;text-transform:uppercase;color:var(--dl-tinta-2);line-height:1.5}


/* 7 · BOTONES Y CAMPOS */
.dl-boton,.elementor-button,.woocommerce .button,.woocommerce button.button,.sc_button{
  font-family:var(--dl-display);font-stretch:85%;
  font-variation-settings:"wdth" 85;font-weight:700;
  text-transform:uppercase;letter-spacing:.05em;font-size:15px;
  border-radius:0;box-shadow:none;min-height:48px}

/* Botón principal: uno por pantalla */
.dl-principal .elementor-button,.single_add_to_cart_button{
  background:var(--dl-naranja)!important;color:var(--dl-tinta)!important;
  border:1.5px solid var(--dl-naranja)!important}
.dl-principal .elementor-button:hover,.dl-principal .elementor-button:focus-visible,.single_add_to_cart_button:hover{
  background:var(--dl-tinta)!important;color:var(--dl-papel)!important;border-color:var(--dl-tinta)!important}
@media (max-width:767px){ .dl-principal .elementor-button,.single_add_to_cart_button{width:100%;justify-content:center} }

/* Campos: 16 px evita el zoom del iPhone */
input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=hidden]),select,textarea{
  font-size:16px;border:1.5px solid var(--dl-tinta);
  border-radius:0;background:var(--dl-blanco);min-height:48px}
textarea{min-height:96px}

/* 8 · PORTADA (paso 8 · manual 1.4)
   La estructura de cada tramo la dan estas clases; textos y fotos se editan en Elementor.
   Los tramos van en el orden del manual: cubierta · índice · Libros · Tendencias · Papers… */

/* La portada arranca pegada a la barra: sin el aire que el tema pone arriba y abajo */
.page_content_wrap:has(.dl-cubierta){padding-top:0!important;padding-bottom:0!important}
/* La foto sale "a sangre": se recorta lo que pase del borde de la pantalla */
body:has(.dl-cubierta){overflow-x:clip}

/* Contenedores de Elementor dentro de la portada: sin relleno ni separación propios */
.e-con.dl-cubierta,.e-con.dl-cubierta-lema,.e-con.dl-cubierta-foto,.e-con.dl-cubierta-pie,
.e-con.dl-indice,.e-con.dl-indice-filas,.e-con.dl-indice-fila{
  --padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;
  --margin-top:0px;--margin-bottom:0px;--width:auto;min-width:0}

/* ---------- Tramo 2 · Cubierta con oferta de suscripción (paso 9 · AA1, A1–E1) ----------
   Un lado, la cianotipia con el lema encima (blanco sobre velo índigo) y la Fig. 01
   rotulada dentro de la lámina, arriba (C1). El otro, la oferta de suscripción sobre papel,
   cerrada por el slogan con un filete (B1). Sin "Buenos Aires · 2027" (D1).
   Celular y tableta vertical: apilado (foto 4:3 y 16:9). Tableta apaisada y computadora:
   mitad y mitad, la foto a sangre hacia la izquierda (A1). */
.e-con.dl-cubierta-oferta{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;
  --margin-top:0px;--margin-bottom:0px;--width:auto;min-width:0}
.e-con.dl-cubierta{display:grid!important;grid-template-columns:minmax(0,1fr);
  grid-template-areas:"foto" "oferta" "pie";row-gap:0;column-gap:0;
  --padding-top:0px;--padding-bottom:48px}

/* Lámina: la foto a sangre con el velo índigo que asegura el contraste del lema */
.e-con.dl-cubierta-foto{grid-area:foto;position:relative;align-self:stretch;--gap:0px;
  margin-block:0;max-width:none;margin-inline:calc(var(--dl-margen) * -1);overflow:hidden}
.e-con.dl-cubierta-foto::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
  background:linear-gradient(to top,rgba(36,57,139,.90) 0%,rgba(36,57,139,.74) 55%,rgba(36,57,139,.38) 100%)}
.dl-cubierta-foto .elementor-widget-image,.dl-cubierta-foto img{display:block;width:100%;margin:0}
.dl-cubierta-foto img{aspect-ratio:4/3;height:auto;object-fit:cover;border-radius:0}
.dl-cubierta-foto .dl-ficha{position:absolute;z-index:2;top:14px;left:var(--dl-margen);
  right:var(--dl-margen);padding:0;font-size:11px}
.dl-cubierta-foto .dl-ficha .elementor-heading-title{color:var(--dl-blanco)!important;opacity:.92}

/* Lema sobre la lámina: la letra sigue al ancho de su columna, tope 112 px (B1 del paso 8) */
.e-con.dl-cubierta-lema{grid-area:foto;position:relative;z-index:2;align-self:end;
  --gap:16px;container-type:inline-size;padding:0 0 40px!important}
.dl-lema .elementor-heading-title{font-size:min(112px,14.5cqi)!important;line-height:.86!important;
  margin:0;hyphens:manual;overflow-wrap:normal}
.dl-lema .elementor-heading-title,.dl-lema .elementor-heading-title span{color:var(--dl-blanco)!important}
.dl-lema .elementor-heading-title span{display:block}

/* Oferta */
.e-con.dl-cubierta-oferta{grid-area:oferta;display:flex;flex-direction:column;gap:16px;padding-top:24px}
.dl-oferta-tit .elementor-heading-title{font-size:clamp(40px,5vw,72px)!important;line-height:.9!important;margin:0}
.dl-oferta-txt,.dl-oferta-txt p{font-family:var(--dl-lectura);font-size:18px;line-height:1.5;
  color:var(--dl-tinta);margin:0;max-width:36ch;text-wrap:pretty}
.dl-oferta-txt strong{font-weight:600}
.dl-oferta-enlace p{margin:0}
.dl-oferta-enlace a{display:inline-flex;align-items:center;min-height:44px;font-family:var(--dl-lectura);
  font-size:17px;color:var(--dl-indigo);text-decoration:underline;text-underline-offset:3px}
.dl-oferta-enlace a:hover{color:var(--dl-tinta)}
.dl-cubierta .dl-principal{margin-top:8px}

/* Slogan: cierra la columna, como el pie de imprenta de una tapa */
.e-con.dl-cubierta-pie{grid-area:pie;--gap:16px;margin-top:32px;padding-top:16px!important;
  border-top:1px solid var(--dl-linea)}
.dl-slogan,.dl-slogan p{font-family:var(--dl-lectura);font-size:18px;line-height:1.35;
  color:var(--dl-tinta-2);max-width:34ch;margin:0;text-wrap:pretty}

/* Tableta vertical: apilada, foto apaisada */
@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){
  .dl-cubierta-foto img{aspect-ratio:16/9}
  .dl-cubierta-foto .dl-ficha{top:20px}
  .dl-lema .elementor-heading-title{font-size:min(88px,10cqi)!important}
  .e-con.dl-cubierta-lema{padding:0 0 48px!important}
  .e-con.dl-cubierta-oferta{padding-top:32px}
  .dl-oferta-txt,.dl-oferta-txt p{font-size:20px}
}
/* Tableta apaisada y computadora: mitad y mitad */
@media (min-width:1025px),(min-width:768px) and (orientation:landscape){
  .e-con.dl-cubierta{grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    grid-template-areas:"foto oferta" "foto pie";grid-template-rows:1fr auto;column-gap:32px;
    height:min(calc(100svh - 64px),640px);min-height:520px;--padding-bottom:0px}
  .e-con.dl-cubierta-foto{margin-inline:0;margin-left:calc((var(--theme-var-page) - 100vw) / 2)}
  .dl-cubierta-foto .elementor-widget-image,.dl-cubierta-foto .elementor-widget-container{height:100%}
  .dl-cubierta-foto img{aspect-ratio:auto;height:100%;max-height:none}
  .dl-cubierta-foto .dl-ficha{left:calc((100vw - var(--theme-var-page)) / 2);top:20px}
  .e-con.dl-cubierta-lema{padding:0 24px 48px 0!important}
  .dl-lema .elementor-heading-title{font-size:min(112px,16.6cqi)!important}
  .e-con.dl-cubierta-oferta{align-self:center;padding-top:32px}
  .e-con.dl-cubierta-pie{align-self:end;margin:0 0 32px}
  .dl-oferta-txt,.dl-oferta-txt p{font-size:20px}
}
@media (min-width:1025px){
  .e-con.dl-cubierta{column-gap:48px;height:clamp(560px,calc(100svh - 80px),760px)}
  .e-con.dl-cubierta-lema{padding:0 32px 56px 0!important}
  .dl-cubierta-foto .dl-ficha{top:24px}
  .dl-slogan,.dl-slogan p{font-size:20px}
}

/* ---------- Tramo 3 · Índice ---------- */
/* Celular y tableta: 4 filas tocables. Computadora: 1 fila de 4. */
.e-con.dl-indice{display:block!important;border-top:2px solid var(--dl-tinta);
  --padding-top:24px;--padding-bottom:48px}
.dl-indice-tit .elementor-heading-title{margin:0 0 12px}
.e-con.dl-indice-filas{display:grid!important;grid-template-columns:minmax(0,1fr);gap:0;
  border-top:1px solid var(--dl-tinta)}
.e-con.dl-indice-fila{display:grid!important;grid-template-columns:40px minmax(0,1fr) 24px;
  grid-template-areas:"num nom fle" "num des fle";column-gap:8px;row-gap:4px;align-items:baseline;
  padding:16px 0!important;min-height:64px;border-bottom:1px solid var(--dl-linea);
  color:var(--dl-tinta)!important;text-decoration:none!important}
.dl-indice-fila::after{content:"\2193";grid-area:fle;align-self:center;justify-self:end;
  font-family:var(--dl-ficha);font-size:16px;color:var(--dl-tinta)}
.dl-indice-num{grid-area:num;align-self:start;padding-top:4px}
.dl-indice-num .elementor-heading-title{color:var(--dl-indigo)!important;margin:0}
.dl-indice-nom{grid-area:nom}
.dl-indice-nom .elementor-heading-title{font-size:40px!important;line-height:.9!important;margin:0;color:inherit}
.dl-indice-des{grid-area:des}
.dl-indice-des,.dl-indice-des p{font-family:var(--dl-lectura);font-size:16px;line-height:1.45;
  color:var(--dl-tinta-2);margin:0}
.dl-indice-fila:hover .dl-indice-nom .elementor-heading-title,
.dl-indice-fila:focus-visible .dl-indice-nom .elementor-heading-title{color:var(--dl-indigo)}

@media (min-width:1025px){
  .e-con.dl-indice{--padding-top:32px;--padding-bottom:64px}
  .e-con.dl-indice-filas{grid-template-columns:repeat(4,minmax(0,1fr))}
  .e-con.dl-indice-fila{grid-template-columns:minmax(0,1fr) 24px;
    grid-template-areas:"num fle" "nom nom" "des des";row-gap:12px;align-items:start;
    padding:20px 24px 24px!important;border-bottom:0;border-left:1px solid var(--dl-linea)}
  .e-con.dl-indice-fila:first-child{border-left:0;padding-left:0!important}
  .dl-indice-fila::after{align-self:start}
  .dl-indice-nom .elementor-heading-title{font-size:48px!important}
}


/* ---------- 8 · PORTADA · tanda 2 (Libros y Tendencias) ---------- */
/* ---------- Anclas del índice (C1) ----------
   Al tocar una fila del índice, el tramo queda a la vista y no debajo de la barra fija (computadora). */
body:has(.dl-cubierta) .e-con[id]{scroll-margin-top:16px}
@media (min-width:1025px){ body:has(.dl-cubierta) .e-con[id]{scroll-margin-top:96px} }

/* Contenedores de los tramos 4 y 5: sin relleno ni separación propios */
.e-con.dl-libros,.e-con.dl-tramo-cab,.e-con.dl-libros-pie,.e-con.dl-tarjeta,
.e-con.dl-tendencias,.e-con.dl-tend-foto,.e-con.dl-tend-texto{
  --padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;
  --margin-top:0px;--margin-bottom:0px;--width:auto;min-width:0}

/* ---------- Cabecera de tramo (Libros, Tendencias y los que siguen) ---------- */
/* Ficha con número y pieza · H2 con el nombre del menú · una bajada */
.e-con.dl-tramo-cab{display:grid!important;grid-template-columns:minmax(0,1fr);
  grid-template-areas:"num" "tit" "baj";row-gap:12px;margin-bottom:32px}
.dl-tramo-num{grid-area:num}
.dl-tramo-num .elementor-heading-title{margin:0}
.dl-tramo-tit{grid-area:tit}
.dl-tramo-tit .elementor-heading-title{font-size:clamp(40px,5vw,72px)!important;line-height:.9!important;margin:0}
.dl-tramo-baj{grid-area:baj}
.dl-tramo-baj,.dl-tramo-baj p{font-family:var(--dl-lectura);font-size:18px;line-height:1.5;
  color:var(--dl-tinta);margin:0;max-width:44ch;text-wrap:pretty}

/* ---------- Tramo 4 · Libros ---------- */
/* Celular: 2 por fila, 4 títulos. Desde 768: 4 por fila, 8 títulos. Un solo botón naranja. */
.e-con.dl-libros{display:block!important;border-top:2px solid var(--dl-tinta);
  --padding-top:24px;--padding-bottom:64px}
.dl-libros-grilla .e-loop-nothing-found-message{display:none}
@media (max-width:767px){
  .dl-libros-grilla .elementor-loop-container>:nth-child(n+5){display:none}
}

/* Tarjeta de libro (plantilla de bucle "DNIMLAB · Tarjeta de libro"): toda la tarjeta se toca */
.e-con.dl-tarjeta{display:flex!important;flex-direction:column;gap:6px;height:100%;
  color:var(--dl-tinta)!important;text-decoration:none!important}
.dl-tarjeta-tapa,.dl-tarjeta-tapa .elementor-widget-container{margin:0 0 4px;line-height:0}
.dl-tarjeta-tapa img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;
  border:1px solid var(--dl-tinta-2);background:var(--dl-blanco);border-radius:0;max-width:none}
.dl-tarjeta-ficha .elementor-heading-title{font-size:11px!important;margin:0}
.dl-tarjeta-tit .elementor-heading-title{font-size:20px!important;line-height:.95!important;margin:0;color:inherit}
.dl-tarjeta-baj .elementor-heading-title{font-family:var(--dl-lectura)!important;font-size:14px!important;
  font-weight:400!important;line-height:1.35!important;text-transform:none!important;letter-spacing:0!important;
  color:var(--dl-tinta-2)!important;margin:0}
.dl-tarjeta:hover .dl-tarjeta-tit .elementor-heading-title,
.dl-tarjeta:focus-visible .dl-tarjeta-tit .elementor-heading-title{color:var(--dl-indigo)}

.e-con.dl-libros-pie{display:block!important;margin-top:40px}

@media (min-width:768px){
  .e-con.dl-tramo-cab{margin-bottom:40px}
  .dl-tramo-baj,.dl-tramo-baj p{font-size:20px}
}
@media (min-width:1025px){
  .e-con.dl-libros{--padding-top:32px;--padding-bottom:96px}
  /* Cabecera en dos columnas: nombre a la izquierda (7), bajada a la derecha (5) */
  .e-con.dl-tramo-cab{grid-template-columns:minmax(0,7fr) minmax(0,5fr);
    grid-template-areas:"num num" "tit baj";column-gap:48px;align-items:end;margin-bottom:48px}
  .dl-tarjeta-tit .elementor-heading-title{font-size:24px!important}
  .e-con.dl-libros-pie{margin-top:48px}
}

/* ---------- Tramo 5 · Tendencias ---------- */
/* Banda índigo a sangre: la única de la página. Celular: foto arriba (4:3, decisión A2), texto abajo.
   Desde 768: foto a la izquierda, texto a la derecha. Texto en blanco; botón con borde blanco, nunca naranja. */
.e-con.dl-tendencias{display:grid!important;grid-template-columns:minmax(0,1fr);gap:0;
  background:var(--dl-indigo);color:var(--dl-blanco);
  margin-inline:calc((var(--theme-var-page) - 100vw) / 2)}
.e-con.dl-tend-foto{display:flex!important;flex-direction:column;gap:8px;margin:0;max-width:none}
.dl-tend-foto .elementor-widget-image,.dl-tend-foto .elementor-widget-image .elementor-widget-container{margin:0;line-height:0}
.dl-tend-foto img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:0;max-width:none}
.dl-tend-pie{padding-inline:var(--dl-margen)}
.dl-tendencias .dl-ficha .elementor-heading-title{color:var(--dl-blanco)!important}
.dl-tend-pie .elementor-heading-title{font-size:11px!important;margin:0}
.e-con.dl-tend-texto{display:flex!important;flex-direction:column;align-items:flex-start;gap:16px;
  padding:32px var(--dl-margen) 48px!important}
.dl-tendencias .dl-tramo-tit .elementor-heading-title,
.dl-tendencias .dl-tramo-baj,.dl-tendencias .dl-tramo-baj p{color:var(--dl-blanco)!important}
.dl-tend-precio .elementor-heading-title{margin:0;line-height:1.8!important}

/* Botón sobre índigo: borde y texto blancos. Al pasar el mouse, se llena de blanco. */
.dl-boton-blanco .elementor-button{background:transparent!important;color:var(--dl-blanco)!important;
  border:1.5px solid var(--dl-blanco)!important;border-radius:0!important;box-shadow:none!important}
.dl-boton-blanco .elementor-button:hover,.dl-boton-blanco .elementor-button:focus-visible{
  background:var(--dl-blanco)!important;color:var(--dl-indigo)!important}
.dl-tend-boton{margin-top:8px}

@media (min-width:768px){
  .e-con.dl-tendencias{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  /* La foto ocupa el alto que pide el texto (contain:size evita que su proporción estire la banda) */
  .dl-tend-foto .elementor-widget-image{flex:1 1 auto;contain:size;min-height:440px}
  .dl-tend-foto .elementor-widget-image .elementor-widget-container{height:100%}
  .dl-tend-foto img{aspect-ratio:auto;height:100%}
  .dl-tend-pie{padding:0 var(--dl-margen) 12px}
  .e-con.dl-tend-texto{justify-content:center;
    padding:48px calc((100vw - var(--theme-var-page)) / 2) 48px 32px!important}
}
@media (min-width:1025px){
  /* Foto en 7 columnas desde el borde de la pantalla; texto en 5, alineado con la grilla */
  .e-con.dl-tendencias{grid-template-columns:calc((100vw - var(--theme-var-page)) / 2 + (var(--theme-var-page) + 24px) * 7 / 12) minmax(0,1fr)}
  .dl-tend-foto .elementor-widget-image{min-height:560px}
  .e-con.dl-tend-texto{gap:20px;padding:96px calc((100vw - var(--theme-var-page)) / 2) 96px 48px!important}
}


/* ---------- 8 · PORTADA · tanda 3 (Papers, Suscripción, Objetos, Avisos) ---------- */
/* Contenedores de los tramos 6 a 9: sin relleno ni separación propios */
.e-con.dl-papers,.e-con.dl-papers-grilla,.e-con.dl-exp,.e-con.dl-exp-hoja,.e-con.dl-exp-acciones,.e-con.dl-papers-pie,
.e-con.dl-suscripcion,.e-con.dl-planes,.e-con.dl-plan,.e-con.dl-plan-cab,
.e-con.dl-objav,.e-con.dl-objetos,.e-con.dl-objetos-pie,.e-con.dl-avisos{
  --padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;
  --margin-top:0px;--margin-bottom:0px;--width:auto;min-width:0}

/* ---------- Botones de la tanda 3 ---------- */
/* Con borde (secundario): tinta sobre papel. Al pasar el mouse, se llena de tinta. Nunca naranja. */
.dl-boton-borde .elementor-button,.dl-avisos-form .elementor-button{
  background:transparent!important;color:var(--dl-tinta)!important;
  border:1.5px solid var(--dl-tinta)!important;border-radius:0!important;box-shadow:none!important;
  display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:48px}
.dl-boton-borde .elementor-button:hover,.dl-boton-borde .elementor-button:focus-visible,
.dl-avisos-form .elementor-button:hover,.dl-avisos-form .elementor-button:focus-visible{
  background:var(--dl-tinta)!important;color:var(--dl-papel)!important}
/* Enlace de acción (terciario): índigo subrayado, 44 px tocables */
.dl-boton-enlace .elementor-button{background:transparent!important;color:var(--dl-indigo)!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;
  min-height:44px;display:inline-flex;align-items:center;font-size:14px;
  text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.dl-boton-enlace .elementor-button:hover{color:var(--dl-tinta)!important}
/* En el celular, los botones de estos tramos van a todo el ancho, como el naranja de Libros */
@media (max-width:767px){
  .dl-papers .dl-boton-borde .elementor-button,.dl-suscripcion .dl-plan-boton .elementor-button,
  .dl-objetos .dl-boton-borde .elementor-button{width:100%}
}

/* ---------- Tramo 6 · Papers ---------- */
/* Expediente: hoja en gris carpeta con borde tinta y pestaña con el número.
   Celular: 2 expedientes apilados. Tableta: 2 lado a lado. Computadora: 3 en fila. PDF gratis con borde; el pedido, enlace. */
.e-con.dl-papers{display:block!important;border-top:2px solid var(--dl-tinta);
  --padding-top:24px;--padding-bottom:64px}
.e-con.dl-papers-grilla{display:grid!important;grid-template-columns:minmax(0,1fr);gap:32px}
@media (max-width:767px){ .dl-papers-grilla>.dl-exp:nth-child(n+3){display:none!important} }
.e-con.dl-exp{display:flex!important;flex-direction:column;align-items:flex-start;gap:0}
.dl-exp-tab{position:relative;z-index:1;margin-bottom:-1px!important;width:auto!important}
.dl-exp-tab .elementor-heading-title{display:inline-block;background:var(--dl-carpeta);
  border:1px solid var(--dl-tinta);border-bottom:0;padding:5px 12px 3px;margin:0;
  color:var(--dl-tinta)!important;font-variant-numeric:tabular-nums}
.e-con.dl-exp-hoja{align-self:stretch;flex:1 1 auto;display:flex!important;flex-direction:column;gap:12px;
  background:var(--dl-carpeta);border:1px solid var(--dl-tinta);padding:20px 16px!important}
.dl-exp-serie .elementor-heading-title{margin:0;font-size:11px}
.dl-exp-tit .elementor-heading-title{font-size:28px!important;line-height:.92!important;margin:0;color:var(--dl-tinta)}
.dl-exp-datos dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;margin:0;
  font-family:var(--dl-ficha);font-size:12px;letter-spacing:.03em;line-height:1.5}
.dl-exp-datos dt{color:var(--dl-tinta-2);text-transform:uppercase;font-weight:400}
.dl-exp-datos dd{margin:0;min-width:0;overflow-wrap:anywhere;color:var(--dl-tinta)}
.e-con.dl-exp-acciones{display:flex!important;flex-direction:column;align-items:stretch;gap:4px;
  --margin-top:auto;padding-top:8px!important}
.dl-exp-pdf .elementor-button{width:100%}
.e-con.dl-papers-pie{display:block!important;margin-top:40px}

/* ---------- Tramo 7 · Suscripción ---------- */
/* Lector con borde tinta; Profesional en índigo. Apilados en el celular, lado a lado desde 768. Sin naranja. */
.e-con.dl-suscripcion{display:block!important;border-top:2px solid var(--dl-tinta);
  --padding-top:24px;--padding-bottom:64px}
.e-con.dl-planes{display:grid!important;grid-template-columns:minmax(0,1fr);gap:16px}
.e-con.dl-plan{display:flex!important;flex-direction:column;gap:16px;
  border:1px solid var(--dl-tinta);padding:24px 20px!important}
.e-con.dl-plan-pro{background:var(--dl-indigo);border-color:var(--dl-indigo);color:var(--dl-blanco)}
.e-con.dl-plan-cab{display:flex!important;flex-direction:column;align-items:flex-start;gap:6px}
.dl-plan-nom{width:auto!important}
.dl-plan-nom .elementor-heading-title{font-size:40px!important;line-height:.9!important;margin:0}
.dl-plan-precio{width:auto!important}
.dl-plan-precio .elementor-heading-title{margin:0;font-variant-numeric:tabular-nums}
.dl-plan-pro .dl-plan-nom .elementor-heading-title,
.dl-plan-pro .dl-ficha .elementor-heading-title{color:var(--dl-blanco)!important}
.dl-plan-lista ul{list-style:none;margin:0;padding:0}
.dl-plan-lista li{padding:8px 0;border-top:1px solid var(--dl-linea);margin:0;
  font-family:var(--dl-lectura);font-size:16px;line-height:1.45;color:var(--dl-tinta)}
.dl-plan-lista li:last-child{border-bottom:1px solid var(--dl-linea)}
.dl-plan-pro .dl-plan-lista li{color:var(--dl-blanco);border-color:rgba(255,255,255,.32)}
.dl-plan>.dl-plan-boton{margin-top:auto!important}
.dl-plan-boton .elementor-button{width:100%}
.dl-planes-nota{margin-top:16px!important}
.dl-planes-nota,.dl-planes-nota p{font-family:var(--dl-lectura);font-size:15px;line-height:1.5;
  color:var(--dl-tinta-2);margin:0;max-width:60ch}
.dl-planes-nota a{color:var(--dl-indigo);text-decoration:underline;text-underline-offset:3px}

/* ---------- Tramos 8 y 9 · Objetos y Avisos por correo ---------- */
/* Celular: uno debajo del otro. Desde 768: objeto a la izquierda (7), avisos a la derecha (5). */
.e-con.dl-objav{display:grid!important;grid-template-columns:minmax(0,1fr);gap:0}
.e-con.dl-objetos,.e-con.dl-avisos{display:block!important;border-top:2px solid var(--dl-tinta);
  --padding-top:24px;--padding-bottom:64px}
/* Objeto: la tarjeta de libro (453) con foto a color real 4:3, sin borde de tapa */
.dl-objetos .dl-tarjeta-tapa img{aspect-ratio:4/3;border:0;background:transparent}
.dl-objetos .dl-tarjeta-tit .elementor-heading-title{font-size:28px!important}
.dl-objetos-grilla .e-loop-nothing-found-message{display:none}
.e-con.dl-objetos-pie{display:block!important;margin-top:32px}
/* Avisos: un solo campo (C1). Etiqueta arriba en ficha, campo blanco de 48 px, letra de 16 px. */
.dl-avisos-form .elementor-form-fields-wrapper{margin:0!important}
.dl-avisos-form .elementor-field-group{padding:0!important;margin:0 0 12px!important}
.dl-avisos-form .elementor-field-label{font-family:var(--dl-ficha);font-size:11px;font-weight:400;
  letter-spacing:.05em;text-transform:uppercase;color:var(--dl-tinta-2);padding:0 0 6px!important;margin:0}
.dl-avisos-form .elementor-field-textual{font-family:var(--dl-lectura)!important;font-size:16px!important;
  padding:13px 12px!important;border:1.5px solid var(--dl-tinta)!important;background:var(--dl-blanco)!important;
  color:var(--dl-tinta)!important;border-radius:0!important;min-height:48px;line-height:1.3}
.dl-avisos-form .e-form__buttons{padding:0!important;margin:0!important}
.dl-avisos-form .elementor-button{width:100%;box-sizing:border-box;min-height:48px!important;padding:8px 18px!important;line-height:1.2!important;
  font-family:var(--dl-display);font-stretch:85%;font-variation-settings:"wdth" 85;font-weight:700;
  text-transform:uppercase;letter-spacing:.05em;font-size:15px!important}
/* Error: borde naranja y mensaje en tinta con un cuadrado naranja. El naranja nunca va en el texto. */
.dl-avisos-form .elementor-error .elementor-field-textual{border-color:var(--dl-naranja)!important}
.dl-avisos-form .elementor-message{font-family:var(--dl-lectura);font-size:14px;line-height:1.4;
  color:var(--dl-tinta)!important;display:flex;gap:8px;align-items:baseline;margin-top:8px}
.dl-avisos-form .elementor-message::before{content:""!important;display:block;width:8px;height:8px;
  background:var(--dl-naranja);flex:none;margin:0!important;font-family:inherit!important}
.dl-avisos-form .elementor-message.elementor-message-success::before{background:var(--dl-indigo)}
.dl-avisos-nota{margin-top:12px!important}
.dl-avisos-nota,.dl-avisos-nota p{font-family:var(--dl-lectura);font-size:14px;line-height:1.5;
  color:var(--dl-tinta-2);margin:0}
.dl-avisos-nota a{color:var(--dl-indigo);text-decoration:underline;text-underline-offset:3px}

@media (min-width:768px){
  .e-con.dl-planes{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
  .e-con.dl-objav{grid-template-columns:minmax(0,7fr) minmax(0,5fr);border-top:2px solid var(--dl-tinta)}
  .e-con.dl-objetos,.e-con.dl-avisos{border-top:0}
  .e-con.dl-objetos{padding-right:32px!important}
  .e-con.dl-avisos{border-left:1px solid var(--dl-linea);padding-left:32px!important}
  /* En media pantalla la cabecera va en una sola columna */
  .dl-objav .e-con.dl-tramo-cab{grid-template-columns:minmax(0,1fr);grid-template-areas:"num" "tit" "baj";
    align-items:start}
}
@media (min-width:768px) and (max-width:1024px){
  /* Tableta: dos expedientes lado a lado. Con tres, el DOI y el botón se partían en 216 px. */
  .e-con.dl-papers-grilla{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
  .dl-papers-grilla>.dl-exp:nth-child(n+3){display:none!important}
}
@media (min-width:1025px){
  .e-con.dl-papers,.e-con.dl-suscripcion,.e-con.dl-objetos,.e-con.dl-avisos{--padding-top:32px;--padding-bottom:96px}
  .e-con.dl-papers-grilla{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
  .e-con.dl-exp-hoja{padding:24px 20px!important}
  .dl-exp-tit .elementor-heading-title{font-size:32px!important}
  .e-con.dl-papers-pie{margin-top:48px}
  .e-con.dl-plan{padding:32px 28px!important;gap:20px}
  .dl-plan-nom .elementor-heading-title{font-size:48px!important}
  .e-con.dl-objetos{padding-right:48px!important}
  .e-con.dl-avisos{padding-left:48px!important}
  .dl-objetos .dl-tarjeta-tit .elementor-heading-title{font-size:32px!important}
}


/* ---------- 8 · tanda 3b (24.10.2026) ---------- */
/* Expediente como la pieza del manual: dos botones a todo el ancho, PDF primero.
   "Pedir el expediente" con borde en la portada (el naranja de la portada es de Libros). */
.e-con.dl-exp-acciones{gap:12px}
.dl-exp-pedir .elementor-button{width:100%}
.dl-exp-datos dt,.dl-exp-datos dd{font-size:12px}

/* ---------- Página provisoria "Próximamente" (A1) ----------
   Va en la raíz cerca de un mes antes del lanzamiento: logo, lema, un solo campo de correo. */
body:has(.dl-pre){background:var(--dl-papel)}
.e-con.dl-pre,.e-con.dl-pre-cab,.e-con.dl-pre-cuerpo,.e-con.dl-pre-pie{
  --padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;
  --margin-top:0px;--margin-bottom:0px;--width:auto;min-width:0}
.e-con.dl-pre{display:flex!important;flex-direction:column;min-height:100svh;
  max-width:1184px;margin-inline:auto!important;padding:0 var(--dl-margen)!important}
.e-con.dl-pre-cab{display:block!important;padding:20px 0!important;border-bottom:1px solid var(--dl-tinta)}
.dl-pre-logo img{width:132px;height:auto;display:block}
.e-con.dl-pre-cuerpo{display:flex!important;flex-direction:column;gap:16px;padding:40px 0 48px!important;
  max-width:560px}
.dl-pre-fecha .elementor-heading-title{margin:0}
.dl-pre-lema .elementor-heading-title{font-size:clamp(48px,13vw,96px)!important;line-height:.86!important;margin:0}
.dl-pre-lema .elementor-heading-title span{display:block;color:var(--dl-indigo)}
.dl-pre-baj,.dl-pre-baj p{font-family:var(--dl-lectura);font-size:18px;line-height:1.5;color:var(--dl-tinta);margin:0;max-width:40ch}
.dl-pre-form{margin-top:8px}
.e-con.dl-pre-pie{display:flex!important;flex-direction:column;gap:8px;margin-top:auto!important;
  padding:20px 0 24px!important;border-top:2px solid var(--dl-tinta)}
.dl-pre-slogan,.dl-pre-slogan p{font-size:14px!important;line-height:1.45}
.dl-pre-redes .elementor-heading-title{margin:0}
.dl-pre-redes a{color:var(--dl-indigo);text-decoration:underline;text-underline-offset:3px}
@media (min-width:1025px){
  .dl-pre-logo img{width:188px}
  .e-con.dl-pre-cab{padding:24px 0!important}
  .e-con.dl-pre-cuerpo{padding:96px 0!important;max-width:720px}
  .dl-pre-baj,.dl-pre-baj p{font-size:20px}
}
/* En la página provisoria "Avisarme" es la única acción: es el naranja de esa pantalla */
.dl-pre-form .elementor-button{background:var(--dl-naranja)!important;border-color:var(--dl-naranja)!important;color:var(--dl-tinta)!important}
.dl-pre-form .elementor-button:hover,.dl-pre-form .elementor-button:focus-visible{background:var(--dl-tinta)!important;border-color:var(--dl-tinta)!important;color:var(--dl-papel)!important}

/* ---------- 8 · tanda 4 · Serie de Origen (24.10.2026 · M1, B1, C1, H2) ---------- */
/* Tramo condicional entre el Índice y Libros. El contenido sale del código corto [dnimlab_serie]:
   si no hay una serie abierta, no devuelve nada y el tramo entero se oculta.
   H2 corregida (parte 4): con registro de tirada 00–09; sin explicación del precio (va en las preguntas frecuentes). */
.e-con.dl-serie{display:block!important;border-top:2px solid var(--dl-tinta);
  --padding-top:24px;--padding-right:0px;--padding-bottom:64px;--padding-left:0px;
  --margin-top:0px;--margin-bottom:0px;--width:auto;min-width:0}
.e-con.dl-serie:not(:has(.dl-serie-libro)){display:none!important}
.dl-serie .elementor-shortcode{margin:0}

/* Celular: tapa chica a la izquierda con ficha, título, firma y estado; la compra a todo el ancho */
.dl-serie-libro{display:grid;grid-template-columns:112px minmax(0,1fr);column-gap:16px;
  grid-template-areas:"tapa ficha" "tapa tit" "tapa firma" "tapa est" "tapa ." "reg reg" "acc acc";
  grid-template-rows:auto auto auto auto 1fr auto auto;align-items:start}
.dl-serie-info{display:contents}
.dl-serie-tapa{grid-area:tapa;display:block;line-height:0;margin-bottom:24px}
.dl-serie-tapa img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;
  border:1px solid var(--dl-tinta-2);background:var(--dl-blanco);border-radius:0;max-width:none}
.dl-serie-ficha{grid-area:ficha;margin:0 0 8px!important;font-size:11px}
.dl-serie-tit{grid-area:tit;margin:0!important;font-size:28px!important;line-height:.92!important}
.dl-serie-tit a{color:var(--dl-tinta);text-decoration:none}
.dl-serie-tit a:hover,.dl-serie-tit a:focus-visible{color:var(--dl-indigo)}
.dl-serie-firma{grid-area:firma;margin:8px 0 0!important;font-family:var(--dl-lectura);
  font-size:15px;line-height:1.35;color:var(--dl-tinta-2)}
.dl-serie-estado{grid-area:est;margin:16px 0 0!important;font-size:12px;color:var(--dl-tinta)}
.dl-serie-acciones{grid-area:acc;display:flex;flex-direction:column;gap:8px;align-items:stretch}
/* B1: la compra de la serie es el naranja de esta pantalla */
a.dl-serie-comprar{display:flex;align-items:center;justify-content:center;text-align:center;
  box-sizing:border-box;min-height:48px;padding:8px 18px;line-height:1.2;background:var(--dl-naranja);border:1.5px solid var(--dl-naranja);
  color:var(--dl-tinta)!important;text-decoration:none!important}
a.dl-serie-comprar:hover,a.dl-serie-comprar:focus-visible{background:var(--dl-tinta);border-color:var(--dl-tinta);color:var(--dl-papel)!important}
a.dl-serie-cero{display:inline-flex;align-items:center;min-height:44px;color:var(--dl-indigo);
  font-family:var(--dl-display);font-stretch:85%;font-variation-settings:"wdth" 85;font-weight:700;
  text-transform:uppercase;letter-spacing:.05em;font-size:14px;
  text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
a.dl-serie-cero:hover{color:var(--dl-tinta)}
.dl-serie-cero-v{margin:0!important;font-family:var(--dl-ficha);font-size:12px;color:var(--dl-tinta-2)}

/* Registro de tirada 00–09 (parte 4): diez cuadros iguales; no se tocan, no se elige el número (O1).
   Vendido: lleno tinta · próximo: borde índigo de 2 px · libre: borde tinta 2. El 00, un poco aparte. Sin naranja. */
.dl-serie-tirada{grid-area:reg;list-style:none;margin:0 0 16px!important;padding:0!important;display:grid;
  grid-template-columns:minmax(0,1fr) 2px repeat(9,minmax(0,1fr));gap:4px;max-width:440px}
.dl-serie-tirada li{aspect-ratio:1;display:flex;align-items:center;justify-content:center;margin:0!important;padding:0!important;
  font-family:var(--dl-ficha);font-size:11px;font-weight:500;line-height:1;font-variant-numeric:tabular-nums;
  border:1px solid var(--dl-tinta-2);color:var(--dl-tinta-2);background:transparent}
.dl-serie-tirada li::before{content:none!important}
.dl-serie-tirada li:nth-child(2){grid-column-start:3}
.dl-serie-tirada li.v{background:var(--dl-tinta);border-color:var(--dl-tinta);color:var(--dl-papel)}
.dl-serie-tirada li.p{border:2px solid var(--dl-indigo);color:var(--dl-indigo)}

@media (min-width:768px){
  .dl-serie-libro{grid-template-columns:minmax(0,1fr) minmax(0,2fr);grid-template-areas:none;
    grid-template-rows:none;column-gap:32px;align-items:end}
  .dl-serie-tapa{grid-area:auto;margin:0}
  .dl-serie-info{display:flex;flex-direction:column;align-items:flex-start;min-width:0;max-width:640px}
  .dl-serie-tit{font-size:40px!important}
  .dl-serie-firma{font-size:16px}
  .dl-serie-estado{margin:24px 0 12px!important}
  .dl-serie-tirada{width:100%;margin:0 0 24px!important}
  .dl-serie-acciones{flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:24px}
}
@media (min-width:1025px){
  .e-con.dl-serie{--padding-top:32px;--padding-bottom:96px}
  .dl-serie-libro{grid-template-columns:minmax(0,3fr) minmax(0,9fr);column-gap:48px}
  .dl-serie-tit{font-size:48px!important}
}

/* ═════════════════════════════════════════════════════════════
   9 · TIENDA · tanda 2 · Portada: Serie de Origen / Novedad + Índice (S1, T1, U1, V1 · 24.10.2026)
   Un solo bloque .dl-portal antes de Libros. Celular y tableta: Serie (o Novedad) arriba, Índice abajo.
   Desde 1025: Serie 5 columnas a la izquierda, Índice 7 a la derecha en 2 × 2.
   La cabecera de la Serie sale del código corto [dnimlab_serie] (cambia con el estado).
   ═════════════════════════════════════════════════════════════ */
.e-con.dl-portal{display:grid!important;grid-template-columns:minmax(0,1fr);gap:0!important;
  border-top:2px solid var(--dl-tinta);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;padding:0!important}
.dl-portal>.e-con.dl-serie,.dl-portal>.e-con.dl-indice{border-top:0!important;width:auto!important;max-width:none!important}
.dl-portal>.e-con.dl-serie{padding-top:24px!important;padding-bottom:40px!important}
.dl-portal>.e-con.dl-indice{border-top:1px solid var(--dl-tinta)!important;padding-top:24px!important;padding-bottom:48px!important}
.dl-portal>.e-con.dl-serie:not(:has(.dl-serie-libro))+.e-con.dl-indice{border-top:0!important}
.dl-serie-cab{margin:0 0 20px}
.dl-serie-cab-num{margin:0 0 12px!important}
.dl-serie-cab-tit{margin:0!important;font-size:40px!important;line-height:.9!important;color:var(--dl-tinta)}
@media (min-width:768px) and (max-width:1024px){
  .dl-portal>.e-con.dl-serie{padding-bottom:64px!important}
}
@media (min-width:1025px){
  .e-con.dl-portal{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:48px!important}
  .dl-portal>.e-con.dl-serie{padding-top:32px!important;padding-bottom:64px!important}
  .dl-portal>.e-con.dl-indice{border-top:0!important;border-left:1px solid var(--dl-linea)!important;
    padding-top:32px!important;padding-bottom:64px!important;padding-left:48px!important}
  .dl-serie-cab-tit{font-size:48px!important}
  .dl-portal .dl-serie-libro{grid-template-columns:160px minmax(0,1fr)!important;column-gap:24px!important;
    grid-template-areas:"tapa ficha" "tapa tit" "tapa firma" "tapa est" "reg reg" "acc acc"!important}
  .dl-portal .dl-serie-info{display:contents!important}
  .dl-portal .dl-serie-tapa{grid-area:tapa!important;margin:0 0 24px!important}
  .dl-portal .dl-serie-tit{font-size:32px!important}
  .dl-portal .dl-serie-firma{font-size:16px}
  .dl-portal .dl-serie-estado{margin:16px 0 0!important}
  .dl-portal .dl-serie-tirada{grid-area:reg!important;width:auto;margin:0 0 16px!important}
  .dl-portal .dl-serie-acciones{grid-area:acc!important;flex-direction:column!important;align-items:stretch!important}
  .dl-portal .e-con.dl-indice-filas{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:32px!important}
  .dl-portal .e-con.dl-indice-fila{grid-template-columns:minmax(0,1fr) 24px!important;
    grid-template-areas:"num fle" "nom nom" "des des"!important;border-left:0!important;padding:20px 0 24px!important}
  .dl-portal .dl-indice-fila::after{align-self:start!important}
  .dl-portal .dl-indice-nom .elementor-heading-title{font-size:44px!important}
}

/* 9 · TIENDA · tanda 2 · Objetos en la portada (X1, Y1 · 24.10.2026): la tarjeta muestra solo "N.º 01" y el título.
   El detalle (contenido, envío) va en la ficha del producto, junto a la compra. */
.dl-objetos .dl-tarjeta-baj{display:none!important}

/* 9 · TIENDA · tanda 2B · Ficha de libro (T03 · R1, M1, AC1, A1–F1 · 24.10.2026)
   La arma dnimlab-tienda.php (sección 4). Prefijo dl-lb- para no chocar con la barra (dl-cab).
   Celular: tapa + título / muestra / compra; desde 768: tapa a la izquierda y lo demás apilado a la derecha.
   Computadora: tapa 5 columnas, texto 6 (de la 7 a la 12); cuerpo en 7 + 4. */
.dl-lb-ficha .page_content_wrap{padding-top:0!important}
.dl-lb-ficha .woocommerce-breadcrumb{display:none!important}
.dl-lb-ficha div.product{display:block!important;float:none!important;width:auto!important}
.dl-lb-t03{max-width:1184px;margin:0 auto;padding:0 0 64px;color:var(--dl-tinta);font-family:var(--dl-lectura)}
.dl-lb-t03 *{box-sizing:border-box}
.dl-lb-t03 p{margin:0}
.dl-lb-fi{font-family:var(--dl-ficha)!important;font-size:12px!important;letter-spacing:.06em;text-transform:uppercase;color:var(--dl-tinta-2);line-height:1.5!important;margin:0!important}
.dl-lb-fi a{color:var(--dl-indigo);text-decoration:none}
.dl-lb-num{color:var(--dl-indigo)}
.dl-lb-t03 h1.dl-lb-tit,.dl-lb-t03 h2.dl-lb-h2{font-family:var(--dl-display)!important;font-stretch:62%;font-variation-settings:"wdth" 62;font-weight:800!important;
  text-transform:uppercase;line-height:.92!important;letter-spacing:0!important;margin:0!important;color:var(--dl-tinta)!important;text-wrap:balance}
.dl-lb-t03 h1.dl-lb-tit{font-size:40px!important}
.dl-lb-t03 h2.dl-lb-h2{font-size:32px!important}
.dl-lb-ruta{padding:16px 0 12px!important}

/* Cabeza */
.dl-lb-cab{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:16px;align-items:start;
  grid-template-areas:"tapa id" "pie pie" "com com"}
.dl-lb-tapa{grid-area:tapa;margin:0!important;border:1px solid var(--dl-linea);background:var(--dl-blanco);aspect-ratio:2/3;overflow:hidden}
.dl-lb-tapa img{width:100%!important;height:100%!important;object-fit:cover;display:block;margin:0!important}
.dl-lb-id{grid-area:id;display:flex;flex-direction:column;gap:8px;min-width:0}
.dl-lb-sub{font-style:italic;font-size:17px!important;line-height:1.35!important;color:var(--dl-tinta-2)}
.dl-lb-firma{font-family:var(--dl-display);font-stretch:75%;font-variation-settings:"wdth" 75;font-weight:700;text-transform:uppercase;font-size:15px;
  letter-spacing:.03em;color:var(--dl-tinta)!important;text-decoration:none!important;border-bottom:1px solid var(--dl-linea);align-self:flex-start}
.dl-lb-firma:hover{border-color:var(--dl-indigo);color:var(--dl-indigo)!important}
.dl-lb-pie{grid-area:pie;display:flex;flex-direction:column;gap:8px;min-width:0}
.dl-lb-t03 .dl-lb-breve{font-size:16px!important;line-height:1.45!important;color:var(--dl-tinta);max-width:60ch;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
.dl-lb-muestra{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:4px}
.dl-lb-t03 .dl-lb-bt.dl-lb-chico{min-height:44px;padding:6px 12px!important;font-size:13px!important;letter-spacing:.04em}
.dl-lb-compra{grid-area:com;display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:2px solid var(--dl-tinta)}
.dl-lb-form{display:flex;flex-direction:column;gap:12px;margin:0}
.dl-lb-form fieldset{border:0;margin:0;padding:0;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.dl-lb-form legend{padding:0;margin:0 0 8px!important;grid-column:1/-1;float:left;width:100%}
/* Formatos compactos, lado a lado (pedido de Ana): radio + nombre, precio, una línea */
.dl-lb-op{display:grid;grid-template-columns:20px minmax(0,1fr);gap:2px 8px;align-items:start;align-content:start;padding:10px 10px 12px;margin:0!important;
  border:1.5px solid var(--dl-linea);background:var(--dl-blanco);cursor:pointer;min-height:48px;user-select:none;-webkit-user-select:none}
.dl-lb-op input{width:18px;height:18px;min-height:0!important;margin:1px 0 0!important;accent-color:var(--dl-indigo)}
.dl-lb-op b{font-family:var(--dl-display);font-stretch:75%;font-variation-settings:"wdth" 75;font-weight:700;text-transform:uppercase;font-size:15px;letter-spacing:.02em;line-height:1.2}
.dl-lb-pr{grid-column:2/3;font-family:var(--dl-ficha);font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}
.dl-lb-pr.dl-lb-inc{color:var(--dl-indigo);text-transform:uppercase;letter-spacing:.05em;font-size:11px;padding-top:2px}
.dl-lb-d{grid-column:2/3;font-size:14px;line-height:1.35;color:var(--dl-tinta-2)}
.dl-lb-op:has(input:checked){border-color:var(--dl-indigo);box-shadow:inset 0 0 0 1px var(--dl-indigo)}
.dl-lb-op:focus-within{outline:2px solid var(--dl-naranja);outline-offset:2px}
.dl-lb-t03 .dl-lb-bt{display:flex;align-items:center;justify-content:center;min-height:48px;padding:8px 20px!important;margin:0;
  font-family:var(--dl-display)!important;font-stretch:85%;font-variation-settings:"wdth" 85;font-weight:700!important;text-transform:uppercase;
  letter-spacing:.05em;font-size:15px!important;line-height:1.2!important;text-decoration:none!important;border:1.5px solid var(--dl-tinta)!important;
  color:var(--dl-tinta)!important;background:transparent!important;width:auto;align-self:flex-start;cursor:pointer;border-radius:0!important;box-shadow:none!important}
.dl-lb-t03 .dl-lb-bt.dl-lb-n{background:var(--dl-naranja)!important;border-color:var(--dl-naranja)!important}
.dl-lb-t03 .dl-lb-bt:hover,.dl-lb-t03 .dl-lb-bt:focus-visible{background:var(--dl-tinta)!important;border-color:var(--dl-tinta)!important;color:var(--dl-papel)!important}
.dl-lb-lk{font-family:var(--dl-display);font-stretch:85%;font-variation-settings:"wdth" 85;font-weight:700;text-transform:uppercase;letter-spacing:.05em;
  font-size:14px;color:var(--dl-indigo)!important;text-underline-offset:3px;min-height:44px;display:inline-flex;align-items:center;align-self:flex-start}
.dl-lb-nota{font-size:15px!important;line-height:1.45!important;color:var(--dl-tinta-2)}
.dl-lb-agot{padding-top:12px!important;border-top:1px solid var(--dl-linea)}

/* Serie de Origen dentro de la ficha (R1) */
.dl-lb-se{display:flex;flex-direction:column;gap:12px}
.dl-lb-se-q{font-family:var(--dl-ficha);font-size:13px!important;font-variant-numeric:tabular-nums}
.dl-lb-t03 .dl-serie-tirada{grid-area:auto;width:100%;margin:0!important}
.dl-lb-dig{padding:12px 14px!important;border-left:3px solid var(--dl-indigo);background:var(--dl-blanco);font-size:15px!important;line-height:1.45!important}
.dl-lb-dig .dl-lb-fi{display:block;color:var(--dl-indigo)}

/* Cuerpo */
.dl-lb-cuerpo{display:flex;flex-direction:column}
.dl-lb-sec{border-top:2px solid var(--dl-tinta);padding-top:20px;margin-top:40px;display:flex;flex-direction:column;gap:16px;min-width:0}
.dl-lb-resena p{font-size:18px;line-height:1.6;max-width:66ch}
.dl-lb-resena p+p{margin-top:12px}
.dl-lb-t03 figure.dl-lb-cita{margin:8px 0 0!important;padding:16px 0 0!important;border-top:1px solid var(--dl-linea);max-width:none}
.dl-lb-t03 .dl-lb-cita blockquote{margin:0!important;padding:0!important;border:0!important;background:none!important;quotes:none}
.dl-lb-t03 .dl-lb-cita blockquote::before,.dl-lb-t03 .dl-lb-cita blockquote::after{content:none!important}
.dl-lb-t03 .dl-lb-cita blockquote p{font-family:var(--dl-lectura)!important;font-style:italic;font-size:20px!important;line-height:1.45!important;
  color:var(--dl-tinta)!important;text-transform:none!important;letter-spacing:0!important;font-weight:400!important}
.dl-lb-t03 .dl-lb-cita blockquote p::before{content:"“";color:var(--dl-indigo);font-weight:600;margin-right:2px}
.dl-lb-t03 .dl-lb-cita blockquote p::after{content:"”"}
.dl-lb-t03 .dl-lb-cita figcaption{position:static!important;display:flex;flex-direction:column;gap:2px;margin:10px 0 0!important;padding:0!important;
  width:100%!important;background:none!important;text-align:left!important;transform:none!important}
.dl-lb-cita figcaption b{font-family:var(--dl-display);font-stretch:75%;font-variation-settings:"wdth" 75;font-weight:700;text-transform:uppercase;font-size:15px;letter-spacing:.02em}

/* Índice desplegable (M1) */
details.dl-lb-ind{border-bottom:1px solid var(--dl-tinta)}
details.dl-lb-ind summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;min-height:56px;padding:0 0 8px}
details.dl-lb-ind summary::-webkit-details-marker{display:none}
details.dl-lb-ind summary .dl-lb-fi{margin-left:auto!important}
.dl-lb-mas{font-family:var(--dl-ficha);font-size:22px;line-height:1;color:var(--dl-indigo);width:24px;text-align:center;transition:transform .2s}
details.dl-lb-ind[open] .dl-lb-mas{transform:rotate(45deg)}
.dl-lb-ind ol{list-style:none!important;margin:0!important;padding:0 0 12px!important;counter-reset:dlc}
.dl-lb-ind li{counter-increment:dlc;display:grid;grid-template-columns:36px minmax(0,1fr);gap:8px;margin:0!important;padding:10px 0!important;
  border-top:1px solid var(--dl-linea);font-size:16px;line-height:1.4;align-items:baseline}
.dl-lb-ind li::before{content:counter(dlc,decimal-leading-zero)!important;position:static!important;font-family:var(--dl-ficha);font-size:12px;color:var(--dl-indigo);background:none!important;width:auto!important;height:auto!important}

/* Por dentro: visor de a una foto, a todo el ancho de la columna, con flechas (pedido de Ana) */
.dl-lb-den-cab{display:flex;align-items:center;justify-content:space-between;gap:12px}
.dl-lb-den-nav{display:flex;align-items:center;gap:4px}
.dl-lb-den-n{margin-right:8px!important;font-variant-numeric:tabular-nums}
.dl-lb-t03 .dl-lb-flecha{width:48px;height:48px;min-height:48px;padding:0!important;display:inline-flex;align-items:center;justify-content:center;
  font-family:var(--dl-ficha);font-size:20px;line-height:1;border:1.5px solid var(--dl-tinta)!important;background:transparent!important;
  color:var(--dl-tinta)!important;border-radius:0!important;cursor:pointer}
.dl-lb-t03 .dl-lb-flecha:hover{background:var(--dl-tinta)!important;color:var(--dl-papel)!important}
.dl-lb-t03 .dl-lb-flecha:disabled{border-color:var(--dl-linea)!important;color:var(--dl-linea)!important;background:transparent!important;cursor:default}
.dl-lb-pista{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.dl-lb-pista::-webkit-scrollbar{display:none}
.dl-lb-pista:focus-visible{outline:2px solid var(--dl-naranja);outline-offset:2px}
.dl-lb-t03 .dl-lb-foto{flex:0 0 100%;margin:0!important;scroll-snap-align:start;aspect-ratio:3/2;background:var(--dl-carpeta);border:1px solid var(--dl-linea)}
.dl-lb-foto img{width:100%!important;height:100%!important;object-fit:cover;display:block;margin:0!important}

/* Guía de lectura (abierta, F1): cada "Título 3" de la guía se ve como ficha */
.dl-lb-guia p{font-size:16px;line-height:1.5}
.dl-lb-guia p+p{margin-top:8px}
.dl-lb-guia h3{font-family:var(--dl-ficha)!important;font-size:12px!important;font-weight:500!important;letter-spacing:.06em;text-transform:uppercase;
  color:var(--dl-tinta-2)!important;margin:16px 0 4px!important;padding-top:12px;border-top:1px solid var(--dl-linea);line-height:1.5!important}
.dl-lb-guia h3:first-child{margin-top:0!important}

/* Ficha técnica: anula las tablas del tema (fondo índigo, filas cebradas) */
.dl-lb-t03 table.dl-lb-tec{width:100%;border-collapse:collapse;margin:0!important;border:0!important}
.dl-lb-t03 table.dl-lb-tec tr,.dl-lb-t03 table.dl-lb-tec th,.dl-lb-t03 table.dl-lb-tec td{background:transparent!important;border:0!important;border-top:1px solid var(--dl-linea)!important}
.dl-lb-t03 table.dl-lb-tec th{font-family:var(--dl-ficha);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--dl-tinta-2)!important;
  font-weight:500;text-align:left;padding:10px 12px 10px 0!important;vertical-align:top;width:40%}
.dl-lb-t03 table.dl-lb-tec td{padding:9px 0!important;font-family:var(--dl-ficha);font-size:13px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;color:var(--dl-tinta)!important;text-align:left}

@media (min-width:768px){
  .dl-lb-t03 h1.dl-lb-tit{font-size:56px!important}
  .dl-lb-cab{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:32px;row-gap:20px;
    grid-template-areas:"tapa id" "tapa pie" "com com";grid-template-rows:auto 1fr auto}
  .dl-lb-pie{align-self:end}
  /* La compra va debajo, a todo el ancho: opciones y botón en una franja */
  .dl-lb-form{flex-direction:row;align-items:flex-end;flex-wrap:wrap;column-gap:16px}
  .dl-lb-form fieldset{flex:1 1 360px;max-width:520px}
  .dl-lb-form .dl-lb-bt{align-self:flex-end}
}
@media (min-width:1025px){
  .dl-lb-t03 h1.dl-lb-tit{font-size:72px!important}
  .dl-lb-t03 h2.dl-lb-h2{font-size:40px!important}
  .dl-lb-ruta{padding:24px 0 20px!important}
  .dl-lb-cab{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;
    grid-template-areas:"tapa tapa tapa tapa id id id id id id id id" "tapa tapa tapa tapa pie pie pie pie pie pie pie pie"
      "com com com com com com com com com com com com"}
  /* Tapa y compra dentro de la primera pantalla */
  .dl-lb-tapa{width:min(100%,calc((100vh - 360px) * 2 / 3));justify-self:start}
  .dl-lb-cuerpo{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start;
    grid-template-areas:"res res res res res res res . tec tec tec tec" "den den den den den den den . gui gui gui gui" "ind ind ind ind ind ind ind . gui gui gui gui"}
  .dl-lb-r-res{grid-area:res} .dl-lb-r-tec{grid-area:tec} .dl-lb-r-den{grid-area:den} .dl-lb-r-ind{grid-area:ind} .dl-lb-r-gui{grid-area:gui}
}


/* 9 · TIENDA · tanda 2b · Tendencias (Research) · AG1, A1–G1 (24.10.2026)
   La arman dnimlab-tendencias.php: archivo [dnimlab_tendencias] en la página 353 y página por edición.
   Prefijo dl-td-. Celular: todo apilado; "Qué trae" con imagen chica a la izquierda (D1).
   Tableta: archivo 2 por fila, "Qué trae" en 3 columnas, formatos con precio y botón a la derecha.
   Computadora: archivo 3 por fila; edición nueva y portada de la edición en 7-8 columnas con el texto al costado (C1);
   formatos en 8 columnas; otras ediciones, 6 en fila. */
.dl-td-ficha .page_content_wrap{padding-top:0!important}
.dl-td-ficha .woocommerce-breadcrumb{display:none!important}
.dl-td-ficha div.product{display:block!important;float:none!important;width:auto!important}
.dl-td{max-width:1184px;margin:0 auto;padding:0 0 64px;color:var(--dl-tinta);font-family:var(--dl-lectura)}
.dl-td *{box-sizing:border-box}
.dl-td p{margin:0}
.dl-td-fi{font-family:var(--dl-ficha)!important;font-size:12px!important;letter-spacing:.06em;text-transform:uppercase;color:var(--dl-tinta-2);line-height:1.5!important;margin:0!important}
.dl-td-fi a{color:var(--dl-indigo);text-decoration:none}
.dl-td-ind,.dl-td .dl-td-fi.dl-td-ind{color:var(--dl-indigo)}
.dl-td h1,.dl-td h2,.dl-td h3{font-family:var(--dl-display)!important;font-stretch:62%;font-variation-settings:"wdth" 62;font-weight:800!important;text-transform:uppercase;
  line-height:.92!important;letter-spacing:0!important;margin:0!important;color:var(--dl-tinta)!important;text-wrap:balance}
.dl-td h1{font-size:52px!important}
.dl-td h2{font-size:40px!important}
.dl-td h3{font-size:24px!important;font-stretch:75%;font-variation-settings:"wdth" 75;font-weight:700!important;line-height:.95!important}
.dl-td h2 a{color:inherit!important;text-decoration:none}
.dl-td h2 a:hover{color:var(--dl-indigo)!important}
.dl-td .dl-td-baj{font-size:18px;line-height:1.5;max-width:60ch}
.dl-td-ruta{padding:16px 0 12px!important}
.dl-td-nota{font-size:15px!important;line-height:1.45!important;color:var(--dl-tinta-2)}
.dl-td-precio{font-family:var(--dl-ficha);font-size:13px!important;font-variant-numeric:tabular-nums;line-height:1.5!important}

/* Figuras: imagen real (portada en cianotipia) o lugar reservado */
.dl-td figure.dl-td-fig{position:relative;margin:0!important;overflow:hidden;aspect-ratio:3/2;width:100%;max-width:none;display:block;background:var(--dl-carpeta)}
.dl-td-fig img,.dl-td-fig video{display:block;width:100%!important;height:100%!important;object-fit:cover;margin:0!important;border-radius:0!important;max-width:none}
.dl-td-cian{background-color:var(--dl-indigo)!important;background-image:repeating-linear-gradient(63deg,rgba(255,255,255,.13) 0 1.5px,transparent 1.5px 5px),
  repeating-linear-gradient(-27deg,rgba(0,0,0,.10) 0 1px,transparent 1px 11px),radial-gradient(120% 90% at 30% 35%,rgba(243,244,241,.55),transparent 60%),
  radial-gradient(80% 70% at 80% 90%,rgba(0,0,0,.25),transparent 70%)}
.dl-td-cian span{position:absolute;left:10px;top:8px;right:10px;font-family:var(--dl-ficha);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--dl-blanco);line-height:1.4}

/* Botones y enlaces */
.dl-td .dl-td-bt{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:8px 20px!important;margin:0;
  font-family:var(--dl-display)!important;font-stretch:85%;font-variation-settings:"wdth" 85;font-weight:700!important;text-transform:uppercase;letter-spacing:.05em;
  font-size:15px!important;line-height:1.2!important;text-decoration:none!important;border:1.5px solid var(--dl-tinta)!important;color:var(--dl-tinta)!important;
  background:transparent!important;align-self:flex-start;justify-self:start;cursor:pointer;border-radius:0!important;box-shadow:none!important;width:auto}
.dl-td .dl-td-bt.dl-td-n{background:var(--dl-naranja)!important;border-color:var(--dl-naranja)!important}
.dl-td .dl-td-bt:hover,.dl-td .dl-td-bt:focus-visible{background:var(--dl-tinta)!important;border-color:var(--dl-tinta)!important;color:var(--dl-papel)!important}
.dl-td .dl-td-lk{font-family:var(--dl-display);font-stretch:85%;font-variation-settings:"wdth" 85;font-weight:700;text-transform:uppercase;letter-spacing:.05em;
  font-size:14px;color:var(--dl-indigo)!important;text-decoration:underline;text-underline-offset:3px;min-height:44px;display:inline-flex;align-items:center;align-self:flex-start;
  background:none!important;border:0!important;padding:0!important;cursor:pointer;box-shadow:none!important}
.dl-td .dl-td-lk:hover{color:var(--dl-tinta)!important}
.dl-td-sec{border-top:2px solid var(--dl-tinta);padding-top:20px;margin-top:48px;display:flex;flex-direction:column;gap:16px;min-width:0}
.dl-td-sec-cab{display:flex;flex-direction:column;gap:6px}

/* Archivo */
.dl-td-cab{display:flex;flex-direction:column;gap:12px;padding:24px 0}
.dl-td-nueva{display:flex;flex-direction:column;gap:16px;border-top:2px solid var(--dl-tinta);padding-top:16px}
.dl-td-nueva-img{display:block;line-height:0}
.dl-td-nueva figure.dl-td-fig{aspect-ratio:4/3}
.dl-td-nueva-tx{display:flex;flex-direction:column;gap:12px;min-width:0}
.dl-td-grilla{display:grid;grid-template-columns:minmax(0,1fr);gap:32px 24px}
a.dl-td-tarj{display:flex;flex-direction:column;gap:8px;text-decoration:none!important;color:inherit;min-width:0}
a.dl-td-tarj:hover h3{color:var(--dl-indigo)!important}
a.dl-td-tarj:focus-visible{outline:2px solid var(--dl-naranja);outline-offset:4px}
.dl-td-tarj figure.dl-td-fig{margin-bottom:4px!important}

/* Edición */
.dl-td-hero{display:flex;flex-direction:column;gap:16px}
.dl-td figure.dl-td-media{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin:0!important;max-width:none}
.dl-td-media figure.dl-td-fig,.dl-td-media .dl-td-vid{aspect-ratio:16/9}
.dl-td-media figcaption{display:flex;justify-content:space-between;align-items:center;gap:4px 12px;flex-wrap:wrap;position:static!important;padding:0!important;background:none!important;text-align:left!important}
.dl-td-hero-tx{display:flex;flex-direction:column;gap:12px;min-width:0}
.dl-td-trae-g{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
.dl-td-bloque{display:grid;grid-template-columns:120px minmax(0,1fr);gap:4px 16px;align-items:start;align-content:start}
.dl-td-bloque figure.dl-td-fig{grid-row:1/5;aspect-ratio:3/4}
.dl-td-bloque .dl-td-cian span{display:none}
.dl-td-bloque p:not(.dl-td-fi){font-size:16px;line-height:1.5}
.dl-td-paso{border-left:3px solid var(--dl-indigo);padding:4px 0 4px 16px;display:flex;flex-direction:column;gap:12px}
.dl-td-paso p{font-size:18px;line-height:1.6;max-width:66ch}
.dl-td-paso p+p{margin-top:12px}
/* Formatos, uno debajo del otro */
.dl-td-forms{display:flex;flex-direction:column;border-top:1px solid var(--dl-tinta)}
.dl-td-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;padding:16px 0;border-bottom:1px solid var(--dl-linea);align-items:start}
.dl-td-form b{font-family:var(--dl-display);font-stretch:75%;font-variation-settings:"wdth" 75;font-weight:700;text-transform:uppercase;font-size:20px;letter-spacing:.02em;line-height:1.1}
.dl-td-form .dl-td-precio{font-size:15px!important;text-align:right;white-space:nowrap;padding-top:3px}
.dl-td-form .dl-td-form-d{grid-column:1/-1;font-size:16px;line-height:1.45;color:var(--dl-tinta-2);max-width:56ch}
.dl-td-form .dl-td-fi{grid-column:1/-1}
.dl-td-comprar{grid-column:1/-1;margin:4px 0 0!important;display:flex}
/* Otras ediciones en tira */
.dl-td-tira{display:grid;grid-auto-flow:column;grid-auto-columns:220px;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;
  margin-right:calc(-1 * var(--dl-margen));padding-right:var(--dl-margen);scrollbar-width:thin}
.dl-td-tira a.dl-td-tarj{scroll-snap-align:start}
.dl-td .dl-td-tira h3{font-size:20px!important}
/* Ventana del adelanto */
dialog.dl-td-dlg{border:0;padding:0;width:min(960px,calc(100vw - 32px));max-width:none;background:var(--dl-papel);color:var(--dl-tinta)}
dialog.dl-td-dlg::backdrop{background:rgba(19,20,24,.82)}
.dl-td-dlg-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:4px 12px 4px 16px;border-bottom:1px solid var(--dl-tinta)}
.dl-td-dlg-vid{aspect-ratio:16/9;background:var(--dl-tinta)}
.dl-td-dlg-vid iframe{display:block;width:100%;height:100%;border:0}

@media (min-width:768px){
  .dl-td h1{font-size:72px!important}
  .dl-td h2{font-size:56px!important}
  .dl-td .dl-td-baj{font-size:20px}
  .dl-td-cab{padding:40px 0}
  .dl-td-grilla{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dl-td-nueva figure.dl-td-fig{aspect-ratio:16/9}
  .dl-td-trae-g{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
  .dl-td-bloque{display:flex;flex-direction:column;gap:8px}
  .dl-td-bloque figure.dl-td-fig{aspect-ratio:4/3;margin-bottom:4px!important}
  .dl-td-bloque .dl-td-cian span{display:block}
  .dl-td-form{grid-template-columns:minmax(0,1fr) 140px 200px;align-items:center;padding:20px 0}
  .dl-td-form .dl-td-form-d,.dl-td-form .dl-td-fi{grid-column:1/2}
  .dl-td-form .dl-td-precio{grid-column:2/3;grid-row:1/4;text-align:right}
  .dl-td-comprar{grid-column:3/4;grid-row:1/4;margin:0!important;align-self:center}
}
@media (min-width:1025px){
  .dl-td h1{font-size:96px!important}
  .dl-td h2{font-size:clamp(40px,5vw,72px)!important}
  .dl-td-cab{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:12px 24px;align-items:end}
  .dl-td-cab .dl-td-fi{grid-column:1/-1}
  .dl-td-grilla{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dl-td-nueva{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:24px;align-items:end}
  .dl-td-nueva figure.dl-td-fig{aspect-ratio:3/2}
  .dl-td-hero{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px;align-items:end}
  .dl-td-sec-cab{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:6px 24px;align-items:end}
  .dl-td-sec-cab .dl-td-fi{grid-column:1/-1}
  .dl-td-forms{max-width:calc((100% + 24px) * 8 / 12 - 24px)}
  .dl-td-tira{grid-auto-flow:row;grid-template-columns:repeat(6,minmax(0,1fr));overflow:visible;margin-right:0;padding-right:0}
  .dl-td .dl-td-tira h3{font-size:18px!important}
}

/* 9 · TIENDA · Serie de Origen en su ficha (pedido de Ana, 24.10.2026): la compra va al costado de la tapa,
   en la columna del título, desde 768 px; en el celular, a todo el ancho debajo del título (al lado de la tapa
   no entra el registro de 10 casilleros). B1 (24.10): la misma caja de compra al costado de la tapa en todas las fichas de libro. */
.dl-lb-t03[data-se] .dl-serie-tirada{max-width:440px}
@media (min-width:768px){
  .dl-lb-t03[data-se] .dl-lb-cab{grid-template-areas:"tapa id" "tapa pie" "tapa com";grid-template-rows:auto auto 1fr}
  .dl-lb-t03[data-se] .dl-lb-pie,.dl-lb-t03[data-se] .dl-lb-compra{align-self:start}
}
@media (min-width:1025px){
  .dl-lb-t03[data-se] .dl-lb-cab{grid-template-areas:"tapa tapa tapa tapa id id id id id id id id"
    "tapa tapa tapa tapa pie pie pie pie pie pie pie pie" "tapa tapa tapa tapa com com com com com com com com"}
}

/* ═══════════════════════════════════════════════════════════════
   9 · PORTADA DEL CELULAR · mesa de láminas (MA1–MA3, 30.10.2026)
   Antes vivía en un widget HTML de Elementor (simulacro). El marcado lo arma
   el código corto [dnimlab_mesa] (dnimlab-tienda.php, sección 6) dentro de un
   widget "Código corto" con la clase dl-indice-movil, en Inicio 350 y Home 351.
   MA2: widget HTML con la clase dl-lema-enlace dentro del recuadro del lema.
   Solo en el celular (< 768 px). Tableta y computadora no cambian.
   ═══════════════════════════════════════════════════════════════ */
.dl-indice-movil{display:none}
.dl-lema-enlace{display:none}
.dl-oculto{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
@media (max-width:767px){
 .e-con.dl-cubierta{grid-template-areas:"galeria" "oferta" "pie"!important}
 .e-con.dl-cubierta-foto{display:none!important}
 .dl-indice-movil{display:block;grid-area:galeria;margin:0 calc(var(--dl-margen) * -1)!important;width:auto!important;max-width:none!important}
 .dl-cubierta .e-con.dl-cubierta-lema{position:relative;grid-area:galeria;align-self:end;justify-self:center;width:82%;z-index:2;margin:0 0 72px!important;padding:14px 16px 16px!important;background:#D45620;border:0;--gap:8px}
 .dl-cubierta .dl-lema .elementor-heading-title{font-family:"IBM Plex Mono",Menlo,Consolas,monospace!important;font-size:12px!important;font-weight:500!important;letter-spacing:.06em;line-height:1.35!important;text-transform:uppercase;font-stretch:normal!important;font-variation-settings:normal!important;color:#131418!important}
 .dl-cubierta .dl-lema .elementor-heading-title span{font-family:Archivo,"Arial Narrow",Arial,sans-serif;font-stretch:62%;font-variation-settings:"wdth" 62;font-weight:800;font-size:min(58px,17cqi);line-height:.88;letter-spacing:0;margin-top:8px;color:#131418!important}
 .e-con.dl-cubierta-oferta{padding-top:40px}
 .dl-lema-enlace{display:block;position:absolute!important;inset:0;margin:0!important;width:auto!important;max-width:none!important;z-index:3}
 .dl-lema-enlace .elementor-widget-container,.dl-lema-enlace a{position:absolute;inset:0;display:block}
 .dl-lema-enlace a:focus-visible{outline:2px solid #131418;outline-offset:3px}
 .dl-cubierta .e-con.dl-cubierta-lema:has(.dl-lema-enlace a:active){outline:2px solid #131418;outline-offset:-2px}
}
.dl-mesa{position:relative;height:calc(100svh - 64px);min-height:440px;overflow:hidden;background:#E2E3E0;display:flex;flex-direction:column}
.dl-mesa-cols{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:8px;padding:0 8px;overflow:hidden}
.dl-mesa-col{display:flex;flex-direction:column;animation:dl-sube 64s linear infinite;will-change:transform}
.dl-mesa-col.baja{animation-name:dl-baja;animation-duration:78s}
.dl-mesa-col.lenta{animation-duration:56s}
.dl-mesa-it{display:block;padding-bottom:8px}
.dl-mesa-it picture{display:block}
.dl-mesa-it img{display:block;width:100%;height:auto;border:1px solid #131418;background:#F3F4F1;margin:0}
@keyframes dl-sube{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@keyframes dl-baja{from{transform:translateY(-50%)}to{transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){.dl-mesa-col{animation:none!important}}
.dl-mesa-nav{display:flex;justify-content:space-between;background:#131418;padding:0 20px}
.dl-mesa-nav a{min-height:54px;display:flex;align-items:center;font-family:"IBM Plex Mono",Menlo,Consolas,monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:500;color:#F3F4F1!important;text-decoration:none!important}
.dl-mesa-nav a:focus-visible{outline:2px solid #F3F4F1;outline-offset:2px}

/* ═══════════════════════════════════════════════════════════════
   9 · WEB · tanda 2 · Tendencias al modo CRL (D1, E1, F1, G1 · 30.10.2026)
   Referencia de estructura: crl-2026.webflow.io/library. Lo arma dnimlab-tendencias.php.
   Banda de la portada: [dnimlab_td_banda] (prefijo dl-tdb-). Índice del archivo: prefijo dl-td-ix- / dl-td-pan-.
   Con la banda nueva activa, el body lleva .dl-crl y se ocultan los widgets viejos de la banda.
   ═══════════════════════════════════════════════════════════════ */
.dl-crl .dl-tend-img,.dl-crl .dl-tend-pie,.dl-crl .dl-tend-precio,.dl-crl .dl-tend-boton{display:none!important}
.dl-tend-foto .elementor-widget-shortcode,.dl-tend-foto .elementor-widget-shortcode .elementor-widget-container{margin:0;line-height:normal}
.dl-tend-texto .elementor-widget-shortcode:empty{display:none}

/* Triángulo ▶ dibujado (Archivo y Plex Mono no traen el glifo) */
.dl-td-tri{display:inline-block;width:9px;height:10px;background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%);flex:none}

/* ---------- Banda: lámina con lecturas (D1) ---------- */
figure.dl-tdb{display:flex;flex-direction:column;margin:0!important;max-width:none;height:100%}
.dl-tdb-lam{position:relative;overflow:hidden;aspect-ratio:4/3;background:var(--dl-indigo)}
.dl-tdb-lam img,.dl-tdb-lam video{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;object-fit:cover;margin:0!important;max-width:none;border-radius:0!important}
/* Marco de esquinas (el mismo del tráiler "Expediente 001") */
.dl-tdb-esq i{position:absolute;width:14px;height:14px;border:0 solid var(--dl-papel);pointer-events:none}
.dl-tdb-esq i:nth-child(1){top:10px;left:10px;border-top-width:1.5px;border-left-width:1.5px}
.dl-tdb-esq i:nth-child(2){top:10px;right:10px;border-top-width:1.5px;border-right-width:1.5px}
.dl-tdb-esq i:nth-child(3){bottom:10px;left:10px;border-bottom-width:1.5px;border-left-width:1.5px}
.dl-tdb-esq i:nth-child(4){bottom:10px;right:10px;border-bottom-width:1.5px;border-right-width:1.5px}
/* Lecturas en Plex Mono: rótulos papel con letra tinta (se leen sobre cualquier zona de la cianotipia) */
.dl-tdb-lect{position:absolute;inset:20px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;pointer-events:none}
.dl-tdb-abajo{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.dl-tdb .dl-tdb-l{margin:0!important;font-family:var(--dl-ficha)!important;font-size:11px!important;font-weight:500;letter-spacing:.06em;text-transform:uppercase;
  line-height:1.35!important;color:var(--dl-tinta)!important;background:var(--dl-papel);padding:3px 6px 2px;max-width:100%}
.dl-tdb .dl-tdb-l2{font-size:13px!important}
.dl-tdb-pie{display:flex;justify-content:space-between;align-items:center;gap:4px 12px;flex-wrap:wrap;padding:4px var(--dl-margen) 0!important;
  margin:0!important;position:static!important;background:none!important;text-align:left!important}
.dl-tdb-pie>span{font-family:var(--dl-ficha);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--dl-blanco);line-height:1.4}
.dl-tdb .dl-tdb-adel,.dl-tdb-acc .dl-tdb-adel{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;
  font-family:var(--dl-display)!important;font-stretch:85%;font-variation-settings:"wdth" 85;font-weight:700!important;text-transform:uppercase;letter-spacing:.05em;font-size:14px!important;
  color:var(--dl-blanco)!important;text-decoration:underline;text-underline-offset:3px;cursor:pointer;border-radius:0!important}
.dl-tdb .dl-tdb-adel:hover{text-decoration-thickness:2px}
.dl-tdb .dl-tdb-adel:focus-visible{outline:2px solid var(--dl-blanco);outline-offset:2px}
/* Acción: línea de precio y "Ver la edición" (borde blanco: el naranja de la portada no está en esta banda) */
.dl-tdb-acc{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:4px}
.dl-tdb-acc .dl-tdb-precio{margin:0!important;font-family:var(--dl-ficha);font-size:12px;letter-spacing:.06em;text-transform:uppercase;line-height:1.8;color:var(--dl-blanco)}
.dl-tdb-acc a.dl-tdb-bt{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:8px 24px;border:1.5px solid var(--dl-blanco);color:var(--dl-blanco)!important;
  font-family:var(--dl-display);font-stretch:85%;font-variation-settings:"wdth" 85;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:15px;line-height:1.2;text-decoration:none!important;background:transparent}
.dl-tdb-acc a.dl-tdb-bt:hover,.dl-tdb-acc a.dl-tdb-bt:focus-visible{background:var(--dl-blanco);color:var(--dl-indigo)!important}
@media (max-width:767px){ .dl-tdb-acc a.dl-tdb-bt{align-self:stretch} }
@media (min-width:768px){
  .dl-tend-foto .elementor-widget-shortcode{flex:1 1 auto;contain:size;min-height:440px}
  .dl-tend-foto .elementor-widget-shortcode .elementor-widget-container{height:100%}
  .dl-tdb-lam{aspect-ratio:auto;flex:1 1 auto;min-height:0}
  .dl-tdb-pie{padding:4px var(--dl-margen) 12px!important}
  .dl-tdb .dl-tdb-l{font-size:12px!important}
  .dl-tdb .dl-tdb-l2{font-size:15px!important}
  .dl-tdb-lect{inset:28px}
}
@media (min-width:1025px){ .dl-tend-foto .elementor-widget-shortcode{min-height:560px} }

/* ---------- Ventana del adelanto (también fuera de .dl-td: la abre la banda de la portada) ---------- */
dialog.dl-td-dlg{border:0;padding:0;width:min(960px,calc(100vw - 32px));max-width:none;background:var(--dl-papel);color:var(--dl-tinta)}
.dl-td-dlg-top{flex-wrap:wrap}
.dl-td-dlg-t{font-family:var(--dl-ficha);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--dl-tinta-2);line-height:1.4;padding:8px 0}
.dl-td-dlg-acc{display:flex;align-items:center;gap:16px;margin-left:auto}
.dl-td-dlg a.dl-td-dlg-yt{font-family:var(--dl-ficha);font-size:12px;letter-spacing:.04em;color:var(--dl-indigo)!important;text-decoration:underline;text-underline-offset:3px;min-height:44px;display:inline-flex;align-items:center}
.dl-td-dlg button.dl-td-dlg-x{font-family:var(--dl-display)!important;font-stretch:85%;font-variation-settings:"wdth" 85;font-weight:700!important;text-transform:uppercase;letter-spacing:.05em;font-size:14px!important;
  color:var(--dl-tinta)!important;background:none!important;border:0!important;padding:0!important;min-height:44px;cursor:pointer;box-shadow:none!important}

/* ---------- Índice del archivo (G1: numerado desde la más reciente) ---------- */
.dl-td-ixw{min-width:0}
ol.dl-td-ix{list-style:none;margin:0!important;padding:0!important;border-top:1px solid var(--dl-tinta)}
.dl-td-ix-it{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 8px;border-bottom:1px solid var(--dl-linea);margin:0!important;padding:0!important;position:relative}
.dl-td-ix-it::before{content:none!important}
a.dl-td-ix-a{display:grid;grid-template-columns:22px 72px minmax(0,1fr);gap:12px;align-items:center;padding:12px 0;min-height:76px;color:var(--dl-tinta)!important;text-decoration:none!important;min-width:0}
a.dl-td-ix-a:only-child{grid-column:1/-1}
a.dl-td-ix-a:focus-visible{outline:2px solid var(--dl-naranja);outline-offset:2px}
.dl-td-ix-n{font-family:var(--dl-ficha);font-size:12px;letter-spacing:.04em;color:var(--dl-tinta-2);font-variant-numeric:tabular-nums}
.dl-td-ix-img{display:block;position:relative;aspect-ratio:3/2;overflow:hidden;background:var(--dl-carpeta)}
.dl-td-ix-img img{display:block;width:100%!important;height:100%!important;object-fit:cover;margin:0!important;max-width:none;border-radius:0!important}
.dl-td-ix-tx{display:flex;flex-direction:column;gap:3px;min-width:0}
.dl-td .dl-td-ix-tx .dl-td-fi{font-size:11px!important}
.dl-td-ix-t{font-family:var(--dl-display);font-stretch:75%;font-variation-settings:"wdth" 75;font-weight:700;text-transform:uppercase;font-size:20px;line-height:1;letter-spacing:.01em}
.dl-td-ix-d{display:none;font-family:var(--dl-ficha);font-size:12px;color:var(--dl-tinta-2);font-variant-numeric:tabular-nums;text-align:right}
a.dl-td-ix-a:hover .dl-td-ix-t{color:var(--dl-indigo)}
.dl-td .dl-td-ix-play{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0!important;margin:0;border:1.5px solid var(--dl-tinta)!important;
  background:transparent!important;color:var(--dl-tinta)!important;cursor:pointer;border-radius:0!important;box-shadow:none!important}
.dl-td .dl-td-ix-play:hover,.dl-td .dl-td-ix-play:focus-visible{background:var(--dl-tinta)!important;color:var(--dl-papel)!important}
.dl-td .dl-td-ix-play .dl-td-tri{margin-left:2px}
/* Panel del costado: solo en computadora */
.dl-td-panel{display:none}
.dl-td-lk .dl-td-tri{margin-right:8px}
@media (min-width:768px){
  a.dl-td-ix-a{grid-template-columns:32px 120px minmax(0,1fr) 56px;gap:16px;min-height:96px}
  .dl-td-ix-d{display:block}
  .dl-td-ix-t{font-size:24px}
  .dl-td .dl-td-ix-play{width:48px;height:48px}
}
@media (min-width:1025px){
  .dl-td-ixw{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:start}
  /* Fila elegida: filete índigo de 2 px, como la sección activa del manual */
  .dl-td-ix-it{transition:background-color .15s}
  .dl-td-ix-it.is-on{box-shadow:inset 2px 0 0 var(--dl-indigo)}
  .dl-td-ix-it.is-on a.dl-td-ix-a{padding-left:12px}
  .dl-td-ix-it.is-on .dl-td-ix-n,.dl-td-ix-it.is-on .dl-td-ix-t{color:var(--dl-indigo)}
  .dl-td-panel{display:block;position:sticky;top:112px;border-top:2px solid var(--dl-tinta);padding-top:16px}
  .dl-td-pan{display:none;flex-direction:column;gap:10px}
  .dl-td-pan.is-on{display:flex}
  .dl-td-pan-lam{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--dl-carpeta)}
  .dl-td-pan-lam img,.dl-td-pan-lam video{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;object-fit:cover;margin:0!important;max-width:none}
  .dl-td-pan-pie{display:flex;justify-content:space-between;align-items:center;gap:4px 12px;flex-wrap:wrap;min-height:44px}
  .dl-td .dl-td-pan-y{font-family:var(--dl-display);font-stretch:62%;font-variation-settings:"wdth" 62;font-weight:800;font-size:112px;line-height:.82!important;color:var(--dl-indigo);margin:8px 0 4px!important;font-variant-numeric:tabular-nums}
  .dl-td .dl-td-pan-t{font-family:var(--dl-display);font-stretch:75%;font-variation-settings:"wdth" 75;font-weight:700;text-transform:uppercase;font-size:28px;line-height:1}
  .dl-td-pan-paso{border-left:3px solid var(--dl-indigo);padding:2px 0 2px 14px;display:flex;flex-direction:column;gap:6px;margin-top:6px}
  .dl-td .dl-td-pan-paso p:not(.dl-td-fi){font-size:16px;line-height:1.5;color:var(--dl-tinta-2)}
}