/* ContrasteLab V143 — ÚNICO SISTEMA DE HEROES. Referencia: diseño Web V131.
   Se aplica solo a AV, IA, Consultoría y Blog; no altera la página Web ni sus animaciones.
   Escala óptica: contenedor 1160px / composición 1136px / titular máximo 64px. */
:where(.av133-page,.ia134-page,.consult139-page,.cl-blog-page) .cl143-crumb{
 display:flex;align-items:center;gap:11px;margin:0 0 42px;
 position:relative;z-index:3;font-size:12px;line-height:1.6;
 color:var(--cw-muted,#777080);
}
:where(.av133-page,.ia134-page,.consult139-page,.cl-blog-page) .cl143-crumb a{color:inherit;text-decoration:none}
:where(.av133-page,.ia134-page,.consult139-page,.cl-blog-page) .cl143-crumb a:hover{color:#aa77d3}
:where(.av133-page,.ia134-page,.consult139-page,.cl-blog-page) .cl143-crumb strong{font-weight:700;color:var(--cw-sub,#645f70)}
html[data-theme="dark"] :where(.av133-page,.ia134-page,.consult139-page,.cl-blog-page) .cl143-crumb{color:#858095}
html[data-theme="dark"] :where(.av133-page,.ia134-page,.consult139-page,.cl-blog-page) .cl143-crumb strong{color:#aea9bc}

/* Size and alignment of the two-column cover are identical to Web V131. */
.av133-page .av133-hero>.av133-container,
.ia134-page .ia134-hero>.ia134-container,
.consult139-page .consult139-hero>.consult139-container,
body.cl-blog-page .clb-hero>.clb-wrap{
 width:min(1160px,100%)!important;max-width:1160px!important;
 margin-inline:auto!important;padding-inline:12px!important;box-sizing:border-box;
}
.av133-page .av133-hero,
.ia134-page .ia134-hero,
.consult139-page .consult139-hero,
body.cl-blog-page .clb-hero{padding:101px 0 72px!important;min-height:690px;}
.av133-page .av133-hero-top,
.ia134-page .ia134-hero-grid,
.consult139-page .consult139-hero-layout,
body.cl-blog-page .clb-hero-grid{
 display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr)!important;
 align-items:center!important;gap:35px!important;min-height:492px;
}
.av133-page .av133-hero-text,
.ia134-page .ia134-hero-copy,
.consult139-page .consult139-hero-copy,
body.cl-blog-page .clb-hero-content{
 min-width:0;max-width:580px;position:relative;z-index:2;
}
/* One single font treatment for hero H1s, *including* gradient lines. */
.av133-page .av133-hero h1,
.ia134-page .ia134-hero h1,
.consult139-page .consult139-hero h1,
body.cl-blog-page .clb-hero h1{
 font-family:var(--heading-font-family,"Beatrice Trial",sans-serif)!important;
 font-size:64px!important;font-weight:690!important;line-height:1.06!important;
 letter-spacing:-.063em!important;text-wrap:balance;
 max-width:670px!important;margin:19px 0 22px!important;
}
.av133-page .av133-hero-text>p,
.ia134-page .ia134-hero-copy>p,
.consult139-page .consult139-hero-copy>p,
body.cl-blog-page .clb-hero-content>p{
 font-size:17px!important;font-weight:400;line-height:1.7!important;
 letter-spacing:-.01em;max-width:540px!important;margin:0!important;
}
/* Eyebrows and CTAs all use Web's compact sizes instead of pill-heavy variants. */
.av133-page .av133-eyebrow,
.ia134-page .ia134-eyebrow,
.consult139-page .consult139-eyebrow,
body.cl-blog-page .clb-hero-kicker{
 font-size:11px!important;font-weight:800!important;line-height:1.4!important;letter-spacing:.11em!important;
}
.av133-page .av133-actions,
.ia134-page .ia134-hero-actions,
.consult139-page .consult139-actions,
body.cl-blog-page .clb-hero-actions{display:flex;align-items:center;gap:12px!important;flex-wrap:wrap;margin-top:31px!important}
.av133-page .av133-hero .av133-btn,
.ia134-page .ia134-hero .ia134-button,
.consult139-page .consult139-hero .consult139-btn,
body.cl-blog-page .clb-hero .clb-btn{
 min-height:52px!important;border-radius:15px!important;font-size:13px!important;
 font-weight:800!important;line-height:1.25!important;padding:12px 20px!important;
}
.av133-page .av133-hero-proof,
.ia134-page .ia134-hero-notes,
.consult139-page .consult139-hero-proof{margin-top:29px!important;font-size:10px!important}
/* Visual frame: uniform with Web 492px. Designs/animations remain independent. */
.av133-page .av133-hero-visual,
.ia134-page .ia134-hero-art,
.consult139-page .consult139-hero-visual,
body.cl-blog-page .clb-feature{
 height:492px!important;min-height:492px!important;max-height:none;
}
.consult139-page .consult139-visual-main{padding-top:30px!important}
body.cl-blog-page .clb-hero h1 em{display:block}

@media (max-width:1100px){
 .av133-page .av133-hero h1,.ia134-page .ia134-hero h1,
 .consult139-page .consult139-hero h1,body.cl-blog-page .clb-hero h1{
   font-size:clamp(43px,4.8vw,57px)!important;
 }
 .av133-page .av133-hero-top,.ia134-page .ia134-hero-grid,
 .consult139-page .consult139-hero-layout,body.cl-blog-page .clb-hero-grid{gap:28px!important}
}
@media (max-width:767px){
 .av133-page .av133-hero,.ia134-page .ia134-hero,
 .consult139-page .consult139-hero,body.cl-blog-page .clb-hero{
   padding:87px 0 39px!important;min-height:0!important;
 }
 .av133-page .av133-hero>.av133-container,.ia134-page .ia134-hero>.ia134-container,
 .consult139-page .consult139-hero>.consult139-container,
 body.cl-blog-page .clb-hero>.clb-wrap{
  width:100%!important;max-width:100%!important;padding-inline:20px!important;
 }
 :where(.av133-page,.ia134-page,.consult139-page,.cl-blog-page) .cl143-crumb{
   margin-bottom:30px;font-size:11px;
 }
 .av133-page .av133-hero-top,.ia134-page .ia134-hero-grid,
 .consult139-page .consult139-hero-layout,body.cl-blog-page .clb-hero-grid{
  grid-template-columns:minmax(0,1fr)!important;gap:20px!important;
  min-height:0!important;align-items:start!important;
 }
 .av133-page .av133-hero h1,.ia134-page .ia134-hero h1,
 .consult139-page .consult139-hero h1,body.cl-blog-page .clb-hero h1{
  font-size:clamp(39px,8.9vw,53px)!important;
  line-height:1.06!important;letter-spacing:-.052em!important;
  margin:16px 0!important;max-width:580px!important;
 }
 .av133-page .av133-hero-text>p,.ia134-page .ia134-hero-copy>p,
 .consult139-page .consult139-hero-copy>p,body.cl-blog-page .clb-hero-content>p{
  font-size:15px!important;line-height:1.68!important;max-width:540px!important;
 }
 .av133-page .av133-actions,.ia134-page .ia134-hero-actions,
 .consult139-page .consult139-actions,body.cl-blog-page .clb-hero-actions{
  margin-top:24px!important;gap:10px!important;
 }
 .av133-page .av133-hero-proof,.ia134-page .ia134-hero-notes,
 .consult139-page .consult139-hero-proof{margin-top:24px!important}
 .av133-page .av133-hero-visual,.ia134-page .ia134-hero-art,
 .consult139-page .consult139-hero-visual,body.cl-blog-page .clb-feature{
  width:100%!important;height:auto!important;min-height:310px!important;
 }
 .av133-page .av133-hero-visual{aspect-ratio:1.25}
 .ia134-page .ia134-hero-art{height:410px!important;min-height:410px!important}
 .consult139-page .consult139-hero-visual{min-height:490px!important;height:auto!important}
 body.cl-blog-page .clb-feature{height:360px!important;min-height:360px!important}
}
@media (max-width:440px){
 .av133-page .av133-hero h1,.ia134-page .ia134-hero h1,
 .consult139-page .consult139-hero h1,body.cl-blog-page .clb-hero h1{
  font-size:40px!important;
 }
 .av133-page .av133-actions,.ia134-page .ia134-hero-actions,
 .consult139-page .consult139-actions{flex-direction:column;align-items:stretch!important}
 .av133-page .av133-hero .av133-btn,.ia134-page .ia134-hero .ia134-button,
 .consult139-page .consult139-hero .consult139-btn{width:100%;justify-content:space-between}
}
@media (prefers-reduced-motion:reduce){
 .av133-page .av133-hero-visual *,
 .ia134-page .ia134-hero-art *,
 .consult139-page .consult139-hero-visual *{animation-duration:.01ms!important;}
}
/* Existing IA services carousel: keep its hint inside the small-screen canvas. */
@media (max-width:440px){
  .ia136-page .ia136-carousel-hint{
    max-width:100%!important;min-width:0!important;
    white-space:normal!important;flex-wrap:wrap!important;
  }
  .ia136-page .ia136-carousel-hint span{max-width:100%;overflow-wrap:anywhere}
}
