/* Vitrina: Entra en foco. New presentation layer, existing portal retained. */
:root{--blue:#003ED6;--lime:#D4F44E;--ivory:#f6f3ec;--ink:#000000}body,h1,h2,h3,.logo{font-family:Inter,'DM Sans',Arial,sans-serif}.header{height:84px;background:#f6f3ecf0;padding:0 4%;border-bottom:1px solid #0001}.role-switch{background:#eae7e0}.login{border:1px solid #0003;padding:10px 18px;border-radius:99px}.entry{padding:0 18px}.entry-heading{padding:20px 2%;min-height:64px}.entry-heading h1{font-size:11px;letter-spacing:1.5px}.entry-heading h1 span{margin-left:12px;letter-spacing:0}.split-stage{border-radius:26px;box-shadow:0 24px 60px #14204913}.side{min-height:760px;padding:28px 34px 120px}.brand-side{background:radial-gradient(ellipse at 90% 65%,#5985ff 0,transparent 60%),var(--blue)}.creator-side{background:radial-gradient(ellipse at 10% 70%,#f0ffad 0,transparent 58%),var(--lime)}.side-label{font-size:10px;letter-spacing:2px}.side-label>span:first-child{border:1px solid currentColor;border-radius:99px;padding:9px 13px}.copy h2{font-size:clamp(50px,5.8vw,91px);line-height:.98;letter-spacing:-.07em;margin:30px 0 18px}.copy p{font-size:14px;max-width:340px;line-height:1.5}.copy h2 em{position:relative}.brand-side h2 em:after{content:'';position:absolute;left:0;right:0;bottom:-4px;height:4px;background:currentColor;transform:rotate(-3deg)}.brand-display{height:330px;margin-top:33px;max-width:650px;margin-left:auto;margin-right:auto}.glass-back{inset:15px 0 9px;border-radius:30px;background:linear-gradient(120deg,#fff3,#fff0 48%,#fff2);border:1px solid #ffffff5c;transform:rotate(-3deg);box-shadow:inset 0 0 32px #fff1}.display-caption{position:absolute;top:27px;left:22px;font-size:9px;letter-spacing:2px;z-index:4}.portrait{height:250px;width:34%;border-radius:18px;border:4px solid #ffffffb5;box-shadow:0 25px 30px #00174444;top:58px;background:#123fa6}.p-left{left:3%;transform:translateY(14px) rotate(-12deg) scale(.91)}.p-center{left:33%;transform:rotate(2deg);z-index:3}.p-right{left:63%;transform:translateY(8px) rotate(12deg) scale(.91)}.portrait span{font-size:11px;bottom:14px;left:10px;color:white}.portrait:after{background:linear-gradient(transparent 50%,#000a)}.shelf{bottom:0;border-radius:100%;height:15px;filter:blur(4px);background:#001c8144;border:0;transform:none}.note{bottom:-6px;right:5px;border-radius:3px;padding:15px 18px;font-size:13px;transform:rotate(-8deg);box-shadow:5px 6px 0 #0002}.creator-display{height:330px;margin-top:33px;max-width:660px;margin-left:auto;margin-right:auto}.creator-display .creator-cutout{inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%;border-radius:28px;border:5px solid #f6f3ec;transform:rotate(3deg);box-shadow:0 20px 40px #28430026}.portrait-frame{inset:3px -6px -6px 8px;border-radius:28px;transform:rotate(-4deg);background:#000;border:0}.record-badge{position:absolute;z-index:4;left:18px;top:15px;font-size:9px;letter-spacing:1.3px;display:flex;gap:8px;align-items:center;color:#fff;background:#0008;border:1px solid #fff5;border-radius:20px;padding:9px 12px;backdrop-filter:blur(14px)}.record-badge i{width:6px;height:6px;background:var(--lime);border-radius:50%}.creative-tag{left:-8px;bottom:2px;font-size:22px;font-weight:800;letter-spacing:-1px;transform:rotate(-9deg);padding:16px 20px;border-radius:3px;box-shadow:5px 5px 0 #0002}.creator-note{right:12px;top:auto;bottom:12px;background:#f6f3ecee;padding:11px 13px;border-radius:3px;transform:rotate(5deg);font-size:11px;line-height:1.4;color:#000}.side-actions{left:34px;right:34px;bottom:24px;padding-top:17px;gap:12px}.side-actions .btn{border-radius:99px;font-size:13px;padding:15px 22px}.side-actions small{font-size:10px}.drag-control{top:48%;width:210px;gap:16px}.drag-orb{width:86px;height:86px;box-shadow:0 12px 45px #0003,inset 0 0 14px #fff}.drag-orb b{font-size:39px}.drag-orb i{font-size:12px}.seam .drag-hint{font-size:8px;letter-spacing:1.2px;background:#000;color:var(--lime);padding:11px 15px}.drag-directions button{font-size:10px}.focus-halo{width:220px;height:220px;background:radial-gradient(circle,#fff2,transparent 70%);border:1px solid #fff5;transform:translate(calc(var(--cursor-x,0px) - 110px),calc(var(--cursor-y,0px) - 110px))}.talent-ticker{overflow:hidden;background:#000;color:var(--ivory);padding:21px 0;margin-top:8px;transform:rotate(-1deg);width:100%}.talent-ticker>div{display:flex;gap:38px;width:max-content;align-items:center;animation:vitrina-ticker 45s linear infinite}.talent-ticker span{font-size:13px;font-weight:600;letter-spacing:3px}.talent-ticker b{font-size:28px;line-height:1;color:var(--lime)}.neutral{padding:100px 6% 115px;overflow:hidden}.neutral p{font-size:clamp(42px,6vw,86px);font-weight:500;line-height:1.04;letter-spacing:-.06em;margin:30px 0}.neutral strong{color:var(--blue)}.neutral-arrow{font-size:145px;top:110px;right:4%;opacity:.2}.neutral-choices{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.neutral-choices button{border-radius:40px;padding:15px 24px;background:var(--blue);color:white;font-size:13px}.neutral-choices button+button{background:var(--lime);color:black}.journey-intro{background:radial-gradient(ellipse at 100% 20%,#003ed616,transparent 60%)}.journey-symbol{color:var(--blue);font-size:150px}.info-card,.service{border-radius:22px}.btn{border-radius:99px}.role-ribbon{border-radius:0}.side:after{background:radial-gradient(ellipse at var(--local-x,50%) var(--local-y,45%),#ffffff35,transparent 58%)}.split-stage[data-focus=marca] .brand-display{transform:translateY(-5px) rotateY(var(--tilt,0deg)) scale(1.04)}.split-stage[data-focus=creador] .creator-cutout{transform:rotate(0) scale(1.01)}.split-stage[data-focus=marca] .creator-side{background:#aeb975}.split-stage[data-focus=creador] .brand-side{background:#193575}.side-body{transition:filter .7s,opacity .7s,transform .7s}.motion-off .talent-ticker>div{animation:none}@keyframes vitrina-ticker{to{transform:translateX(-50%)}}
@media(min-width:1500px){.side{min-height:840px}.brand-display,.creator-display{height:390px}.portrait{height:300px}.copy h2{font-size:96px}}
@media(min-width:741px) and (max-width:1050px){.side{padding-left:24px;padding-right:24px;min-height:710px}.copy h2{font-size:58px}.brand-display,.creator-display{height:290px}.portrait{height:220px}.creative-tag{font-size:18px}.creator-note{font-size:9px}.side-actions{left:24px;right:24px}.side-actions small{display:none}}
@media(max-width:740px){.header{height:78px;padding:0 16px;gap:10px}.header .logo-image{max-width:110px}.header .role-switch{gap:0;padding:3px}.header .role-switch button{padding:9px 11px;font-size:11px}.login{font-size:11px;padding:9px 12px;gap:6px}.login span{display:none}.entry{padding:0 10px}.entry-heading{padding:18px 6px;display:block}.entry-heading h1{font-size:9px}.entry-heading h1 span{display:none}.entry-heading p{font-size:11px;margin-top:6px}.split-stage{border-radius:0;box-shadow:none;gap:12px}.side{min-height:690px;padding:24px 24px 108px;border-radius:25px}.copy h2{font-size:64px;margin-top:25px}.copy p{font-size:13px}.brand-display,.creator-display{height:285px;margin-top:25px}.portrait{height:225px;top:45px}.display-caption{top:23px;font-size:8px}.creative-tag{font-size:20px}.creator-note{font-size:10px}.drag-control{top:65px;width:190px;gap:8px}.drag-orb{height:65px;width:65px}.drag-orb b{font-size:32px}.split-stage .seam{height:140px}.side-actions{left:24px;right:24px;bottom:24px}.side-actions small{display:none}.split-stage[data-focus=creador] .creator-side{grid-row:2}.split-stage[data-focus=creador] .brand-side{grid-row:3}.split-stage[data-focus=marca] .creator-side,.split-stage[data-focus=creador] .brand-side{display:none}.split-stage[data-focus] .side-body{filter:none;opacity:1}.neutral{padding:65px 6%}.neutral-arrow{display:none}.talent-ticker span{font-size:11px}.focus-footer{padding:18px 6px;flex-wrap:wrap}.focus-footer>span{font-size:8px}.side-body{min-width:0}.journey-symbol{font-size:80px}.record-badge{font-size:8px}}
@media(max-width:380px){.header .role-switch button{padding:8px;font-size:10px}.header .logo-image{max-width:90px}.copy h2{font-size:55px}.side{padding-left:20px;padding-right:20px}.creator-note{display:none}}
@media(prefers-reduced-motion:reduce){.talent-ticker>div{animation:none}.side-body,.creator-cutout{transition:none}}

.emphatic-no{display:inline-block;padding:2px 10px 4px;margin-right:3px;background:var(--blue);color:var(--lime);border-radius:8px;transform:rotate(-4deg);font-weight:900;box-shadow:3px 3px 0 #0002}