/* CareerLink: author, external company identity, full featured image on mobile. */
.clai-main .clx-author-byline,
.single-post .clx-author-byline{
  display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;
  width:fit-content;max-width:calc(100% - 24px);margin:16px auto 8px;
  padding:9px 17px;border:1px solid #efded8;border-radius:100px;
  background:#fff5ed;color:#674858;font-weight:500;font-size:13px;line-height:1.5;
}
.clx-author-byline strong{color:#4e263f;font-weight:800;}
.clx-author-symbol{display:inline-flex;align-items:center;justify-content:center;color:#e95e3d;}
.clx-company-external{display:inline-flex!important;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;text-decoration:none!important;vertical-align:middle;}
.clx-company-external:hover,.clx-company-external:focus-visible{text-decoration:none!important;}
.clx-company-logo{
  display:inline-flex;flex:0 0 39px;width:39px;height:39px;align-items:center;justify-content:center;
  background:#fff;border:1px solid rgba(101,68,87,.11);border-radius:11px;padding:4px;
  box-sizing:border-box;box-shadow:0 2px 8px rgba(29,27,32,.08);line-height:1;
}
.clx-company-logo img{display:block;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;aspect-ratio:auto!important;border:0!important;box-shadow:none!important;}
.clx-company-logo.clx-logo-unavailable{background:#fff2ea;color:#7a304b;font-size:16px;font-weight:800;}
.clai-main .clai-official-link.clx-company-external,
.single-post .cl-official .clx-company-external{padding:10px 14px;min-height:56px;}
@media (max-width:767px){
  /* Counteract the fixed ratio + object-fit:cover of the older article theme. */
  body.single-post .clai-main .clai-cover,
  body.single-post .clai-main figure.clai-cover{
    height:auto!important;max-height:none!important;min-height:0!important;
    overflow:visible!important;
  }
  body.single-post .clai-main .clai-cover img,
  body.single-post .clai-main .clai-cover img.cl-article-hero,
  body.single-post .cl-company-entry > img.cl-article-hero,
  body.single-post img.cl-article-hero,
  body.single-post .cl-article .wp-post-image,
  body.single-post .clai-article .wp-post-image,
  body.single-post figure.wp-block-post-featured-image img{
    display:block!important;width:100%!important;height:auto!important;
    min-height:0!important;max-height:none!important;max-width:100%!important;
    object-fit:contain!important;object-position:center!important;
    aspect-ratio:auto!important;clip-path:none!important;
    margin-left:auto!important;margin-right:auto!important;
  }
  body.single-post .clai-cover, body.single-post .cl-company-entry, body.single-post .cl-article{max-width:100%;}
  body.single-post .clai-main .clai-cover{padding:0 10px 12px!important;}
  body.single-post .clx-author-byline{font-size:12px;padding:9px 12px;margin:13px auto 10px;}
  body.single-post .clx-company-external{width:100%;}
  body.single-post .clx-company-logo{flex-basis:35px;width:35px;height:35px;}
}
@media(prefers-reduced-motion:reduce){.clx-company-external{transition:none!important;}}

/* v1.1.0 — Always brand the corporate source card, including pending-verification cards. */
.clai-main .clai-official>div:first-child{min-width:0;flex:1 1 0;}
.clai-main .clai-official .clx-official-brand,
.single-post .clai-official .clx-official-brand{
  display:flex;align-items:center;gap:11px;width:max-content;max-width:100%;
  margin:0 0 12px;padding:7px 12px 7px 7px;box-sizing:border-box;
  border:1px solid #e8c4c1;border-radius:13px;background:rgba(255,255,255,.91);
  box-shadow:0 3px 12px rgba(83,34,63,.06);
}
.clx-official-brand .clx-company-logo-lg{width:51px;height:51px;flex-basis:51px;padding:5px;border-radius:10px;}
.clx-official-brand-name{font-weight:850;color:#51243f;line-height:1.3;font-size:16px;word-break:normal;overflow-wrap:anywhere;}
.clai-main .clai-official .clai-official-pending{flex:0 1 220px;}
@media(max-width:700px){
  .clai-main .clai-official{flex-wrap:wrap;gap:14px;padding:18px!important;}
  .clai-main .clai-official>div:first-child{flex-basis:100%;}
  .clai-main .clai-official .clai-official-pending{flex:1 1 100%;max-width:100%;}
  .clai-main .clai-official .clai-official-link{width:100%;}
  .clx-official-brand-name{font-size:14px;}
  .clx-official-brand .clx-company-logo-lg{width:44px;height:44px;flex-basis:44px;}
}

/* v1.2.0: reliable logo size inside the corporate source on every screen. */
.clai-main .clai-official .clx-official-brand,
.single-post article .clx-official-brand{
 display:inline-flex!important;align-items:center!important;gap:13px!important;max-width:100%!important;
 margin:0 0 12px!important;padding:8px 12px 8px 8px!important;background:#fff!important;
 border:1px solid #e8c4c1!important;border-radius:13px!important;
}
.clx-official-brand .clx-company-logo-lg{width:76px!important;height:56px!important;flex:0 0 76px!important;padding:4px!important;}
.clx-official-brand .clx-company-logo-lg img{object-fit:contain!important;width:100%!important;height:100%!important;}
.clx-company-external .clx-company-logo{margin-inline-end:3px;}
@media(max-width:600px){.clx-official-brand .clx-company-logo-lg{width:60px!important;height:49px!important;flex-basis:60px!important;}.clx-official-brand-name{font-size:14px!important;}}

/* =========================================================
 CareerLink 1.3.1: featured pictures in single articles.
 NO se aplica a listados, carruseles, tarjetas, ni logotipos.
 Desactiva el 7/4 forzado y max-height:440px del tema.
 ========================================================= */
body.single-post .clai-main figure.clai-cover,
body.single-post .clai-main .clai-cover {
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0 auto!important;
  padding:0 22px 18px!important;
  text-align:center!important;
  overflow:visible!important;
}
body.single-post .clai-main .clai-cover > img,
body.single-post .clai-main .clai-cover > picture > img,
body.single-post .clai-main figure.clai-cover img.cl-article-hero,
body.single-post .clai-main figure.clai-cover img.wp-post-image,
body.single-post article.cl-article .cl-company-entry > img.cl-article-hero,
body.single-post article.cl-article .cl-company-entry > img.wp-post-image,
body.single-post article.cl-article .cl-company-entry > picture > img,
body.single-post article.cl-article .wp-block-post-featured-image img {
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  max-width:960px!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
  clip-path:none!important;
  margin:0 auto!important;
  border-radius:14px!important;
}
/* Alternativa para la plantilla original CareerLink sin figure. */
body.single-post article.cl-article .cl-company-entry > img.cl-article-hero,
body.single-post article.cl-article .cl-company-entry > img.wp-post-image {
  margin:18px auto 23px!important;
}
/* Imágenes propias añadidas al cuerpo, sin recortar figuras ni diagramas. */
body.single-post .clai-post-content > figure.wp-block-image img,
body.single-post .clai-post-content > .wp-block-image img,
body.single-post .clai-post-content > p > img,
body.single-post .cl-post-body > figure.wp-block-image img {
  height:auto!important;
  max-height:none!important;
  max-width:100%!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
}
@media (max-width:800px){
  body.single-post .clai-main .clai-cover,
  body.single-post .clai-main figure.clai-cover {padding:0 16px 14px!important;}
}
@media (max-width:600px){
  body.single-post .clai-main .clai-cover,
  body.single-post .clai-main figure.clai-cover {padding:0 12px 13px!important;}
  body.single-post .clai-main .clai-cover > img,
  body.single-post .clai-main .clai-cover > picture > img,
  body.single-post .clai-main figure.clai-cover img.cl-article-hero,
  body.single-post .clai-main figure.clai-cover img.wp-post-image,
  body.single-post article.cl-article .cl-company-entry > img.cl-article-hero,
  body.single-post article.cl-article .cl-company-entry > img.wp-post-image {
    max-width:100%!important;
    width:100%!important;
    height:auto!important;
    border-radius:11px!important;
  }
}