

:root{
    --color-azul-primary: rgba(2, 23, 196, 0.89);
    --color-azul-secondary: #1677ef;
    --color-amarillo-primary: #eebc17;
    --color-rojo-primary: #ee162a;
    --color-gray-primary: #415670;
    --color-gris-dark: #333;
    --color-blanco: white;
}


.autorix-text:before{
    background: none !important;
    content: "" !important;
}

h6:before{
    background: none !important;
    content: "" !important;

}

.carousel-section::after {
    background: none !important;
    content: "" !important;

}

.offer-section::after {
    background: none !important;
    content: "" !important;
}

.offer-section:before {
    background: none !important;
    content: "" !important;
}

.about-us-section::after {
    background: none !important;
    content: "" !important;
}

.silver-bg {
    position: relative;
    background: linear-gradient(110deg, #a6a6a6, #c4c4c4, #b0b0b0, #8f8f8f, #a0a0a0);
    filter: brightness(1.02) contrast(1.05);
    overflow: hidden; /* Para que los brillos no salgan del contenedor */
}

.silver-bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.2) 5%, transparent 50%) 10% 10% / 12% 12%,
    radial-gradient(circle, rgba(255, 255, 255, 0.15) 7%, transparent 60%) 60% 60% / 18% 18%;
    animation: shimmer 8s infinite alternate ease-in-out;
    pointer-events: none; /* Para que no afecte interacciones */
    opacity: 0.3;
}

@keyframes shimmer {
    0% { background-position: 0% 0%, 40% 40%; opacity: 0.2; }
    50% { background-position: 30% 30%, 70% 70%; opacity: 0.25; }
    100% { background-position: 0% 0%, 40% 40%; opacity: 0.2; }
}

.btn-inner{
    background-color: var(--color-azul-primary) !important;
}
