/* =========================================================== Vista Immigration — skin de la pantalla de login de Chatwoot Se activa SOLO cuando tiene la clase .vista-login-skin (la pone/quita login.js segun la ruta). El resto del panel de Chatwoot queda 100% intacto. =========================================================== */ /* ---------- Panel de marca (izquierda) ---------- */ .vista-left{ position:fixed; top:0; left:0; width:56%; height:100%; overflow:hidden; display:flex; flex-direction:column; justify-content:space-between; padding:48px 54px; color:#fff; z-index:40; font-family:'Outfit', system-ui, -apple-system, sans-serif; } .vista-left .vista-bg{ position:absolute; inset:0; z-index:0; background:url('/vista-login/tramite.jpg') center/cover no-repeat; } .vista-left .vista-ov{ position:absolute; inset:0; z-index:1; background:linear-gradient(135deg, rgba(15,17,23,.86) 0%, rgba(20,80,168,.58) 55%, rgba(27,97,201,.42) 100%); } .vista-left .vista-ov:after{ content:""; position:absolute; inset:0; background:linear-gradient(to top, rgba(10,13,18,.72), transparent 48%); } .vista-left > *{position:relative; z-index:2} .vista-brand .v{font-weight:800; font-size:30px; letter-spacing:-.6px; line-height:1} .vista-brand .i{font-weight:400; font-size:30px; opacity:.85; letter-spacing:-.6px; line-height:1.08; display:block} .vista-copy{max-width:470px} .vista-eyebrow{ font-size:12px; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:#bcd2f5; margin-bottom:15px; display:flex; align-items:center; gap:11px; } .vista-eyebrow:before{content:""; width:30px; height:2px; background:#7ea8ec; display:inline-block} .vista-headline{font-size:45px; font-weight:800; line-height:1.03; letter-spacing:-1.1px} .vista-headline b{color:#83b2ff; font-weight:800} .vista-sub{margin-top:19px; font-size:15.5px; line-height:1.55; color:rgba(255,255,255,.85); font-weight:400} .vista-foot{font-size:12.5px; color:rgba(255,255,255,.72); letter-spacing:.2px} /* ---------- Reacomodo del login de Chatwoot (derecha) ---------- */ html.vista-login-skin main{ margin-left:56% !important; width:44% !important; justify-content:center !important; padding-top:40px !important; padding-bottom:40px !important; min-height:100vh; } /* ocultar el logo de Chatwoot (tenemos el nuestro a la izquierda) */ html.vista-login-skin main img[src*="brand-assets/logo"]{display:none !important} /* afinar el titulo */ html.vista-login-skin main h2{margin-top:6px !important; font-size:25px !important} /* ---------- Responsive: en pantallas chicas, login normal ---------- */ @media (max-width:900px){ .vista-left{display:none} html.vista-login-skin main{margin-left:0 !important; width:100% !important} }