:root{--bg:#101015;--text:#f4f1ed;--muted:#aaa6a1;--line:#ffffff1c}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"DM Sans",sans-serif;background:var(--bg);color:var(--text)}body{overflow-x:hidden}
.ambient{position:fixed;border-radius:50%;filter:blur(90px);pointer-events:none;opacity:.42}.ambient-one{width:420px;height:420px;top:-180px;left:-120px;background:#283b5a}.ambient-two{width:370px;height:370px;right:-120px;bottom:-170px;background:#60452a}
.portal{position:relative;z-index:1;width:min(1120px,calc(100% - 48px));margin:auto;min-height:100vh;padding:72px 0 36px}
.portal-header{text-align:center}.mark{display:flex;gap:5px;justify-content:center;margin-bottom:28px}.mark span{width:8px;height:8px;border-radius:50%;background:#e0a85d}.mark span:nth-child(2){background:#75a8a0;transform:translateY(-7px)}.mark span:nth-child(3){background:#d17865;transform:translateY(-2px)}
.eyebrow{color:#cba76c;font-size:.7rem;font-weight:700;letter-spacing:3px;margin:0 0 14px}.portal h1{font:800 clamp(2.3rem,5vw,4.2rem)/1.05 "Manrope",sans-serif;letter-spacing:-2px;margin:0}.intro{color:var(--muted);margin:16px 0 0}
.profiles{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:64px 0 70px;perspective:1000px}.profile{color:inherit;text-decoration:none;display:block;text-align:center;transition:transform .35s}.profile:nth-child(1){transform:rotate(-2deg)}.profile:nth-child(2){transform:rotate(1.5deg) translateY(12px)}.profile:nth-child(3){transform:rotate(-1deg) translateY(-8px)}.profile:nth-child(4){transform:rotate(2deg) translateY(8px)}.profile:hover{transform:translateY(-12px) rotate(0)}.profile-art{height:220px;border-radius:18px;display:grid;place-items:center;position:relative;overflow:hidden;border:1px solid var(--line);box-shadow:0 18px 40px #0005;transition:border-color .3s,box-shadow .3s}.profile-art:after{content:"ENTRAR →";position:absolute;left:16px;bottom:14px;font-size:.62rem;letter-spacing:2px;color:#ffffffaa;opacity:0;transform:translateY(5px);transition:.25s}.profile:hover .profile-art:after{opacity:1;transform:none}.profile:hover .profile-art{border-color:#fff9;box-shadow:0 24px 55px #0009}.profile-art strong{font:800 2rem "Manrope",sans-serif;letter-spacing:2px;position:relative}.profile-name{display:block;font-weight:700;font-size:1.1rem;margin-top:18px}.profile-type{display:block;color:var(--muted);font-size:.78rem;margin-top:5px}
.profile-pixel .profile-art{background:linear-gradient(145deg,#263052,#171b36)}.profile-pixel .profile-art:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#e8a33d22,#2fa6a044);clip-path:polygon(0 0,100% 0,70% 100%,0 80%)}.profile-pixel strong{color:#e8a33d;font-size:2.5rem;text-shadow:4px 4px #a23e48}.profile-pixel strong span{color:#2fa6a0}
.pixel-grid{position:absolute;inset:20px;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:22px 22px;transform:rotate(-8deg)}
.profile-barber .profile-art{background:linear-gradient(145deg,#b18a51,#272420 62%)}.profile-barber .profile-art strong{font-size:1.8rem;letter-spacing:6px;color:#f8e5b4}.barber-pole{position:absolute;width:44px;height:180px;border-radius:22px;background:repeating-linear-gradient(135deg,#f4efe5 0 12px,#a13e3e 12px 24px,#f4efe5 24px 36px,#25384b 36px 48px);transform:rotate(28deg);opacity:.32}
.profile-anima .profile-art{background:linear-gradient(145deg,#183c2a,#6d8f55 55%,#d7ac5b)}.profile-anima .profile-art strong{color:#f4ebcf;letter-spacing:5px}.leaf-mark{position:absolute;font-size:8rem;color:#d8b56a;opacity:.22;transform:rotate(-20deg)}
.profile-cafe .profile-art{background:linear-gradient(145deg,#6d3e2b,#221817 68%)}.profile-cafe .profile-art strong{color:#f1d4a1;letter-spacing:6px}.coffee-steam{position:absolute;font-size:11rem;line-height:1;color:#e1b57733;transform:rotate(90deg);top:26px}
.portal-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;color:#76727a;font-size:.75rem;letter-spacing:.5px}
@media(max-width:800px){.portal{padding-top:48px}.profiles{grid-template-columns:repeat(2,1fr);gap:28px 16px;margin:48px 0 56px}.profile:nth-child(n){transform:none}.profile-art{height:190px}}
@media(max-width:460px){.portal{width:min(100% - 32px)}.profiles{gap:26px 12px}.profile-art{height:150px;border-radius:14px}.profile-art strong{font-size:1.25rem!important;letter-spacing:2px!important}.profile-name{font-size:.95rem;margin-top:12px}.profile-type{font-size:.68rem}.portal-footer{flex-direction:column;gap:8px;text-align:center}.barber-pole{height:130px;width:32px}.leaf-mark{font-size:6rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}