.elementor-138 .elementor-element.elementor-element-888e2b3{--display:flex;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-138 .elementor-element.elementor-element-9f591c6{width:100%;max-width:100%;text-align:center;}/* Start custom CSS *//* ============================================================
   ESTILOS DEL BLOG · marca D-IA (Bento + toques de Neo-Brutalism)
   ------------------------------------------------------------
   Dónde: Elementor → Theme Builder → tu plantilla de Entrada (Single Post)
   → icono de engranaje abajo a la izquierda → Avanzado → CSS personalizado.
   Si también haces la plantilla de Archivo (lista de artículos), pega lo mismo allí.

   Lee los colores y letras de 00-variables.css (CSS adicional). Si no
   estuvieran, usa los de reserva que van detrás de cada variable.
   Solo afecta a las entradas y a las listas de entradas, no al resto de la web.
   ============================================================ */

/* ---------- Marca ---------- */
body.single-post, body.blog, body.archive, body.search{
  --b-fondo:   var(--color-bg, #FAFAF7);
  --b-caja:    var(--color-bg-alt, #FFFFFF);
  --b-texto:   var(--color-text, #0F0F0F);
  --b-suave:   var(--color-text-muted, #4A4A4A);
  --b-marca:   var(--color-primary, #FFD23F);
  --b-menta:   var(--color-secondary, #3DDC97);
  --b-rosa:    var(--color-accent, #FF7AA2);
  --b-borde:   var(--color-border, #0F0F0F);
  --b-titulos: var(--font-titulos, "Space Grotesk", system-ui, sans-serif);
  --b-letra:   var(--font-texto, "DM Sans", system-ui, sans-serif);
  --b-mono:    "JetBrains Mono", ui-monospace, monospace;
  --b-rapido:  160ms cubic-bezier(.23, 1, .32, 1);

  background: var(--b-fondo);
  color: var(--b-texto);
  font-family: var(--b-letra);
}

/* ============================================================
   ENTRADA (un artículo)
   ============================================================ */

/* Título del artículo (widget "Título de la entrada") */
body.single-post .elementor-widget-theme-post-title .elementor-heading-title{
  font-family: var(--b-titulos);
  font-weight: 700;
  font-size: clamp(2.25rem, 1.6rem + 3vw, 3.25rem);
  line-height: 1.1;
  letter-spacing: -.02em;
  color: var(--b-texto);
  text-wrap: balance;
}

/* Fecha, autor, categoría (widget "Información de la entrada") */
body.single-post .elementor-widget-post-info .elementor-icon-list-text,
body.single-post .elementor-widget-post-info a{
  font-family: var(--b-letra);
  font-size: .9375rem;
  color: var(--b-suave);
}
body.single-post .elementor-widget-post-info .elementor-icon-list-icon svg{ fill: var(--b-suave); }

/* Imagen destacada: caja con borde y sombra dura */
body.single-post .elementor-widget-theme-post-featured-image img{
  display: block; width: 100%; height: auto;
  border: 2px solid var(--b-borde);
  border-radius: 16px;
  box-shadow: 6px 6px 0 0 var(--b-borde);
}

/* Cuerpo del artículo (widget "Contenido de la entrada") */
body.single-post .elementor-widget-theme-post-content{
  max-width: 720px;
  margin-left: auto; margin-right: auto;
  font-family: var(--b-letra);
  font-size: 1.125rem;
  line-height: 1.75;
  color: var(--b-texto);
}
body.single-post .elementor-widget-theme-post-content > .elementor-widget-container > :first-child{ margin-top: 0; }

body.single-post .elementor-widget-theme-post-content p{ margin: 0 0 1.25em; }

body.single-post .elementor-widget-theme-post-content h2,
body.single-post .elementor-widget-theme-post-content h3,
body.single-post .elementor-widget-theme-post-content h4{
  font-family: var(--b-titulos);
  font-weight: 700;
  color: var(--b-texto);
  letter-spacing: -.01em;
  scroll-margin-top: 96px;
  text-wrap: balance;
}
body.single-post .elementor-widget-theme-post-content h2{ font-size: clamp(1.625rem, 1.3rem + 1.4vw, 2.125rem); line-height: 1.2; margin: 2.2em 0 .6em; }
body.single-post .elementor-widget-theme-post-content h3{ font-size: 1.375rem; line-height: 1.3; margin: 1.8em 0 .5em; }
body.single-post .elementor-widget-theme-post-content h4{ font-size: 1.125rem; line-height: 1.4; margin: 1.5em 0 .4em; }

/* Enlaces: subrayado amarillo grueso */
body.single-post .elementor-widget-theme-post-content a{
  color: var(--b-texto);
  font-weight: 500;
  text-decoration: underline;
  text-decoration-color: var(--b-marca);
  text-decoration-thickness: 3px;
  text-underline-offset: 4px;
  transition: text-decoration-color var(--b-rapido);
}
@media (hover: hover) and (pointer: fine){
  body.single-post .elementor-widget-theme-post-content a:hover{ text-decoration-color: var(--b-borde); }
}
body.single-post a:focus-visible{ outline: 3px solid var(--b-borde); outline-offset: 3px; border-radius: 2px; }

/* Listas */
body.single-post .elementor-widget-theme-post-content ul,
body.single-post .elementor-widget-theme-post-content ol{ margin: 0 0 1.25em; padding-left: 1.4em; }
body.single-post .elementor-widget-theme-post-content li{ margin: 0 0 .5em; }
body.single-post .elementor-widget-theme-post-content li::marker{ font-weight: 700; }

/* Negrita y resaltado */
body.single-post .elementor-widget-theme-post-content strong{ font-weight: 700; }
body.single-post .elementor-widget-theme-post-content mark{
  background: var(--b-marca); color: var(--b-texto); padding: 0 .15em; border-radius: 3px;
}

/* Cita: caja menta con borde */
body.single-post .elementor-widget-theme-post-content blockquote{
  margin: 2em 0;
  padding: 20px 24px;
  background: var(--b-menta);
  color: var(--b-texto);
  border: 2px solid var(--b-borde);
  border-radius: 12px;
  box-shadow: 4px 4px 0 0 var(--b-borde);
  font-family: var(--b-titulos);
  font-size: 1.25rem;
  line-height: 1.45;
  font-weight: 500;
}
body.single-post .elementor-widget-theme-post-content blockquote p:last-child{ margin-bottom: 0; }
body.single-post .elementor-widget-theme-post-content blockquote cite{
  display: block; margin-top: 8px;
  font-family: var(--b-letra); font-size: .9375rem; font-style: normal; font-weight: 700;
}

/* Prompts y código: los artículos llevan prompts para copiar */
body.single-post .elementor-widget-theme-post-content code{
  font-family: var(--b-mono);
  font-size: .875em;
  padding: 1px 6px;
  background: var(--b-caja);
  border: 1px solid var(--b-borde);
  border-radius: 4px;
  overflow-wrap: anywhere;
}
body.single-post .elementor-widget-theme-post-content pre{
  margin: 1.5em 0;
  padding: 20px;
  overflow-x: auto;
  background: var(--b-texto);
  color: var(--b-fondo);
  border: 2px solid var(--b-borde);
  border-radius: 12px;
  box-shadow: 4px 4px 0 0 var(--b-marca);
  font-family: var(--b-mono);
  font-size: .9375rem;
  line-height: 1.6;
}
body.single-post .elementor-widget-theme-post-content pre code{
  padding: 0; background: none; border: 0; color: inherit; font-size: inherit; overflow-wrap: normal;
}

/* Imágenes dentro del artículo */
body.single-post .elementor-widget-theme-post-content img{
  max-width: 100%; height: auto;
  border: 2px solid var(--b-borde);
  border-radius: 12px;
}
body.single-post .elementor-widget-theme-post-content figure{ margin: 2em 0; }
body.single-post .elementor-widget-theme-post-content figcaption{
  margin-top: 8px; font-size: .9375rem; color: var(--b-suave); text-align: center;
}

/* Tablas */
body.single-post .elementor-widget-theme-post-content table{
  width: 100%; margin: 1.5em 0;
  border-collapse: separate; border-spacing: 0;
  background: var(--b-caja);
  border: 2px solid var(--b-borde); border-radius: 12px;
  overflow: hidden;
  font-size: 1rem; line-height: 1.55;
}
body.single-post .elementor-widget-theme-post-content th,
body.single-post .elementor-widget-theme-post-content td{
  padding: 12px 16px; text-align: left; vertical-align: top; border: 0;
}
body.single-post .elementor-widget-theme-post-content thead th{
  background: var(--b-marca); font-family: var(--b-titulos); font-weight: 700;
  border-bottom: 2px solid var(--b-borde);
}
body.single-post .elementor-widget-theme-post-content tbody tr + tr > *{ border-top: 1px solid var(--b-borde); }

/* Separador */
body.single-post .elementor-widget-theme-post-content hr{
  margin: 3em 0; border: 0; border-top: 2px solid var(--b-borde);
}

/* Caja del autor (widget "Caja de autor") */
body.single-post .elementor-author-box{
  padding: 24px;
  background: var(--b-caja);
  border: 2px solid var(--b-borde);
  border-radius: 16px;
  box-shadow: 5px 5px 0 0 var(--b-borde);
}
body.single-post .elementor-author-box__name{
  font-family: var(--b-titulos); font-weight: 700; font-size: 1.25rem; color: var(--b-texto);
}
body.single-post .elementor-author-box__bio{ font-family: var(--b-letra); color: var(--b-suave); }
body.single-post .elementor-author-box__avatar img{ border: 2px solid var(--b-borde); }

/* Artículo anterior / siguiente (widget "Navegación de entradas") */
body.single-post .elementor-post-navigation{ border-top: 2px solid var(--b-borde); padding-top: 24px; }
body.single-post .elementor-post-navigation__link a{ color: var(--b-texto); text-decoration: none; }
body.single-post .post-navigation__prev--label,
body.single-post .post-navigation__next--label{
  font-family: var(--b-letra); font-size: .8125rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: .04em; color: var(--b-suave);
}
body.single-post .post-navigation__prev--title,
body.single-post .post-navigation__next--title{
  font-family: var(--b-titulos); font-weight: 700; font-size: 1.0625rem; color: var(--b-texto);
}

/* ============================================================
   LISTA DE ARTÍCULOS (widget "Entradas" o "Archivo de entradas", estilo Tarjetas)
   ============================================================ */
body.blog .elementor-post__card,
body.archive .elementor-post__card,
body.search .elementor-post__card,
body.single-post .elementor-post__card{
  background: var(--b-caja);
  border: 2px solid var(--b-borde);
  border-radius: 16px;
  box-shadow: 5px 5px 0 0 var(--b-borde);
  overflow: hidden;
  transition: transform var(--b-rapido), box-shadow var(--b-rapido);
}
body.blog .elementor-post__thumbnail__link,
body.archive .elementor-post__thumbnail__link,
body.search .elementor-post__thumbnail__link,
body.single-post .elementor-post__thumbnail__link{ border-bottom: 2px solid var(--b-borde); margin-bottom: 0; }

body.blog .elementor-post__title, body.blog .elementor-post__title a,
body.archive .elementor-post__title, body.archive .elementor-post__title a,
body.search .elementor-post__title, body.search .elementor-post__title a,
body.single-post .elementor-post__title, body.single-post .elementor-post__title a{
  font-family: var(--b-titulos);
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 1.25;
  letter-spacing: -.01em;
  color: var(--b-texto);
  text-decoration: none;
}
body.blog .elementor-post__excerpt p,
body.archive .elementor-post__excerpt p,
body.search .elementor-post__excerpt p,
body.single-post .elementor-post__excerpt p{
  font-family: var(--b-letra); font-size: 1rem; line-height: 1.6; color: var(--b-suave);
}
body.blog .elementor-post__meta-data,
body.archive .elementor-post__meta-data,
body.search .elementor-post__meta-data,
body.single-post .elementor-post__meta-data{
  font-family: var(--b-letra); font-size: .875rem; color: var(--b-suave);
  border-top: 2px solid var(--b-borde);
}

/* Etiqueta de categoría encima de la foto */
body.blog .elementor-post__badge,
body.archive .elementor-post__badge,
body.search .elementor-post__badge,
body.single-post .elementor-post__badge{
  background: var(--b-menta) !important;
  color: var(--b-texto) !important;
  border: 2px solid var(--b-borde);
  border-radius: 6px !important;
  font-family: var(--b-letra);
  font-weight: 700;
  letter-spacing: .02em;
}

/* "Leer más" */
body.blog .elementor-post__read-more,
body.archive .elementor-post__read-more,
body.search .elementor-post__read-more,
body.single-post .elementor-post__read-more{
  font-family: var(--b-titulos);
  font-weight: 700;
  font-size: .9375rem;
  color: var(--b-texto);
  text-decoration: underline;
  text-decoration-color: var(--b-marca);
  text-decoration-thickness: 3px;
  text-underline-offset: 4px;
}

@media (hover: hover) and (pointer: fine){
  body.blog .elementor-post__card:hover,
  body.archive .elementor-post__card:hover,
  body.search .elementor-post__card:hover,
  body.single-post .elementor-post__card:hover{
    transform: translate(-2px, -2px);
    box-shadow: 7px 7px 0 0 var(--b-borde);
  }
}

/* Paginación */
body.blog .elementor-pagination, body.archive .elementor-pagination, body.search .elementor-pagination{
  display: flex; flex-wrap: wrap; justify-content: center; gap: 8px;
  font-family: var(--b-titulos); font-weight: 700;
}
body.blog .elementor-pagination .page-numbers,
body.archive .elementor-pagination .page-numbers,
body.search .elementor-pagination .page-numbers{
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 44px; min-height: 44px; padding: 0 12px;
  background: var(--b-caja); color: var(--b-texto);
  border: 2px solid var(--b-borde); border-radius: 8px;
  text-decoration: none;
}
body.blog .elementor-pagination .page-numbers.current,
body.archive .elementor-pagination .page-numbers.current,
body.search .elementor-pagination .page-numbers.current{
  background: var(--b-marca);
  box-shadow: 3px 3px 0 0 var(--b-borde);
}

/* Movimiento: quien pidió menos movimiento, sin saltos */
@media (prefers-reduced-motion: reduce){
  body.blog .elementor-post__card, body.archive .elementor-post__card,
  body.search .elementor-post__card, body.single-post .elementor-post__card,
  body.single-post .elementor-widget-theme-post-content a{ transition: none; }
  body.blog .elementor-post__card:hover, body.archive .elementor-post__card:hover,
  body.search .elementor-post__card:hover, body.single-post .elementor-post__card:hover{ transform: none; }
}/* End custom CSS */