.banner-naranja-header {
background-color: #ffb74d; /* Naranja suave */
color: #000000; /* Texto negro */
font-weight: bold;
font-family: inherit;
padding: 6px 0;
font-size: 13px;
line-height: 1.2;
width: 100%;
overflow: hidden;
white-space: nowrap;
position: relative;
z-index: 99;
}.banner-naranja-track {
display: inline-block;
white-space: nowrap;
will-change: transform;
animation: scroll-naranja 18s linear infinite;
}.banner-naranja-item {
display: inline-block;
padding-right: 20px;
}@keyframes scroll-naranja {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}/* Pausa si alguien pone el cursor o toca el texto en el teléfono */
.banner-naranja-header:hover .banner-naranja-track {
animation-play-state: paused;
}
.top-announcement-bar {
background-color: #ffeb3b;
color: #000000;
font-weight: bold;
font-family: inherit;
padding: 6px 0;
font-size: 13px;
line-height: 1.2;
width: 100%;
overflow: hidden;
white-space: nowrap;
position: relative;
z-index: 99;
box-shadow: 0px 2px 4px rgba(0,0,0,0.05);
}.top-announcement-track {
display: inline-block;
white-space: nowrap;
will-change: transform;
animation: scroll-banner 18s linear infinite;
}.top-announcement-item {
padding-right: 50px;
display: inline-block;
}@keyframes scroll-banner {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}/* Pausa suave al tocar o pasar el cursor */
.top-announcement-bar:hover .top-announcement-track {
animation-play-state: paused;
}