.ui-card{--card-spacing: var(--card-spacing, 1.5rem);display:flex;flex-direction:column;gap:calc(var(--card-spacing) * .4);width:100%;max-width:380px;background:var(--card, var(--paper));color:var(--card-foreground, var(--ink));border:1px solid var(--border, var(--line));border-radius:var(--card-radius, .75rem);padding:var(--card-spacing);box-shadow:none}.ui-card-header{display:flex;flex-direction:column;gap:6px}.ui-card-title{margin:0;font-family:var(--fuente, Inter, Helvetica, Arial, sans-serif);font-size:1.125rem;font-weight:500;letter-spacing:-.02em;line-height:1.25;color:var(--ink)}.ui-card-description{margin:0;font-family:var(--fuente, Inter, Helvetica, Arial, sans-serif);font-size:.875rem;font-weight:400;line-height:1.45;color:var(--muted-fg, var(--muted))}.ui-card-content{display:flex;flex-direction:column;gap:12px}.ui-card-footer{display:flex;flex-direction:column;gap:10px;margin-top:4px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--page);color:var(--ink);font-family:var(--fuente);font-size:14px;font-weight:400;-webkit-font-smoothing:antialiased}.acceso-pagina{min-height:100%;display:grid;place-items:center;padding:32px 16px;background:var(--page)}.acceso-card{--card-spacing:1.5rem}.wordmark{display:inline-flex;align-items:center;gap:8px;font-family:var(--fuente);font-weight:500;font-size:1.25rem;line-height:1;margin-bottom:4px}.wordmark img{display:block;height:1.15em;width:auto}.wordmark .barril{color:var(--barril)}.wordmark .azul{color:var(--azul)}.acceso-card label{display:block;font-size:13px;font-weight:500;margin:0 0 6px;color:var(--ink)}.acceso-input{display:block;width:100%;height:40px;margin:0 0 4px;padding:0 12px;border:1px solid var(--input, var(--line-strong));border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);font-family:var(--fuente);font-size:14px;font-weight:400;outline:none}.acceso-input:hover,.acceso-input:focus{border-color:var(--navy)}.acceso-error{margin:4px 0 0;color:#c53637;font-size:13px;font-weight:400}.acceso-boton{width:100%;height:40px;border:0;border-radius:var(--radius-sm);background:var(--primary, var(--navy));color:var(--primary-fg, var(--paper));font-family:var(--fuente);font-size:13px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.acceso-boton:hover{filter:brightness(.92)}.acceso-boton:disabled{opacity:.65;cursor:default}