/* Capa propia del blog: paginación, menú de acciones, buscador, visor de
   imágenes, avisos. Complementa el CSS heredado del volcado de Wix. */

.tndr-blog-categories { width: 100%; min-width: 0; font: 14px/1.5 "open sans",sans-serif; }
.tndr-blog-categories > ul { display:flex; flex-wrap:wrap; gap:12px 20px; align-items:center; list-style:none; padding:12px 0; margin:0; }
.tndr-blog-categories a { color:#111; text-decoration:none; display:block; padding:8px 0; }
.tndr-blog-categories a:hover,.tndr-blog-categories a[aria-current="page"] { color:#2a05ff; }
.tndr-blog-categories details { position:relative; }
.tndr-blog-categories > ul > .tndr-mobile-news { display:none; }
.tndr-blog-categories summary { cursor:pointer; padding:8px 0; }
.tndr-blog-categories details > ul { position:absolute; z-index:100; min-width:210px; right:0; background:#fff; box-shadow:0 4px 16px #0002; list-style:none; padding:12px 16px; margin:0; }
@media(max-width:600px){.tndr-blog-categories > ul{gap:4px 14px;padding:8px 10px}.tndr-blog-categories{font-size:13px}}

/* Menú móvil completo: nueve categorías sobre fondo blanco. */
@media (max-width: 979px) {
  .tndr-blog-categories {
    background: #fff;
    color: #2a05ff;
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  [data-hook="blog-desktop-header-container"]:has(.tndr-blog-categories) { height: auto !important; min-height: 0 !important; background: #fff; }
  .kiyM2X:has(> .tndr-blog-categories) { flex-wrap: wrap; height: auto !important; align-items: flex-start; }
  .kiyM2X:has(> .tndr-blog-categories) > .EKJcYR { margin-left: auto; }
  .tndr-blog-categories > ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 12px;
    padding: 10px 14px;
  }
  .tndr-blog-categories > ul > li { min-width: 0; }
  .tndr-blog-categories > ul > .tndr-mobile-news { display:block; }
  .tndr-blog-categories > ul > li:has(> details) { display:none; }
  .tndr-blog-categories a,
  .tndr-blog-categories a:hover,
  .tndr-blog-categories a[aria-current="page"],
  .tndr-blog-categories summary { color: #2a05ff; padding: 11px 0; }
  .tndr-blog-categories a[aria-current="page"] { text-decoration: underline; text-underline-offset: 4px; }
  .tndr-blog-categories a:focus-visible,
  .tndr-blog-categories summary:focus-visible { outline: 2px solid #2a05ff; outline-offset: 2px; }
  .tndr-blog-categories details > ul { left: 0; right: auto; background: #fff; }
}

.tndr-resource-links {
  margin: 28px auto;
  padding: 20px 16px;
  box-sizing: border-box;
  width: 100%;
  max-width: 740px;
  border-top: 1px solid #dedede;
  font: 16px/1.6 "open sans", sans-serif;
  overflow-wrap: anywhere;
}
.tndr-resource-links strong { display: block; margin-bottom: 8px; }
.tndr-resource-links a { display: block; padding: 5px 0; color: #2a05ff; text-decoration: underline; }

/* Solo títulos de las tarjetas del listado: azul de Inicio. */
[data-hook="post-list-item__title"],
[data-hook="post-list-item__title"] * {
  color: #2a05ff !important;
}

/* --- Botones que vuelven a ser interactivos --- */
button[aria-label="Like post"], .tndr-like, button[data-hook="more-button"], .tndr-share,
[data-hook="search-input"] [role="button"] { cursor: pointer; }
.tndr-like:focus-visible, .tndr-share:focus-visible, button[data-hook="more-button"]:focus-visible {
  outline: 2px solid #418dd0; outline-offset: 2px; border-radius: 4px;
}
.tndr-zoomable { cursor: zoom-in; }
/* El botón de ampliar siempre visible en pantallas táctiles */
@media (hover: none) { [data-hook="image-expand-button"] { opacity: 1 !important; pointer-events: auto !important; } }

/* --- Sección vacía que Wix dejaba al final de cada entrada (reservaba 4.600px
   de alto para un bloque de comentarios que ya no existe): fuera --- */
#comp-m8iq4y2d, [data-mesh-id="comp-m8iq4y2dinlineContent"], [data-mesh-id="comp-m8iq4y2dinlineContent-gridContainer"] {
  display: none !important; min-height: 0 !important; height: 0 !important;
}

/* --- Paginación del listado --- */
.tndr-pager {
  display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px;
  margin: 36px auto 24px; padding: 0 16px; max-width: 941px;
  font: 500 15px/1 "open sans", "Open Sans", sans-serif;
}
.tndr-pager a, .tndr-pager span {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 40px; height: 40px; padding: 0 12px; border-radius: 20px;
  color: #1f1f1f; text-decoration: none; border: 1px solid rgba(0, 0, 0, .15); background: #fff;
  transition: background .15s, color .15s;
}
.tndr-pager a:hover, .tndr-pager a:focus-visible { background: #418dd0; color: #fff; border-color: #418dd0; outline: none; }
.tndr-pager a[aria-current="page"] { background: #1f1f1f; color: #fff; border-color: #1f1f1f; pointer-events: none; }
.tndr-pager__off { opacity: .4; }

/* --- Menú "Más acciones" --- */
.tndr-menu {
  position: absolute; z-index: 10000; min-width: 220px; padding: 6px 0;
  background: #fff; color: #1f1f1f; border: 1px solid rgba(0, 0, 0, .12); border-radius: 6px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
  font: 400 14px/1.3 "open sans", "Open Sans", sans-serif;
}
.tndr-menu__item {
  display: block; width: 100%; padding: 10px 18px; margin: 0; border: 0; background: none;
  text-align: left; color: inherit; font: inherit; cursor: pointer;
}
.tndr-menu__item:hover, .tndr-menu__item:focus-visible { background: #f1f4f8; outline: none; }

/* --- Aviso emergente --- */
.tndr-toast {
  position: fixed; left: 50%; bottom: 28px; transform: translate(-50%, 20px); z-index: 10001;
  padding: 10px 18px; border-radius: 6px; background: #1f1f1f; color: #fff;
  font: 400 14px/1.3 "open sans", "Open Sans", sans-serif;
  opacity: 0; pointer-events: none; transition: opacity .2s, transform .2s;
}
.tndr-toast.show { opacity: 1; transform: translate(-50%, 0); }

/* --- Buscador --- */
.tndr-search { position: relative; }
.tndr-search__results {
  position: absolute; top: calc(100% + 10px); right: 0; z-index: 10000; width: 340px; max-width: calc(100vw - 32px);
  max-height: 60vh; overflow: auto; padding: 6px 0;
  background: #fff; color: #1f1f1f; border: 1px solid rgba(0, 0, 0, .12); border-radius: 6px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
  font: 400 14px/1.35 "open sans", "Open Sans", sans-serif; text-align: left;
}
.tndr-search__item { display: block; padding: 9px 16px; color: inherit; text-decoration: none; }
.tndr-search__item:hover, .tndr-search__item:focus-visible { background: #f1f4f8; outline: none; }
.tndr-search__title { display: block; font-weight: 600; }
.tndr-search__meta { display: block; font-size: 12px; opacity: .7; margin-top: 2px; }
.tndr-search__empty { padding: 12px 16px; opacity: .75; }

/* --- Visor de imágenes --- */
.tndr-lightbox {
  position: fixed; inset: 0; z-index: 10002; display: none; align-items: center; justify-content: center;
  background: rgba(0, 0, 0, .92);
}
.tndr-lightbox.open { display: flex; }
.tndr-lightbox figure { margin: 0; max-width: 94vw; max-height: 92vh; display: flex; flex-direction: column; align-items: center; }
.tndr-lightbox img { max-width: 94vw; max-height: 86vh; object-fit: contain; box-shadow: 0 10px 40px rgba(0, 0, 0, .6); }
.tndr-lightbox figcaption { color: #ddd; font: 400 14px/1.4 "open sans", "Open Sans", sans-serif; margin-top: 10px; text-align: center; }
.tndr-lightbox figcaption:empty { display: none; }
.tndr-lightbox button {
  position: absolute; z-index: 1; width: 48px; height: 48px; border: 0; border-radius: 50%;
  background: rgba(255, 255, 255, .12); color: #fff; font: 300 32px/48px sans-serif; cursor: pointer;
}
.tndr-lightbox button:hover, .tndr-lightbox button:focus-visible { background: rgba(255, 255, 255, .28); outline: none; }
.tndr-lightbox__close { top: 16px; right: 16px; }
.tndr-lightbox__prev { left: 16px; top: 50%; margin-top: -24px; }
.tndr-lightbox__next { right: 16px; top: 50%; margin-top: -24px; }
.tndr-noscroll { overflow: hidden !important; }

/* --- Móvil: el listado de tarjetas (Wix lo dejó en 941px de ancho fijo y
   posicionado por absoluto, así que solo se veían las fotos) --- */
@media (max-width: 979px) {
  #pro-gallery-pro-blog, .pro-gallery-parent-container, #pro-gallery-container-pro-blog, #pro-gallery-margin-container-pro-blog {
    width: 100% !important; height: auto !important; overflow: visible !important;
  }
  .item-link-wrapper .gallery-item-container {
    position: relative !important; inset: auto !important; top: auto !important; left: auto !important;
    width: 100% !important; height: auto !important; margin: 0 0 24px !important; overflow: hidden !important;
  }
  .gallery-item-container > div { float: none !important; }
  .gallery-item-wrapper { width: 100% !important; height: auto !important; margin: 0 !important; }
  .gallery-item-content.image-item { position: relative !important; inset: auto !important; width: 100% !important; height: auto !important; }
  .gallery-item-content.image-item img { position: relative !important; inset: auto !important; width: 100% !important; height: auto !important; display: block; }
  .gallery-item-common-info-outer, .gallery-item-common-info {
    position: relative !important; inset: auto !important; float: none !important;
    width: 100% !important; height: auto !important; overflow: visible !important;
  }
  .gallery-item-common-info .post-list-item-wrapper { padding: 16px 16px 8px !important; }
  /* Tope de tamaño: en tablet o ventana estrecha, las tarjetas y la entrada no
     se agigantan; quedan centradas con un ancho máximo de lectura */
  .item-link-wrapper .gallery-item-container { max-width: 560px !important; margin-left: auto !important; margin-right: auto !important; }
  article[data-hook="post"], [data-hook="recent-posts"] { max-width: 680px !important; margin-left: auto !important; margin-right: auto !important; }
  article[data-hook="post"] figure img { max-width: 100% !important; }
  .gallery-item-common-info h2 { font-size: 22px !important; }

  /* La cabecera de la entrada (autor · fecha · lectura) se solapaba */
  article[data-hook="post"] ul.NtBDdE {
    display: flex !important; flex-wrap: wrap; align-items: center; gap: 4px 10px; width: auto !important;
  }
  article[data-hook="post"] ul.NtBDdE > li { white-space: normal !important; overflow: visible !important; }
}

@media print {
  .tndr-pager, .tndr-menu, .tndr-toast, .tndr-search__results, .tndr-lightbox { display: none !important; }
}

/* Más espacio de lectura en teléfonos, sin cambiar escritorio o tablet. */
.tndr-full-mobile-reading article .tndr-cem-photo {
  display: block;
  width: 100%;
  max-width: 680px;
  margin: 28px auto;
  float: none;
}
.tndr-full-mobile-reading article .tndr-cem-photo--portrait { max-width: 420px; }
.tndr-full-mobile-reading .tndr-cem-photo [data-hook="image-viewer"] { width: 100%; }
.tndr-full-mobile-reading article .tndr-cem-photo img {
  display: block;
  position: static;
  width: 100%;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
  object-fit: contain;
}

@media (max-width: 600px) {
  .tndr-full-mobile-reading .QrIus {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .tndr-full-mobile-reading [data-hook="post-page-root"] .app-desktop,
  .tndr-full-mobile-reading article[data-hook="post"] .PhCafd {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .tndr-full-mobile-reading article[data-hook="post"] {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}

@media (max-width: 600px) {
  article[data-hook="post"] {
    width: 100% !important;
    box-sizing: border-box;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  article[data-hook="post"] .HW6ttf,
  article[data-hook="post"] [data-breakout="normal"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .gallery-item-common-info .post-list-item-wrapper {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
.tndr-full-mobile-reading [data-id="content-viewer"] div:has(> .tndr-cem-photo){width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;float:none!important;transform:none!important;align-self:center!important}

/* Shared editorial closing block, scoped to blog articles. */
.tndr-blog-signoff{box-sizing:border-box;max-width:690px;width:100%;margin:40px auto 24px;padding:32px 24px;border-top:1px solid #ddd;color:#202027;font:16px/1.75 "open sans",sans-serif;text-align:left;clear:both}
.tndr-blog-signoff p{margin:0 0 20px}.tndr-blog-signoff .tndr-blog-byline{color:#2a05ff;font-size:14px;margin-bottom:24px}
.tndr-blog-signoff h2{font:400 25px/1.3 helvetica-w01-roman,sans-serif;color:#2a05ff;margin:28px 0 18px}
.tndr-blog-signoff a{color:#2a05ff;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.tndr-blog-signoff img{display:block;width:100%;height:auto!important;object-fit:contain;margin:24px auto;max-width:100%}
.tndr-blog-signoff .tndr-signoff-brand{max-width:220px}.tndr-blog-signoff .tndr-signoff-training{max-width:520px}
.tndr-signoff-links ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px}
.tndr-signoff-links li{margin:0}.tndr-signoff-links a{display:inline-block;padding:6px 0}
.tndr-blog-signoff .tndr-signoff-enjoy{text-align:center;color:#2a05ff;font-size:22px;margin-top:28px}
@media(max-width:600px){.tndr-blog-signoff{margin-top:32px;padding:24px 12px;font-size:16px}.tndr-blog-signoff h2{font-size:23px}.tndr-signoff-links ul{grid-template-columns:1fr;gap:0}.tndr-signoff-links a{padding:9px 0}.tndr-21-article .tndr-blog-signoff{padding-left:0;padding-right:0}}

body .tndr-blog-signoff img.tndr-signoff-brand{width:100%!important;max-width:220px!important;height:auto!important}
#site-root .tndr-blog-signoff img.tndr-signoff-brand{max-width:220px!important;height:auto!important}