.videos-header{background-image:linear-gradient(#2a1249d9,#2a1249d9);background-size:cover;background-position:center;background-repeat:no-repeat;padding:8rem 0 6rem;margin-top:110px;position:relative;text-align:center;color:var(--color-white)}.videos-header:before{content:"";position:absolute;bottom:0;left:0;right:0;height:5px;background:var(--color-gold)}.videos-header-content{max-width:800px;margin:0 auto;padding:0 1rem}.videos-title{font-size:3.5rem;font-weight:700;margin-bottom:1rem;position:relative;display:inline-block}.videos-title:after{content:"";display:block;width:100px;height:4px;background-color:var(--color-gold);margin:.8rem auto 0}.videos-subtitle{font-size:1.2rem;max-width:600px;margin:0 auto;opacity:.9}@media (max-width: 860px){.videos-header{padding:6rem 0 4rem;margin-top:70px}.videos-title{font-size:2.5rem}.videos-subtitle{font-size:1rem}}@media (max-width: 480px){.videos-header{padding:5rem 0 3rem;margin-top:60px}.videos-title{font-size:2rem}}@media (max-width: 360px){.videos-header{margin-top:56px}.videos-title{font-size:1.8rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #d5bc5fb3}70%{transform:scale(1.05);box-shadow:0 0 0 10px #d5bc5f00}to{transform:scale(1);box-shadow:0 0 #d5bc5f00}}.videos-container{max-width:1200px;margin:0 auto;padding:3rem 1rem}.videos-filtros{display:flex;justify-content:center;gap:.75rem;margin-bottom:2.5rem;flex-wrap:wrap}.filtro-btn{background:transparent;border:2px solid var(--color-gold);color:var(--color-purple);padding:.6rem 1.4rem;border-radius:30px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease}.filtro-btn:hover{background-color:var(--color-gold);color:var(--color-white)}.filtro-btn.activo{background-color:var(--color-purple);border-color:var(--color-purple);color:var(--color-white)}.videos-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.video-card{border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;background-color:var(--color-white);cursor:pointer;opacity:0;transform:translateY(15px)}.video-card.fade-in{opacity:1;transform:translateY(0);transition:opacity .4s ease,transform .4s ease}.video-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px #0000002e}.video-card:active{transform:scale(.98);transition:transform .1s ease}.video-thumbnail{position:relative;height:180px;overflow:hidden;background:#1a1a2e}.video-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.video-card:hover .video-thumbnail img{transform:scale(1.08)}.video-overlay{position:absolute;inset:0;background:#2a124966;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.video-card:hover .video-overlay{opacity:1}.video-duracion-badge{position:absolute;bottom:8px;right:8px;background-color:#000000bf;color:var(--color-white);padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;z-index:2}.reproducir-btn{width:56px;height:56px;border-radius:50%;background-color:var(--color-gold);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;transform:scale(.8);opacity:0}.video-card:hover .reproducir-btn{transform:scale(1);opacity:1;animation:pulse 2s infinite}.icono-play{width:22px;height:22px;color:var(--color-white);margin-left:3px}.video-info-card{padding:1rem 1.25rem}.video-categoria-badge{display:inline-block;background:linear-gradient(135deg,var(--color-gold),#c4a94d);color:var(--color-purple-dark, #2a1249);padding:.2rem .65rem;border-radius:20px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.video-titulo-card{font-size:1.1rem;color:var(--color-purple);margin-bottom:.4rem;line-height:1.3}.video-descripcion-card{color:#666;font-size:.85rem;line-height:1.4;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-meta-card{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#999}.video-fecha-card{font-weight:500}.modal-reproductor{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;opacity:0;transition:opacity .3s ease}.modal-reproductor.activo{opacity:1}.modal-reproductor.oculto{display:none}.modal-overlay{position:absolute;inset:0;background-color:#000000eb}.modal-contenido{width:100%;max-width:900px;background-color:var(--color-white);border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0009;position:relative;z-index:1}.cerrar-modal{position:absolute;top:10px;right:10px;width:42px;height:42px;border-radius:50%;background-color:#000000b3;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease}.cerrar-modal:hover{background-color:var(--color-purple);border-color:var(--color-gold);transform:scale(1.1)}.video-container{width:100%;padding-top:56.25%;position:relative;background:#000}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-info{padding:1.25rem 1.5rem;border-top:1px solid #eee}.video-titulo{font-size:1.3rem;color:var(--color-purple);margin-bottom:.4rem;line-height:1.3}.video-descripcion{color:#555;font-size:.9rem;line-height:1.5;margin-bottom:.75rem}.video-meta{display:flex;justify-content:space-between;align-items:center;color:#999}.video-fecha,.video-duracion{font-weight:500;font-size:.85rem}.oculto{display:none}@media (max-width: 768px){.videos-container{padding:2rem .75rem}.videos-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.filtro-btn{padding:.5rem 1rem;font-size:.85rem}.videos-filtros{gap:.5rem;margin-bottom:1.5rem}.video-thumbnail{height:140px}.video-overlay{opacity:1}.reproducir-btn{opacity:1;transform:scale(.8);width:46px;height:46px}.video-info-card{padding:.75rem 1rem}.video-titulo-card{font-size:1rem}.video-descripcion-card{font-size:.8rem;margin-bottom:.5rem}.modal-reproductor{padding:1rem}.modal-contenido{max-width:100%}.cerrar-modal{top:6px;right:6px;width:38px;height:38px;font-size:20px}.video-info{padding:1rem}.video-titulo{font-size:1.1rem}.video-descripcion{font-size:.85rem}}@media (max-width: 480px){.videos-container{padding:1.5rem .5rem}.videos-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.filtro-btn{padding:.4rem .8rem;font-size:.78rem;border-width:1.5px}.videos-filtros{gap:.4rem;margin-bottom:1.25rem}.video-thumbnail{height:105px}.reproducir-btn{width:38px;height:38px}.icono-play{width:16px;height:16px;margin-left:2px}.video-duracion-badge{font-size:.65rem;padding:.15rem .4rem;bottom:5px;right:5px}.video-info-card{padding:.6rem .75rem}.video-categoria-badge{font-size:.6rem;padding:.15rem .5rem;margin-bottom:.3rem}.video-titulo-card{font-size:.85rem;line-height:1.2;margin-bottom:.2rem}.video-descripcion-card{font-size:.7rem;margin-bottom:.4rem;-webkit-line-clamp:1;line-clamp:1}.video-meta-card{font-size:.65rem}.modal-reproductor{padding:.75rem}.cerrar-modal{top:6px;right:6px;width:36px;height:36px;font-size:18px}.video-info{padding:.75rem 1rem}.video-titulo{font-size:1rem}.video-descripcion{font-size:.8rem}}@media (max-width: 360px){.videos-container{padding:1rem .4rem}.videos-grid{gap:.5rem}.video-thumbnail{height:85px}.reproducir-btn{width:32px;height:32px}.filtro-btn{padding:.35rem .6rem;font-size:.7rem}.video-info-card{padding:.5rem .6rem}.video-titulo-card{font-size:.78rem}}