.contact-page { position:relative; z-index:1; min-height: 100vh; min-height: 100svh; overflow: hidden; isolation: isolate; background-color: transparent; background-image: radial-gradient(ellipse at 77% 50%,rgba(106,57,222,.14),transparent 34rem),linear-gradient(110deg,rgba(2,4,22,.2),rgba(7,5,30,.14)); background-position: center; background-size: auto,auto; background-repeat: no-repeat; }
.contact-background-video { opacity:.88; }
.contact-page::before { position: fixed; inset: 0; z-index: 0; content: ''; pointer-events: none; background: repeating-linear-gradient(0deg,rgba(210,222,255,.055) 0 1px,transparent 1px 4px),linear-gradient(90deg,transparent 0 49.8%,rgba(96,55,190,.13) 50%,transparent 50.2%); opacity: .4; mix-blend-mode: screen; }
.contact-page .detail-header { position: relative; z-index: 2; justify-content:flex-end; }
.contact-layout { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,1fr) minmax(280px,.85fr); align-items: center; gap: clamp(2rem,8vw,7rem); width: min(100%,1040px); min-height: calc(100vh - 9rem);
  min-height: calc(100svh - 9rem); margin: 0 auto; padding: clamp(3rem,8vh,6rem) 0; }
.contact-copy { position: relative; }
.contact-title-row { display:flex; align-items:center; gap:clamp(.75rem,2vw,1.5rem); }
.contact-index { display: inline-flex; align-items: center; gap: .6rem; margin: 0; color: #b7a4fa; font: .8rem/1.2 'Crosner','Comico',sans-serif; letter-spacing: .13em; }
.contact-index::before { width: 1.65rem; height: 1px; background: #bd9cff; box-shadow: 0 0 9px #b084ff; content: ''; }
.contact-page .detail-title { margin: .75rem 0 1.1rem; color: #fff; font-size: clamp(4rem,9vw,7rem); line-height: .98; text-shadow: 0 3px 0 rgba(3,2,18,.8),0 0 24px rgba(139,92,246,.5); }
.contact-phone-talk { flex:0 0 auto; width:clamp(2rem,5vw,3.4rem); height:clamp(2rem,5vw,3.4rem); margin-top:-.35rem; color:#d9caff; filter:drop-shadow(0 0 9px rgba(174,136,255,.72)); }
.contact-lead { max-width: 32rem; margin: 0; color: #f2edff; font: clamp(1.15rem,2vw,1.55rem)/1.55 'Comico',sans-serif; text-shadow: 0 2px 8px #050312; }
.contact-note { margin: 1.1rem 0 0; color: #c7c1df; font: 1rem/1.6 'Comico',sans-serif; }
.contact-channels { display: grid; gap: .85rem; }
.contact-channel { position: relative; display: grid; grid-template-columns: 3.4rem minmax(0,1fr) auto; align-items: center; gap: 1rem; min-height: 5.4rem; padding: .8rem 1rem; border: 1px solid rgba(209,196,255,.45); color: #fff; background: linear-gradient(135deg,rgba(29,21,70,.94),rgba(5,8,31,.94)); box-shadow: inset 1px 1px 0 rgba(255,255,255,.12),0 12px 28px rgba(0,0,0,.32),0 0 20px rgba(113,68,210,.12); text-decoration: none; transition: transform 180ms ease,border-color 180ms ease,box-shadow 180ms ease,background 180ms ease; }
.contact-channel::before { position: absolute; inset: 0 auto 0 0; width: 4px; background: var(--channel-color,#b58cff); box-shadow: 0 0 12px var(--channel-color,#b58cff); content: ''; }
.contact-channel:hover,.contact-channel:focus-visible { transform: translateX(-.45rem); border-color: rgba(235,226,255,.9); background: linear-gradient(135deg,rgba(54,36,116,.98),rgba(10,11,43,.98)); box-shadow: inset 1px 1px 0 rgba(255,255,255,.18),0 16px 32px rgba(0,0,0,.4),0 0 24px color-mix(in srgb,var(--channel-color,#b58cff) 38%,transparent); outline: none; }
.contact-channel--guns { --channel-color: #65deff; }
.contact-channel--discord { --channel-color:#8d9dff; grid-template-columns:3.4rem minmax(0,1fr) auto; border-color:rgba(141,157,255,.68); background:linear-gradient(135deg,rgba(48,57,132,.96),rgba(13,17,52,.96)); }
.channel-icon--discord { display:block; width:2.7rem; height:2.7rem; padding:.38rem; justify-self:center; border-radius:10px; color:#fff; background:#5865f2; box-shadow:inset 0 1px 0 #ffffff80,0 3px 8px #0008; }
.discord-actions { display:flex; align-items:center; gap:.65rem; }
.discord-copy-button { padding:.5rem .7rem; border:1px solid rgba(210,215,255,.55); border-radius:3px; color:#fff; background:rgba(88,101,242,.38); cursor:pointer; font: .82rem/1 'Crosner','Comico',sans-serif; }
.discord-copy-button:hover,.discord-copy-button:focus-visible { border-color:#fff; background:rgba(88,101,242,.7); outline:2px solid rgba(200,210,255,.45); }
.discord-open-link { text-decoration:none; }
.discord-copy-status { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.contact-channel--youtube { --channel-color: #ff4055; }
.contact-channel--instagram { --channel-color: #dc81ff; }
.channel-icon { display: block; width: 2rem; height: 2rem; justify-self: center; fill: currentColor; }
.channel-icon--guns { width:2.7rem; height:2.7rem; object-fit:contain; filter:drop-shadow(0 2px 5px rgba(137,102,255,.55)); }
.channel-copy { display: grid; gap: .3rem; min-width: 0; }
.channel-copy strong { font: 1.35rem/1.1 'Crosner','Comico',sans-serif; }
.channel-copy small { color: #c7c0df; font: .9rem/1.35 'Comico',sans-serif; }
.channel-arrow { color: #d7c7ff; font: 1.3rem/1 Arial,sans-serif; transition: transform 180ms ease; }
.contact-channel:hover .channel-arrow,.contact-channel:focus-visible .channel-arrow { transform: translate(2px,-2px); }
.contact-footer { position: relative; z-index: 1; display: flex; justify-content: space-between; gap: 1rem; width: min(100%,1040px); margin: 0 auto; padding: 1rem 0; border-top: 1px solid rgba(203,185,255,.22); color: #ada4cc; font: .7rem/1.3 'Crosner','Comico',sans-serif; letter-spacing: .12em; }
@media (max-width: 700px) { .contact-page { background-attachment: scroll; } .contact-layout { grid-template-columns: 1fr; gap: 2.25rem; min-height: auto; padding: 5rem 0 3.5rem; } .contact-page .detail-title { font-size: clamp(3.5rem,16vw,5.5rem); } .contact-footer { flex-direction: column; gap: .4rem; } }
@media (prefers-reduced-motion: reduce) { .contact-channel,.channel-arrow { transition: none; } }

/* El video de contacto cubre el fondo; deja solo una capa oscura ligera para legibilidad. */
.detail-shell.contact-page { background:linear-gradient(110deg,rgba(2,4,22,.24),rgba(7,5,30,.18)) !important; }