.acceso{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;gap:16px;padding:16px;box-sizing:border-box;background:#F2F2F2;font-family:'Inter',system-ui,sans-serif;color:#111111}
.acceso *{box-sizing:border-box}
.acceso-arte{position:relative;overflow:hidden;border-radius:32px;background:#0E0E0E;color:#FFFFFF;padding:44px;display:flex;flex-direction:column;justify-content:space-between;min-height:560px}
.acceso-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.acceso-arte:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.35) 0%,rgba(0,0,0,0) 30%),linear-gradient(to top right,rgba(0,0,0,.75) 0%,rgba(0,0,0,.3) 45%,rgba(0,0,0,0) 70%);pointer-events:none}
.acceso-equipo .acceso-arte:before{content:"";position:absolute;width:720px;height:720px;right:-260px;top:-240px;background:radial-gradient(closest-side,rgba(68,165,224,.55),rgba(68,165,224,0));pointer-events:none}
.acceso-equipo .acceso-arte:after{background:radial-gradient(closest-side at 0% 100%,rgba(68,165,224,.25),rgba(68,165,224,0) 520px)}
.acceso-logo,.acceso-arte-txt{position:relative;z-index:1}
.acceso-logo{align-self:flex-start}
.acceso-logo img{display:block;height:76px;width:auto}
.acceso-arte h1{font-size:60px;line-height:1;letter-spacing:-.045em;font-weight:800;margin:0;max-width:560px}
.acceso-arte p{color:#E4E4E7;font-size:17px;line-height:1.55;max-width:460px;margin:18px 0 0}
.acceso-equipo .acceso-arte p{color:#A1A1AA}
.acceso-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.acceso-chips span{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.12);border-radius:999px;padding:8px 14px;font-size:14px}
.acceso-lado{display:grid;place-items:center;background:#FFFFFF;border-radius:32px;padding:32px}
.acceso-caja{width:100%;max-width:400px}
.acceso-volver{display:inline-flex;align-items:center;gap:6px;color:#71717A;font-weight:600;font-size:14px;text-decoration:none;margin-bottom:32px}
.acceso-volver:hover{color:#111111}
.acceso-caja h2{font-size:34px;letter-spacing:-.03em;font-weight:800;margin:0;line-height:1.1}
.acceso-sub{color:#71717A;margin:8px 0 28px;font-size:15px;line-height:1.5}
.acceso-error{background:#FEF2F2;color:#B91C1C;border-radius:14px;padding:12px 14px;font-size:14px;font-weight:500;margin:-12px 0 20px}
.acceso-form{display:flex;flex-direction:column;gap:16px}
.acceso-campo{display:flex;flex-direction:column;gap:6px}
.acceso-campo > span:first-child{font-size:13px;font-weight:600;color:#52525B}
.acceso-campo input{width:100%;height:50px;border:1px solid #E4E4E7;border-radius:14px;background:#FAFAFA;padding:0 14px;font:inherit;font-size:15px;color:#111111;transition:border-color .2s,box-shadow .2s,background .2s}
.acceso-campo input:focus{outline:none;border-color:#111111;background:#FFFFFF;box-shadow:0 0 0 4px rgba(17,17,17,.06)}
.acceso-clave{position:relative;display:block}
.acceso-clave input{padding-right:88px}
.acceso-clave button{position:absolute;right:7px;top:50%;transform:translateY(-50%);border:0;background:#F4F4F5;border-radius:999px;padding:7px 12px;font:inherit;font-size:13px;font-weight:600;color:#111111;cursor:pointer}
.acceso-recordar{display:flex;align-items:center;gap:8px;font-size:14px;color:#52525B;cursor:pointer}
.acceso-recordar input{width:16px;height:16px;accent-color:#111111}
.acceso-btn{display:inline-flex;align-items:center;justify-content:center;height:54px;padding:0 24px;border:0;border-radius:999px;background:#111111;color:#FFFFFF;font:inherit;font-size:15px;font-weight:700;text-decoration:none;cursor:pointer;transition:background .2s,transform .2s}
.acceso-btn:hover{background:#27272A;transform:translateY(-1px)}
.acceso-btn-claro{background:#F4F4F5;color:#111111}
.acceso-btn-claro:hover{background:#E4E4E7}
.acceso-botones{display:flex;flex-direction:column;gap:10px}
.acceso-olvido{display:inline-block;margin-top:16px;font-size:14px;font-weight:600;color:#111111}
.acceso-nota{font-size:14px;color:#71717A;line-height:1.55;margin:28px 0 0;padding-top:20px;border-top:1px solid #F4F4F5}
.acceso-nota a{color:#111111;font-weight:600}
.acceso :focus-visible{outline:2px solid #111111;outline-offset:2px}
@media (max-width:960px){
  .acceso{grid-template-columns:1fr}
  .acceso-arte{min-height:380px;padding:28px}
  .acceso-arte h1{font-size:40px}
  .acceso-logo img{height:60px}
}