/* signin.css — distribución vertical tipo SaaS */
.idp-list { display:block; }
.idp-btn{
  display:flex; align-items:center; gap:12px; width:100%; padding:14px 16px;
  background:#fff; border:1px solid rgba(0,0,0,.06); border-radius:12px;
  text-decoration:none; color:inherit;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
  position:relative; overflow:hidden; will-change:transform, box-shadow; 
}
.idp-btn::after{ content:""; position:absolute; inset:0; pointer-events:none;
  background: radial-gradient(140px 70px at -20% -20%, rgba(15,108,189,.08), transparent 60%),
              radial-gradient(140px 70px at 120% 120%, rgba(15,108,189,.06), transparent 60%);
  opacity:0; transition:opacity .25s ease; }
.idp-btn:hover{ transform: translateY(-1px); box-shadow:0 8px 24px rgba(0,0,0,.08); border-color:rgba(15,108,189,.25); }
.idp-btn:hover::after{ opacity:1; }
.idp-logo{ flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:10px; background:#f7f9fc; }
.idp-available .idp-logo{ background:#eef6ff; }
.idp-text{ display:flex; flex-direction:column; line-height:1.1; }
.idp-text .title{ font-weight:700; }
.idp-text .subtitle{ font-size:.875rem; color:#6c757d; }
.idp-state{ margin-left:auto; font-size:.875rem; font-weight:600; }
.disabled{ pointer-events:none; opacity:.6; filter:grayscale(10%); }

/* Animación de entrada secuencial */
.idp-list > div{ animation: fadeUp .35s ease both; }
.idp-list > div:nth-child(1){ animation-delay:.03s }
.idp-list > div:nth-child(2){ animation-delay:.06s }
.idp-list > div:nth-child(3){ animation-delay:.09s }
.idp-list > div:nth-child(4){ animation-delay:.12s }
.idp-list > div:nth-child(5){ animation-delay:.15s }
@keyframes fadeUp{ from{ transform:translateY(8px); opacity:0 } to{ transform:translateY(0); opacity:1 } }