.az-sidebar-wrap{
--bg-start:#f7fff7;
--bg-end:#f1fff1;
--text-color:#222222;
--btn-color:#2ecc71;
}
.sidebar-rotador {
background: linear-gradient(90deg, var(--bg-start), var(--bg-end));
border-radius: 14px;
padding: 10px 12px;
box-shadow: 0 4px 10px rgba(0,0,0,0.08);
overflow: hidden;
position: relative;
font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
height: 50px;
}
.rotador-cinta {
display: flex;
gap: 35px;
animation: deslizar 40s linear infinite;
color: var(--text-color);
}
.rotador-texto {
flex: 0 0 auto;
white-space: nowrap;
font-size: 1rem;
font-weight: 500;
display: flex;
align-items: center;
gap: 8px;
}
.rotador-texto strong { color: #111; }
.btn-rotador {
display: inline-block;
background: var(--btn-color);
color: #fff;
text-decoration: none;
padding: 6px 16px;
border-radius: 8px;
font-weight: 600;
transition: background 0.3s ease, transform 0.2s ease;
}
.btn-rotador:hover { transform: scale(1.05); }
@keyframes deslizar {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
.sidebar-rotador::before {
content: "";
position: absolute;
top: 0; left: -50%;
width: 50%;
height: 100%;
background: linear-gradient(120deg, transparent, rgba(255,255,255,0.3), transparent);
animation: shine 10s infinite;
}
@keyframes shine {
0% { left: -50%; }
50% { left: 120%; }
100% { left: 120%; }
}
@media (max-width: 1024px) {
.sidebar-rotador { height: 45px; padding: 8px 10px; }
.rotador-texto { font-size: 0.95rem; gap: 6px; }
.btn-rotador { padding: 5px 12px; font-size: 0.85rem; }
}
@media (max-width: 768px) {
.sidebar-rotador { height: 42px; padding: 6px 8px; }
.rotador-texto { font-size: 0.9rem; gap: 4px; }
.btn-rotador { padding: 4px 10px; font-size: 0.8rem; }
}
@media (max-width: 480px) {
.sidebar-rotador { height: 38px; padding: 5px 6px; }
.rotador-texto { font-size: 0.8rem; gap: 3px; }
.btn-rotador { padding: 3px 8px; font-size: 0.75rem; }
}