html {scroll-behavior: smooth;}
.logosPatrocinador{display:flex;gap:1rem;justify-content:center;align-items:center;}
.logosPatrocinador img{width:auto;height:50px;aspect-ratio:2;display:block;}
.logosMin{display:flex;gap:1rem;justify-content:center;align-items:center;margin-right:50px;}
.logosMin img{width:100%;height:32px;aspect-ratio:2;display:block;}

.videoLogo{width:100%;height:100%;display:block;border-radius:0.5rem;mix-blend-mode: lighten;}

.videoContainer{
    overflow: hidden;
    align-items: center;
    display: grid;
    justify-content: center;
    min-width: 100vw;
    min-height: 100%;
    position: absolute;
    -o-object-position: center;
    object-position: center;
}
.videoContainer video{width:100vw;height:100%;object-fit:cover;}

.pugilesList{max-width:1100px;margin:auto;}
.fxBG{background-image:linear-gradient(rgba(0,0,0,0.1),#000);padding:5px;}
.tracking-tighter{display:inline-flex;align-items:center;gap:5px;}
.tracking-tighter img{height:12px;}
.patrocinio{display:grid;gap:0.5rem;}
.patrocinio .txt{color:#9093A5;}

.btnView{position:relative;display:inline-grid;grid-gap:5px;justify-content:center;padding:1rem 2rem;border-radius:0.5rem;background:rgba(23,22,22,1.00);overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,1.00);}
.btnView::before{content:"";position:absolute;top:0;left:0;width:100%;height:50%;background: rgba(255,255,255,0.05);}
a.btnView:hover{background:rgba(41,52,100,1.00);box-shadow:0 2px 8px rgba(27,9,95,1.00);}
.btnView .brand{display:flex;gap:1rem;justify-content:center;}
.btnView .brand img{width:auto;height:24px;}
.btnView .bandera{border-radius:5px;}
.btnView .rss{}
@media (min-width: 600px) {
   .patrocinio{display:flex;gap:0.5rem;align-items:center;} 
	.logosPatrocinador img{height:70px;}
}

.idiomas{position:fixed;top:1rem;right:1rem;font-size:0.7rem;z-index:100;}
.idiomas img{width:32px;}
.idiomas .marca{display:flex;gap:0.5rem;padding:0.3rem;border:solid 1px red;background:rgba(0,0,0,0.60);cursor:pointer;transition:all 0.3s ease;}
.idiomas .marca:hover{background:rgba(179,138,77,0.2);transform:scale(1.05);}
.idiomas ul{display:grid;gap:0.5rem;margin:0.5rem 0 0 0;padding:0;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity 0.3s ease,transform 0.3s ease,visibility 0.3s;pointer-events:none;}
.idiomas.active ul{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;}
.idiomas ul li{}
.idiomas ul li a, .idiomas .marca{display:flex;align-items:center;gap:0.5rem;padding:0.5rem;border:solid 1px #b38a4d;background:rgba(0,0,0,0.60);}
.idiomas a:hover{transform:scale(1.2);background:rgba(255,255,255,0.05);transition: all 0.3s;}

.zonaApuesta{
	display:grid;justify-content:center;margin-bottom:5rem;text-align:center;background: url("../img/bg-pattern.png") repeat top center;
}

/* botón*/
.button-container {
position: relative;
display: inline-block;
}

.glow-button {
position: relative;
background: linear-gradient(135deg, #ff6b35, #f7931e, #ffbd39);
color: #000;
font-weight: bold;
font-size: 1.125rem;
text-transform: uppercase;
letter-spacing: 0.1em;
padding: 1rem 2rem;
border: none;
clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
overflow: hidden;
animation: bounce 2s ease-in-out infinite;
z-index: 1;
}

/* Brillo que se mueve de lado a lado */
.glow-button::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 50%;
height: 100%;
            background: linear-gradient(
                90deg,
                transparent,
                rgba(255, 255, 255, 0.6),
                transparent
            );
animation: shine 3s ease-in-out infinite;
        }

        /* Efecto de brillo externo tenue */
        .outer-glow {
            position: absolute;
            top: -20px;
            left: -20px;
            right: -20px;
            bottom: -20px;
            background: radial-gradient(ellipse at center, rgba(255, 107, 53, 0.8) 0%, rgba(255, 107, 53, 0.4) 30%, transparent 70%);
            filter: blur(20px);
            animation: glow-pulse 2.5s ease-in-out infinite;
            pointer-events: none;
            z-index: 0;
        }

        @keyframes shine {
            0% {
                left: -100%;
            }
            50% {
                left: 150%;
            }
            100% {
                left: 150%;
            }
        }

        @keyframes bounce {
            0%, 100% {
                transform: translateY(0);
            }
            50% {
                transform: translateY(-8px);
            }
        }

        @keyframes glow-pulse {
            0%, 100% {
                opacity: 0.6;
                transform: scale(1);
            }
            50% {
                opacity: 1;
                transform: scale(1.1);
            }
        }

        .glow-button:hover {
            transform: translateY(-4px);
            animation: none;
        }

        .glow-button:active {
            transform: translateY(0);
        }

        .material-symbols-outlined {
            font-size: 1.5rem;
        }