.badge.bg-danger {
    animation: pulse 1.5s infinite;
    font-size: 0.8rem;
    padding: 5px 10px;
    vertical-align: middle;
}

@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.05);
        opacity: 0.7;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Estilos mejorados para la sección de video */
.video {
    min-height: 800px; /* Aumentado al doble */
    position: relative;
}

.btn-play {
    position: relative;
    display: block;
    box-sizing: content-box;
    width: 40px; /* Aumentado el tamaño del botón */
    height: 55px; /* Aumentado el tamaño del botón */
    border-radius: 50%;
    border: none;
    outline: none !important;
    padding: 22px 24px 22px 32px; /* Aumentado el padding */
    background: #FFFFFF;
    transition: all 0.3s ease;
}

.btn-play:hover {
    transform: scale(1.05);
}

.btn-play:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 120px; /* Aumentado */
    height: 120px; /* Aumentado */
    background: #FFFFFF;
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
}

.btn-play:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 120px; /* Aumentado */
    height: 120px; /* Aumentado */
    background: #FFFFFF;
    border-radius: 50%;
    transition: all 200ms;
}

.btn-play span {
    display: block;
    position: relative;
    z-index: 3;
    width: 0;
    height: 0;
    left: -1px;
    border-left: 40px solid var(--primary); /* Aumentado */
    border-top: 28px solid transparent; /* Aumentado */
    border-bottom: 28px solid transparent; /* Aumentado */
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

@media (max-width: 768px) {
    .video .btn-play {
        margin-bottom: 2rem;
    }
    
    .video h1 {
        font-size: 1.75rem;
    }
    
    .video h3 {
        font-size: 1.25rem;
    }
    
    .video .badge {
        font-size: 0.7rem;
    }
}
