/* ALTHA · Carrusel de anuncios: conserva color y altura de la franja original. */
.altha-announce-carousel{
  justify-content:space-between;
  gap:0;
  padding:0 max(8px, env(safe-area-inset-right)) 0 max(8px, env(safe-area-inset-left));
  overflow:hidden;
  isolation:isolate;
  /* Tipografía ligera y espaciada, acorde a la referencia aportada. */
  font-family:Arial,Helvetica,sans-serif;
  font-size:13px;
  font-weight:400;
  line-height:1.2;
  letter-spacing:1px;
}
/* Texto de los anuncios en negro; las flechas conservan su color original. */
.altha-announce-carousel .altha-announcement-slide{
  color:#000;
}
.altha-announcement-slides{
  position:relative;
  flex:1 1 auto;
  align-self:stretch;
  min-width:0;
  overflow:hidden;
}
.altha-announce-carousel .altha-announcement-slide{
  display:flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  inset:0;
  width:100%;
  white-space:nowrap;
  opacity:0;
  visibility:hidden;
  transform:translateY(5px);
  transition:opacity .38s ease,transform .38s ease,visibility .38s;
  pointer-events:none;
}
.altha-announce-carousel .altha-announcement-slide.is-active{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
  transition:opacity .38s ease,transform .38s ease,visibility 0s;
}
.altha-announcement-arrow{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 34px;
  width:34px;
  height:100%;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:inherit;
  opacity:.85;
  cursor:pointer;
  transition:background .2s ease,opacity .2s ease;
  position:relative;
  z-index:1;
}
.altha-announcement-arrow svg{display:block;flex:none}
.altha-announcement-arrow:hover{background:rgba(22,27,31,.09);opacity:1}
.altha-announcement-arrow:focus-visible{outline:2px solid #161B1F;outline-offset:-3px;opacity:1}
.altha-announcement-arrow:active{background:rgba(22,27,31,.15)}
@media(max-width:500px){
  .altha-announce-carousel{font-size:clamp(8px,2.45vw,10.5px);letter-spacing:.015em}
  .altha-announcement-arrow{flex-basis:29px;width:29px}
  .altha-announcement-arrow svg{width:14px;height:14px}
}
@media(max-width:340px){
  .altha-announce-carousel{font-size:8px;letter-spacing:0}
  .altha-announcement-arrow{flex-basis:25px;width:25px}
}
@media(prefers-reduced-motion:reduce){
  .altha-announce-carousel .altha-announcement-slide{transition:none;transform:none}
  .altha-announcement-arrow{transition:none}
}
