/*PELTIC-BRAND v11 — Login (scoped+i18n) PELTIC VAULT (navy #1E2556 + celeste #0094D4). Theme-independent.*/
body.layout_frontend *{font-family:-apple-system,system-ui,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif !important;}

/* Tokens de marca, IDÉNTICOS en tema claro u oscuro */
body.layout_frontend{
  --color-primary-300:77 171 224 !important;--color-primary-500:0 148 212 !important;
  --color-primary-600:0 148 212 !important;--color-primary-700:0 116 168 !important;
  --color-background:255 255 255 !important;--color-background-alt:255 255 255 !important;
  --color-text-main:27 32 41 !important;--color-text-muted:71 85 105 !important;
  --color-text-contrast:255 255 255 !important;
  --color-secondary-100:226 232 240 !important;--color-secondary-300:148 163 184 !important;--color-secondary-500:203 213 225 !important;
  --color-bg-brand-strong:0 148 212 !important;--color-border-brand-strong:0 148 212 !important;
  --color-bg-brand:0 148 212 !important;--color-fg-brand:0 148 212 !important;}

/* Fondo navy de marca + centrado total */
body.layout_frontend{background:#1E2556 !important;}
body.layout_frontend .tw-bg-background-alt{background-color:transparent !important;
  background-image:radial-gradient(1200px 640px at 50% -14%,#2a3270 0%,rgba(42,50,112,0) 60%),radial-gradient(1100px 600px at 108% 120%,rgba(0,148,212,.22) 0%,rgba(0,148,212,0) 55%),linear-gradient(180deg,#1E2556 0%,#161c42 100%) !important;
  display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;min-height:100vh !important;padding:24px 16px !important;}
body.layout_frontend .tw-bg-background-alt > *{width:100% !important;max-width:25rem !important;}

/* Ocultar cromo Bitwarden (logo, ilustraciones, footer, heading "Log in") */
body.layout_frontend a[class*="w-[200px]"],body.layout_frontend [class*="opacity-[.11]"],body.layout_frontend footer,body.layout_frontend app-footer,body.layout_frontend bit-footer,body.layout_frontend [class*="footer"]{display:none !important;}
body.layout_frontend div[class*="tw-text-center"][class*="tw-mx-auto"] h1{display:none !important;}

/* Emblema de seguridad PROFESIONAL + DINÁMICO (anillo que rota + pulso + flotación) */
@keyframes pelticGlow{0%,100%{filter:drop-shadow(0 0 2px rgba(0,148,212,.55));}50%{filter:drop-shadow(0 0 11px rgba(0,148,212,.98)) drop-shadow(0 0 20px rgba(0,148,212,.55));}}
@keyframes pelticSpin{to{transform:rotate(360deg);}}
@keyframes pelticPulse{0%{opacity:.5;transform:scale(1);}70%,100%{opacity:0;transform:scale(1.4);}}
@keyframes pelticFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-4px);}}
body.layout_frontend div[class*="tw-size-24"],body.layout_frontend div[class*="tw-size-20"]{position:relative !important;width:108px !important;height:108px !important;margin:2px auto 6px !important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230094D4' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10.5' width='14' height='9.5' rx='2.4'/%3E%3Cpath d='M8 10.5V7.2a4 4 0 0 1 8 0v3.3'/%3E%3Cpath d='M12 14v2.7' stroke-width='1.9'/%3E%3C/svg%3E") center/42% no-repeat !important;
  animation:pelticFloat 4s ease-in-out infinite, pelticGlow 2.4s ease-in-out infinite !important;}
body.layout_frontend div[class*="tw-size-24"] svg,body.layout_frontend div[class*="tw-size-20"] svg{display:none !important;}
body.layout_frontend div[class*="tw-size-24"]::before,body.layout_frontend div[class*="tw-size-20"]::before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(0,148,212,.16);border-top-color:#0094D4;border-right-color:#0094D4;animation:pelticSpin 2.4s linear infinite;}
body.layout_frontend div[class*="tw-size-24"]::after,body.layout_frontend div[class*="tw-size-20"]::after{content:"";position:absolute;inset:2px;border-radius:50%;border:1px solid #0094D4;animation:pelticPulse 2.4s ease-out infinite;}

/* Título */
body.layout_frontend div[class*="tw-text-center"][class*="tw-mx-auto"]::after{content:"PELTIC VAULT";display:block;margin-top:10px;color:#fff;font-size:1.6rem;font-weight:800;letter-spacing:.01em;}

/* Card blanca premium */
body.layout_frontend bit-base-card{border-radius:18px !important;border:1px solid rgba(255,255,255,.10) !important;box-shadow:0 30px 70px -24px rgba(0,0,0,.6) !important;background:#fff !important;padding:22px 20px !important;}
body.layout_frontend bit-base-card::before{content:"Cifrado de extremo a extremo — solo tú ves tus claves";display:block;text-align:center;color:#0074a8;font-size:.76rem;font-weight:600;padding:0 6px 18px;line-height:1.4;}
html[lang="en"] body.layout_frontend bit-base-card::before{content:"End-to-end encrypted — only you can see your keys";}

/* Campos: SIN borde nunca, relleno suave, label limpio ARRIBA, idéntico en cualquier tema */
body.layout_frontend bit-form-field .tw-pointer-events-none [class*="tw-border"]{border-color:transparent !important;box-shadow:none !important;}
body.layout_frontend bit-form-field{position:relative !important;padding-top:22px !important;display:block !important;}
body.layout_frontend bit-form-field label{position:absolute !important;top:-1px !important;left:3px !important;transform:none !important;margin:0 !important;padding:0 !important;color:#334155 !important;font-weight:600 !important;font-size:.76rem !important;line-height:1 !important;background:transparent !important;}
body.layout_frontend bit-base-card [class*="tw-bg-background"]{background-color:#F1F5F9 !important;border:none !important;border-radius:10px !important;}
body.layout_frontend bit-base-card [class*="tw-bg-background"]:focus-within{background-color:#fff !important;box-shadow:0 0 0 2px rgba(0,148,212,.5) !important;}
body.layout_frontend bit-base-card input,body.layout_frontend bit-base-card textarea{background-color:#F1F5F9 !important;color:#1b2029 !important;-webkit-text-fill-color:#1b2029 !important;border:none !important;outline:none !important;border-radius:10px !important;padding:12px 13px !important;min-height:46px !important;}
body.layout_frontend bit-base-card input:focus{background-color:#fff !important;}

/* Botón Continue celeste */
body.layout_frontend button[type=submit],body.layout_frontend button.bit-primary,body.layout_frontend a.bit-primary,body.layout_frontend button.vw-continue-login,body.layout_frontend button[class*="vw-continue"],body.layout_frontend [class*="tw-bg-bg-brand-strong"]{border-radius:10px !important;font-weight:700 !important;border-color:transparent !important;color:#fff !important;background:linear-gradient(135deg,#0094D4,#0074a8) !important;box-shadow:0 10px 22px -8px rgba(0,148,212,.6) !important;}
body.layout_frontend button.vw-continue-login:hover,body.layout_frontend [class*="tw-bg-bg-brand-strong"]:hover,body.layout_frontend button[type=submit]:hover{background:linear-gradient(135deg,#00a3e8,#0084be) !important;}

/* Checkbox + microcopy */
body.layout_frontend bit-base-card [type=checkbox]{accent-color:#0094D4 !important;}
body.layout_frontend form::after{content:"Tu información viaja y se guarda cifrada. Ni PELTIC puede ver tus contraseñas.";display:block;text-align:center;color:#94a3c4;font-size:.72rem;margin-top:16px;line-height:1.5;}
html[lang="en"] body.layout_frontend form::after{content:"Your data is encrypted in transit and at rest. Not even PELTIC can see your passwords.";}

/*PELTIC-NORING — sin anillo/borde en foco (transparente); el foco solo cambia el fondo*/
body.layout_frontend bit-base-card input,body.layout_frontend bit-base-card input:focus,body.layout_frontend bit-base-card input:focus-visible,
body.layout_frontend bit-base-card [class*="tw-bg-background"],body.layout_frontend bit-base-card [class*="tw-bg-background"]:focus-within{
  box-shadow:none !important;outline:none !important;border-color:transparent !important;}

/*PELTIC-NOFOOTER — ocultar footer 'Vaultwarden/Bitwarden' en login y signup*/
body.layout_frontend bit-landing-footer,body.layout_frontend footer.tw-bg-background-alt,body.layout_frontend [class*="footer"]{display:none !important;min-height:0 !important;height:0 !important;}