/* HireZone 3.5.0 — Articulo completo en UN contenedor.
   Solo afecta entradas individuales con la plantilla HireZone 3.0.
   Conserva los datos, las imagenes, las tablas adaptativas y los enlaces originales. */

/* El padre que ya agrupa encabezado, imagen y cuerpo es ahora la única tarjeta. */
body.single-post .hz30-page .hz30-layout > .hz30-main {
  box-sizing: border-box;
  min-width: 0;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  background: #fff;
  border: 1px solid #e8e0ff;
  border-radius: 28px;
  box-shadow: 0 20px 55px rgba(49, 30, 117, .095);
  overflow: hidden;
}

/* El título y los metadatos ya no forman otra caja independiente. */
body.single-post .hz30-page .hz30-main > .hz30-article-head {
  box-sizing: border-box;
  width: 100%;
  margin: 0!important;
  padding: 32px 34px 24px;
  border: 0!important;
  border-radius: 0!important;
  background: transparent!important;
  box-shadow: none!important;
}
body.single-post .hz30-page .hz30-main > .hz30-article-head h1 {
  margin-top: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}

/* Destacada completamente dentro del mismo panel, sin marco propio ni corte. */
body.single-post .hz30-page .hz30-main > .hz30-feature {
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0!important;
  padding: 0 34px;
  border: 0!important;
  border-radius: 0!important;
  background: transparent!important;
  box-shadow: none!important;
  overflow: visible;
}
body.single-post .hz30-page .hz30-main > .hz30-feature img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: none;
  aspect-ratio: auto;
  object-fit: contain;
  border-radius: 18px;
  box-shadow: 0 10px 28px rgba(34, 22, 88, .075);
}

/* El texto comienza justo debajo de la imagen; sin gap ni tarjeta adicional. */
body.single-post .hz30-page .hz30-main > .hz30-entry-content {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  margin: 0!important;
  padding: 30px 34px 24px;
  border: 0!important;
  border-radius: 0!important;
  background: transparent!important;
  box-shadow: none!important;
  overflow-wrap: anywhere;
}
/* Evita que la galería o una tabla desborde lateralmente el panel. */
body.single-post .hz30-main .hz30-entry-content :is(img, video, iframe, figure, .wp-block-image, .hz-table-wrap, .hz31-next-guide, .hz34-externo) {
  max-width: 100%;
  box-sizing: border-box;
}
body.single-post .hz30-main .hz30-entry-content :is(img, video) {height:auto;}

/* El índice para móvil, el recuadro final y las recomendaciones quedan
   integrados en la misma tarjeta exterior. Sus CTA conservan sus colores. */
body.single-post .hz30-page .hz30-main > .hz30-mobile-toc {
  box-sizing: border-box;
  max-width: calc(100% - 68px);
  margin-left: 34px;
  margin-right: 34px;
}
body.single-post .hz30-page .hz30-main > .hz30-end-actions {
  box-sizing: border-box;
  max-width: calc(100% - 68px);
  margin: 9px 34px 24px!important;
}
body.single-post .hz30-page .hz30-main > .hz30-related {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin: 0!important;
  padding: 20px 34px 36px;
  border-top: 1px solid #efebfa;
}
body.single-post .hz30-page .hz30-main .hz30-related-grid > * {min-width:0;}

/* Tabletas: se conserva la ocultación de la barra lateral de v3.2/v3.3. */
@media (max-width: 1023px) {
  body.single-post .hz30-page .hz30-layout > .hz30-main {border-radius: 24px;}
}
@media (max-width: 767px) {
  body.single-post .hz30-page .hz30-layout > .hz30-main {border-radius: 20px;}
  body.single-post .hz30-page .hz30-main > .hz30-article-head {
    padding: 23px 16px 19px;
  }
  body.single-post .hz30-page .hz30-main > .hz30-feature {padding: 0 13px;}
  body.single-post .hz30-page .hz30-main > .hz30-feature img {border-radius: 13px;}
  body.single-post .hz30-page .hz30-main > .hz30-mobile-toc {
    max-width: calc(100% - 26px);
    margin: 16px 13px 0;
  }
  body.single-post .hz30-page .hz30-main > .hz30-entry-content {
    padding: 22px 15px 20px!important; /* v3.3 usa !important */
  }
  body.single-post .hz30-page .hz30-main > .hz30-end-actions {
    max-width: calc(100% - 26px);
    margin: 8px 13px 20px!important;
    padding: 18px!important;
  }
  body.single-post .hz30-page .hz30-main > .hz30-related {
    padding: 20px 14px 25px;
  }
}
@media (max-width: 380px) {
  body.single-post .hz30-page .hz30-main > .hz30-article-head {padding: 20px 12px 16px;}
  body.single-post .hz30-page .hz30-main > .hz30-feature {padding: 0 10px;}
  body.single-post .hz30-page .hz30-main > .hz30-entry-content {padding: 18px 12px 18px!important;}
  body.single-post .hz30-page .hz30-main > .hz30-mobile-toc {
    max-width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
  body.single-post .hz30-page .hz30-main > .hz30-end-actions {
    max-width: calc(100% - 20px);
    margin-left: 10px!important;
    margin-right: 10px!important;
  }
  body.single-post .hz30-page .hz30-main > .hz30-related {padding: 17px 11px 23px;}
}