
/* ESTRADA ABOGADOS · CONTROL DE TIPOGRAFÍA V21.
   Evita que el clip-path de v13TextRise y el line-height .97 corten las
   descendentes (g, y, p, q) del titular "Compromiso y estrategia". */
@keyframes estradaV21TitleEntrance {
 from { opacity: 0; translate: 0 12px; }
 to { opacity: 1; translate: 0 0; }
}
body.v8-home.cinematic-v13 .v6-hero-copy h1,
body.cinematic-v13.v6-internal .internal-hero h1 {
 display: block !important;
 clip-path: none !important;
 -webkit-clip-path: none !important;
 overflow: visible !important;
 line-height: 1.17 !important;
 padding-block: .11em .18em !important;
 animation: estradaV21TitleEntrance .7s ease-out both !important;
}
body.v8-home.cinematic-v13 .v6-hero-copy h1 em,
body.cinematic-v13.v6-internal .internal-hero h1 em {
 line-height: inherit !important;
 overflow: visible !important;
 clip-path: none !important;
 -webkit-clip-path: none !important;
}
/* No fuerces la tipografía a una sola línea ni invadas la pared azul. */
@media(min-width:1024px) {
 body.v8-home.cinematic-v13 .v6-hero-copy {
  top: clamp(145px,19vh,242px) !important;
  bottom: auto !important;
  left: clamp(25px,5.1vw,92px) !important;
  width: min(680px,48vw) !important;
  max-width: min(680px,48vw) !important;
  transform: none !important;
  overflow: visible !important;
 }
 body.v8-home.cinematic-v13 .v6-hero-copy h1 {
  font-size: clamp(52px,5.25vw,85px) !important;
  line-height: 1.14 !important;
  letter-spacing: -.044em !important;
  margin: 12px 0 8px !important;
  padding-block: .10em .17em !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
 }
 body.v8-home.cinematic-v13 .v6-hero-copy > p {
  font-size: clamp(14px,1.22vw,18px) !important;
  line-height: 1.58 !important;
  margin: 5px 0 20px !important;
 }
 body.v8-home.cinematic-v13 .v6-hero-eyebrow {
  margin-bottom: 5px !important;
 }
 body.v8-home.cinematic-v13 .v6-hero-actions {
  margin-top: 0 !important;
 }
}
@media(min-width:1024px) and (max-height:720px) {
 body.v8-home.cinematic-v13 .v6-hero-copy {
  top: 128px !important;
 }
 body.v8-home.cinematic-v13 .v6-hero-copy h1 {
  font-size: clamp(48px,4.7vw,73px) !important;
  margin: 3px 0 3px !important;
 }
 body.v8-home.cinematic-v13 .v6-hero-copy > p {
  font-size: 14px !important;
  margin: 4px 0 13px !important;
 }
 body.v8-home.cinematic-v13 .v17-emergency-menu {
  margin-top: 8px !important;
 }
}
@media(min-width:781px) and (max-width:1023px) {
 body.v8-home.cinematic-v13 .v6-hero-copy {
  left: 4vw !important; top: 160px !important; bottom: auto !important;
  width: min(540px,57vw) !important; max-width: 57vw !important;
  transform: none !important;
  overflow: visible !important;
 }
 body.v8-home.cinematic-v13 .v6-hero-copy h1 {
  font-size: clamp(43px,5.2vw,57px) !important;
  margin: 8px 0 !important;
  line-height: 1.17 !important;
 }
 body.v8-home.cinematic-v13 .v6-hero-copy > p {
  font-size: 13px !important;line-height: 1.55 !important;
  margin: 6px 0 14px !important;
 }
}
@media(max-width:780px) {
 body.v8-home.cinematic-v13 .v6-hero-copy {
  top: auto !important;
  left: 16px !important; right: 16px !important;
  width: calc(100% - 32px) !important; max-width: none !important;
  bottom: clamp(88px,12svh,130px) !important;
  transform: none !important;
  max-height: calc(100svh - 172px) !important;
  overflow-y: auto !important; overflow-x: hidden !important;
  scrollbar-width: none;
 }
 body.v8-home.cinematic-v13 .v6-hero-copy::-webkit-scrollbar {display:none}
 body.v8-home.cinematic-v13 .v6-hero-copy h1 {
  font-size: clamp(36px,9.25vw,57px) !important;
  letter-spacing: -.046em !important;
  line-height: 1.2 !important;
  margin: 5px 0 !important;
  padding-block: .10em .17em !important;
 }
 body.v8-home.cinematic-v13 .v6-hero-copy > p {
  margin: 7px 0 13px !important;
  line-height: 1.55 !important;
 }
 body.v8-home.cinematic-v13 .v6-hero-eyebrow {
  font-size: clamp(11px,2.8vw,13px) !important;
  line-height: 1.4 !important;
  margin-bottom: 2px !important;
 }
 body.v8-home.cinematic-v13 .v6-hero-actions a {
  min-height: 44px !important;
 }
}
/* Portadas interiores: las descendentes no se recortan con animaciones. */
body.cinematic-v13.v6-internal .internal-hero {
 overflow-x: hidden !important;
}
body.cinematic-v13.v6-internal .internal-hero h1 {
 margin-bottom: 16px !important;
 line-height: 1.16 !important;
}
@media(prefers-reduced-motion:reduce) {
 body.v8-home.cinematic-v13 .v6-hero-copy h1,
 body.cinematic-v13.v6-internal .internal-hero h1 {
  animation: none !important; opacity: 1 !important;translate:none !important;
 }
}
