/* Botón del documental (bajo las tarjetas de experiencias) y su pop-up con el video de YouTube */
.doc-cta{display:flex;justify-content:center;margin-top:44px}
@property --doc-a{syntax:"<angle>";inherits:false;initial-value:0deg}
.doc-btn{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;gap:18px;padding:14px 40px 14px 14px;border:2px solid transparent;border-radius:999px;color:#fff;font:600 20px "Space Grotesk",Inter,sans-serif;letter-spacing:.01em;cursor:pointer;background:linear-gradient(#120B2E,#0B071E) padding-box,conic-gradient(from var(--doc-a),#6DF577,#9D34F7,#C850FF,#6DF577) border-box;box-shadow:0 18px 50px -18px rgba(157,52,247,.7);animation:doc-spin 6s linear infinite;transition:transform .25s,box-shadow .25s}
.doc-btn::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.12) 50%,transparent 65%);transform:translateX(-120%);animation:doc-sheen 4.5s ease-in-out infinite}
.doc-btn svg{flex:none;box-sizing:content-box;width:22px;height:22px;padding:15px 13px 15px 17px;border-radius:50%;background:linear-gradient(135deg,#8DFA96,#6DF577);color:#0B071E;animation:doc-pulse 2.2s ease-out infinite}
.doc-btn:hover,.doc-btn:focus-visible{transform:translateY(-3px) scale(1.02);box-shadow:0 22px 60px -14px rgba(109,245,119,.55);outline:none}
@keyframes doc-spin{to{--doc-a:360deg}}
@keyframes doc-sheen{0%,55%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
@keyframes doc-pulse{0%{box-shadow:0 0 0 0 rgba(109,245,119,.55)}70%,100%{box-shadow:0 0 0 18px rgba(109,245,119,0)}}
@media(prefers-reduced-motion:reduce){.doc-btn,.doc-btn::after,.doc-btn svg{animation:none}}
@media(max-width:639px){.doc-btn{width:100%;gap:14px;padding-right:20px;font-size:17px}}
#doc-modal{position:fixed;inset:0;z-index:80;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(8,5,20,.88);backdrop-filter:blur(6px)}
#doc-modal.open{display:flex}
#doc-modal .doc-box{position:relative;width:100%;max-width:min(64rem,calc((100vh - 96px) * 16 / 9));border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#0B071E;box-shadow:0 24px 80px rgba(0,0,0,.6)}
#doc-modal .doc-frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#000}
#doc-modal iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
#doc-modal .doc-close{position:absolute;top:-48px;right:0;width:40px;height:40px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(20,10,51,.9);color:#F2EEFA;font-size:22px;line-height:1;cursor:pointer}
#doc-modal .doc-close:hover,#doc-modal .doc-close:focus-visible{border-color:#6DF577;color:#6DF577}