@import url("../home-cta-letters.css?v=estrategia-20261101");
/* Un único grupo de lectura y un espacio sustituible para el objeto isométrico. */
body:not(.silhouette-preview) .hero.hero-with-visual{
 grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
 align-items:center;
 gap:clamp(40px,5vw,80px);
 padding-block:32px 40px;
}
.hero-with-visual .hero-content{min-width:0}
.hero-with-visual h1>.claim-line{display:block;text-wrap:balance}
.hero-with-visual h1{font-size:clamp(46px,4.8vw,76px);letter-spacing:-.04em}
.hero-with-visual .hero-copy{max-width:560px;margin-top:24px;padding:0;font-size:20px;line-height:1.45}
.hero-with-visual .hero-copy p+p{margin-top:12px;font-size:17px;line-height:1.5;max-width:48ch}
.hero-with-visual .hero-actions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:28px}
.hero-with-visual .hero-actions a{
 flex-shrink:0;
 max-width:100%;
 min-height:54px;
 padding:15px 23px;
 gap:20px;
 border:1px solid var(--beos-action);
 border-radius:var(--beos-radius);
 background:var(--beos-action);
 color:#fff;
 font-size:15px;
 line-height:1.4;
 text-decoration:none;
 transition:background .18s,color .18s,border-color .18s,box-shadow .18s;
}
.hero-with-visual .hero-actions a:is(:hover,:focus-visible){
 background:var(--beos-orange);
 border-color:var(--beos-orange);
 color:var(--beos-ink);
 box-shadow:0 4px 18px rgba(242,154,88,.2);
 text-decoration:none;
}
.hero-with-visual .hero-visual{min-width:0;width:100%;max-width:460px;margin:0;justify-self:end;position:relative}
.hero-with-visual .hero-visual img{display:block;width:100%;height:auto}
.hero-with-visual .hero-visual figcaption{margin-top:-16px;text-align:center;font-size:13px;line-height:1.4;color:#4b6877}
.hero-with-visual+.culture{padding-top:24px}
@media(min-width:761px) and (max-width:1100px){
 body:not(.silhouette-preview) .hero.hero-with-visual{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:32px;padding-block:40px 48px}
 .hero-with-visual h1{font-size:clamp(38px,4.8vw,54px)}
 .hero-with-visual .hero-copy{font-size:18px}
 .hero-with-visual .hero-copy p+p{font-size:16px}
 .hero-with-visual .hero-actions{gap:8px 20px;margin-top:24px}
}
@media(prefers-reduced-motion:reduce){.hero-with-visual .hero-actions a{transition:none}}
@media(max-width:760px){
 body:not(.silhouette-preview) .hero.hero-with-visual{grid-template-columns:1fr;gap:12px;padding-block:32px 32px}
 .hero-with-visual h1{font-size:clamp(36px,8.8vw,64px)}
 .hero-with-visual .hero-copy{max-width:520px;margin-top:20px;font-size:18px}
 .hero-with-visual .hero-copy p+p{font-size:16px}
 .hero-with-visual .hero-actions{gap:12px 24px;margin-top:24px}
 .hero-with-visual .hero-visual{width:min(100%,340px);justify-self:center}
 .hero-with-visual .hero-visual figcaption{font-size:12px;margin-top:-12px}
 .hero-with-visual+.culture{padding-top:16px}
}

/* BEOS-55: jerarquía móvil aprobada. */
@media(max-width:760px){
  body:not(.silhouette-preview) .hero.hero-with-visual{gap:24px}
  .hero-with-visual .hero-content{display:contents}
  .hero-with-visual .hero-content>h1{grid-column:1;grid-row:1}
  .hero-with-visual .hero-visual{grid-column:1;grid-row:2}
  .hero-with-visual .hero-copy{grid-column:1;grid-row:3;margin-top:0}
}