.botones-container {
display: flex;
align-items: center;
gap: 12px;
margin-top: 10px;
}

.video-btn {
width: 45px;
height: 45px;
background-color: #0D5A3A;
border-radius: 50%;
display: flex;
cursor: pointer;
justify-content: center;
align-items: center;
animation: heartbeat 2.5s infinite;
position: relative;
top: -2px;
}

.video-btn::before {
content: "";
border-style: solid;
border-width: 8px 0 8px 15px;
border-color: transparent transparent transparent white;
}

@keyframes heartbeat {
0% { transform: scale(1); }
20% { transform: scale(1.15); }
40% { transform: scale(1); }
60% { transform: scale(1.15); }
100% { transform: scale(1); }
}

/* POPUP */
.video-modal {
display: none;
position: fixed;
z-index: 999999;
left:0; top:0;
width:100%; height:100%;
background: rgba(0,0,0,0.7);
justify-content:center;
align-items:center;
}

.video-content {
background:#000;
width:90%;
max-width:850px;
border-radius:12px;
position:relative;
overflow:hidden;
}

.close-modal {
position:absolute;
top:10px;
right:15px;
color:#fff;
font-size:28px;
cursor:pointer;
z-index:10;
}

document.getElementById("openVideo").addEventListener("click", function(){ document.getElementById("youtubeFrame").src = "https://www.youtube.com/embed/AHwavx3ZT9c?autoplay=1"; document.getElementById("videoModal").style.display = "flex"; }); document.getElementById("closeVideo").addEventListener("click", function(){ document.getElementById("youtubeFrame").src = ""; document.getElementById("videoModal").style.display = "none"; }); window.addEventListener("click", function(e){ const modal = document.getElementById("videoModal"); if(e.target === modal){ document.getElementById("youtubeFrame").src = ""; modal.style.display = "none"; } });