/* Somente a frase inferior esquerda do slider Angra TOP */
.hero-bottom > .ea-angra-slogan {
  display:inline-block;
  max-width:min(100%, 58ch);
  min-width:0;
  white-space:normal;
  overflow-wrap:normal;
  line-height:1.34;
  letter-spacing:.025em;
  text-transform:uppercase;
  font-family:inherit;
  font-size:14px;
  font-weight:650;
  text-align:left;
  vertical-align:middle;
}
.hero-bottom > .ea-angra-slogan.ea-angra-three-d {
  color:#fff6dc;
  font-weight:750;
  text-shadow:
    0 1px 0 #d5a95b,
    0 2px 0 #9b6b26,
    0 3px 3px rgba(8,27,33,.7),
    0 5px 9px rgba(2,15,20,.40);
}
.hero-bottom > .ea-angra-slogan.ea-angra-semibold {
  color:#fff !important;
  font-weight:700;
  letter-spacing:.035em;
  text-shadow:0 2px 5px rgba(0,20,29,.62);
}
.hero-bottom > .ea-angra-slogan.ea-angra-classic {
  color:#fff !important;
  font-weight:550;
  letter-spacing:.045em;
  text-shadow:0 1px 3px rgba(0,18,25,.45);
}
@media(max-width:767px){
  .hero-bottom > .ea-angra-slogan {font-size:11px;max-width:100%;line-height:1.4;}
}

/* v1.1 — Frase inferior realmente responsiva */
.hero-bottom > .ea-angra-slogan{box-sizing:border-box;min-width:0;overflow-wrap:break-word;word-break:normal}
.ea-angra-slogan .ea-slogan-mobile{display:none}
@media(max-width:767px){
 .hero-bottom:has(> .ea-angra-slogan){display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:4px 8px!important;max-width:100%;box-sizing:border-box}
 .hero-bottom > .ea-angra-slogan{display:block!important;flex:1 1 100%!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:2px 6px!important;line-height:1.3!important;font-size:clamp(10px,2.8vw,13px);text-align:center!important;white-space:normal!important;overflow:visible!important;letter-spacing:.012em!important}
 .ea-angra-slogan .ea-slogan-desktop{display:none}
 .ea-angra-slogan .ea-slogan-mobile{display:inline}
 .hero-bottom[data-ea-mobile-hide-note="yes"] > :not(.ea-angra-slogan){display:none!important}
 .hero-bottom > .ea-angra-slogan.ea-angra-three-d{text-shadow:0 1px 0 #b48c48,0 2px 3px rgba(0,15,25,.6)!important}
}