@font-face{font-family:Orbitron;src:url(/fonts/orbitron.woff2) format("woff2");font-weight:400 900;font-style:normal;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/plus-jakarta-sans.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--navy:#10357A;--navy-band:#0f3478;--navy-deep:#0a2152;--navy-ink:#071636;--purple:#800080;--purple-soft:#f6eaf6;--lilac:#dbaaf2;--orchid:#d873e8;--ink:#14182b;--gris:#4a4a4f;--muted:#5b6178;--line:#e7e9f2;--grad:linear-gradient(120deg,var(--navy) 0%,#3a2a8f 55%,var(--purple) 100%);--font-marca:"Orbitron",system-ui,sans-serif;--font-titulos:"Plus Jakarta Sans",system-ui,sans-serif;--font-cuerpo:"Inter",system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{min-height:100vh;min-height:100dvh;font-family:var(--font-cuerpo);color:var(--ink);background:var(--navy-ink);line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}img{display:block;max-width:100%}:focus-visible{outline:3px solid var(--lilac);outline-offset:3px;border-radius:12px}svg{display:block;flex:none}.fondo{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(120% 90% at 10% 0%,#163f8f 0%,var(--navy-deep) 45%,var(--navy-ink) 100%)}.fondo span{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;animation:flotar 18s ease-in-out infinite alternate}.fondo span:nth-child(1){width:46vmax;height:46vmax;background:var(--purple);top:-12vmax;right:-14vmax}.fondo span:nth-child(2){width:38vmax;height:38vmax;background:#3a2a8f;bottom:-14vmax;left:-12vmax;animation-delay:-6s}.fondo span:nth-child(3){width:22vmax;height:22vmax;background:var(--lilac);opacity:.22;top:40%;left:55%;animation-delay:-11s}@keyframes flotar{to{transform:translate(4vmax,-3vmax) scale(1.08)}}.escena{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;gap:48px;padding:max(24px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom))}@keyframes entrar{0%{opacity:0;transform:translateY(24px) scale(.98)}}.tarjeta{position:relative;width:100%;max-width:420px;background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 30px 80px -20px #030a23b3,0 0 0 1px #ffffff14;animation:entrar .7s cubic-bezier(.2,.8,.2,1) both}.t-cabeza{position:relative;padding:30px 24px 0;text-align:center}.t-mancha{position:absolute;top:0;left:0;width:39%;pointer-events:none}.t-rama{position:absolute;top:2%;right:0;width:37%;pointer-events:none}.t-logo{position:relative;display:inline-block}.t-logo img{width:clamp(136px,40%,172px);height:auto;margin:0 auto;mix-blend-mode:multiply}.t-nit{position:relative;margin-top:4px;font-family:var(--font-marca);font-size:.72rem;letter-spacing:.06em;color:var(--gris)}.t-escena{position:relative;margin-top:-6px}.t-escena img{width:100%;height:auto}.t-cuerpo{position:relative}.t-cuerpo:before{content:"";position:absolute;left:0;top:0;bottom:0;width:12px;background:linear-gradient(180deg,#d873e8d9,#d873e873 60%,#800080d9);z-index:1}.t-nombre{padding:10px 26px 24px;text-align:center}.t-nombre h1{font-family:var(--font-marca);font-weight:500;text-transform:uppercase;letter-spacing:.05em;line-height:1.45;font-size:clamp(1.05rem,4.9vw,1.36rem)}.t-nombre h1 span{display:block}.t-nombre .n{color:var(--purple)}.t-nombre .a{color:var(--navy)}.t-cargo{margin-top:8px;font-family:var(--font-marca);font-size:clamp(.78rem,3.4vw,.92rem);letter-spacing:.02em;color:var(--gris)}.t-banda{position:relative;background:var(--navy-band);color:#fff;padding:22px 22px 22px 34px}.t-datos{list-style:none;display:grid;gap:4px}.t-datos a{display:flex;align-items:center;gap:14px;padding:8px 10px;margin:0 -10px;border-radius:12px;font-size:.88rem;line-height:1.35;transition:background .2s}.t-datos a:hover{background:#ffffff14}.t-datos .ico{width:22px;display:grid;place-items:center;color:#fff}.t-datos .ico svg{width:21px;height:21px}.t-datos small{display:block;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:#fff9}.t-datos .txt{min-width:0;overflow-wrap:anywhere}.t-acciones{display:grid;grid-template-columns:1fr auto auto;gap:10px;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14)}.btn{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 18px;border-radius:14px;font-family:var(--font-titulos);font-size:.86rem;font-weight:700;letter-spacing:.01em;transition:transform .2s,box-shadow .2s,background .2s,color .2s}.btn svg{width:19px;height:19px}.btn-guardar{background:#fff;color:var(--navy);box-shadow:0 10px 24px -12px #00000080}.btn-guardar:hover{transform:translateY(-2px);background:var(--lilac);color:var(--navy-ink)}.btn-redondo{width:48px;padding:0;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.22)}.btn-redondo:hover{background:#fff3}.btn-principal{background:var(--grad);color:#fff;box-shadow:0 14px 30px -12px #3a2a8fbf}.btn-principal:hover{transform:translateY(-2px)}.btn-secundario{background:#f2f4fb;color:var(--navy)}.btn-secundario:hover{background:#e8ebf7}.qr-lateral{display:none}.qr svg{width:100%;height:auto}@media(min-width:900px){.qr-lateral{display:flex;flex-direction:column;align-items:center;gap:18px;width:250px;padding:26px;border-radius:26px;color:#fff;text-align:center;background:linear-gradient(160deg,#ffffff29,#ffffff0d);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:entrar .7s .15s cubic-bezier(.2,.8,.2,1) both}.qr-lateral .qr{width:100%;padding:16px;background:#fff;border-radius:18px}.qr-lateral p{font-size:.86rem;color:#ffffffc7}.qr-lateral strong{display:block;font-family:var(--font-titulos);font-size:1rem;color:#fff;margin-bottom:4px}.solo-movil{display:none}.t-acciones{grid-template-columns:1fr auto}}.qr-modal{margin:auto;width:min(340px,calc(100% - 32px));border:0;border-radius:26px;padding:28px 24px 22px;text-align:center;box-shadow:0 30px 80px -20px #030a23b3}.qr-modal::backdrop{background:#07163699;backdrop-filter:blur(6px)}.qr-modal[open]{animation:entrar .35s cubic-bezier(.2,.8,.2,1)}.qr-modal h2{font-family:var(--font-marca);font-weight:500;text-transform:uppercase;letter-spacing:.04em;font-size:1rem;line-height:1.4;color:var(--navy)}.qr-modal p{font-size:.85rem;color:var(--muted);margin:6px 0 16px}.qr-modal .qr{padding:14px;border:1px solid var(--line);border-radius:18px;margin-bottom:16px}.qr-modal .btn{width:100%}.qr-cerrar{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:var(--muted)}.qr-cerrar:hover{background:#f2f4fb;color:var(--navy)}.aviso{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:12px 18px;border-radius:999px;background:#071636eb;color:#fff;font-size:.86rem;font-weight:600;transition:opacity .25s,transform .25s;max-width:calc(100% - 32px)}.aviso.visible{opacity:1;transform:translate(-50%)}.directorio{position:relative;width:100%;max-width:520px;padding:34px 24px 24px;border-radius:26px;background:#fff;overflow:hidden;box-shadow:0 30px 80px -20px #030a23a6;animation:entrar .7s cubic-bezier(.2,.8,.2,1) both}.directorio .t-mancha{width:30%}.directorio .t-rama{width:28%}.dir-cab{position:relative;text-align:center;margin-bottom:22px}.dir-cab img{width:140px;height:auto;margin:0 auto 14px;mix-blend-mode:multiply}.dir-cab h1{font-family:var(--font-marca);font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:1.25rem;color:var(--navy)}.dir-cab p{color:var(--muted);font-size:.92rem;margin-top:6px}.dir-lista{position:relative;list-style:none;display:grid;gap:10px}.dir-item{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:18px;background:#fff;transition:border-color .2s,box-shadow .2s,transform .2s}.dir-item:hover{border-color:transparent;box-shadow:0 14px 30px -14px #10357a73;transform:translateY(-2px)}.dir-avatar{width:52px;height:52px;flex:none;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:var(--grad);color:#fff;font-family:var(--font-marca);font-weight:600;font-size:.9rem}.dir-avatar img{width:100%;height:100%;object-fit:cover}.dir-txt{flex:1;min-width:0;display:flex;flex-direction:column}.dir-txt strong{font-family:var(--font-marca);font-weight:500;text-transform:uppercase;letter-spacing:.03em;color:var(--navy);font-size:.82rem;line-height:1.4}.dir-txt strong span{color:var(--purple)}.dir-txt small{color:var(--muted);font-size:.8rem;margin-top:2px}.dir-flecha{color:var(--purple);transition:transform .2s}.dir-item:hover .dir-flecha{transform:translate(4px)}.pie-dir{position:relative;text-align:center;font-size:.78rem;color:var(--muted);margin-top:16px}.pie-dir a:hover{color:var(--purple)}.directorio>.btn{position:relative;width:100%}@media(max-width:400px){.t-cabeza{padding-top:24px}.t-banda{padding:20px 18px 20px 28px}.t-datos a{font-size:.84rem}.btn-guardar{padding:12px 14px;font-size:.82rem}.t-acciones{gap:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
