/* Sellala · "Continuar con Google" y "Continuar con Apple" (15-oct-2026). Lo usan entrar, empezar y el panel. */
.social{display:flex;flex-direction:column;gap:10px}
.social[hidden]{display:none!important}
.btn-social{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:52px;padding:12px 18px;border-radius:12px;background:var(--blanco);border:1.5px solid var(--linea);color:var(--tinta);font:600 1rem/1.2 var(--texto);text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .15s ease,background-color .15s ease,transform .12s ease}
.btn-social:hover{border-color:#B9BCC4;background:#FCFCFA}
.btn-social:active{transform:scale(.99);background:var(--hundido)}
.btn-social:focus-visible{outline:none;border-color:var(--tinta);box-shadow:0 0 0 4px rgba(21,22,28,.1)}
.btn-social svg{width:20px;height:20px;flex-shrink:0}
.btn-social[aria-busy=true]{opacity:.65;cursor:progress}
.o-email{display:flex;align-items:center;gap:12px;color:var(--gris);font-size:.88rem;margin:4px 0 0}
.o-email::before,.o-email::after{content:"";flex:1;height:1px;background:var(--linea)}

/* La cuenta de Google o Apple elegida, antes de crear la cuenta (empezar, paso 2) */
.cuenta-social{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;background:var(--blanco);border:1.5px solid var(--linea);border-radius:14px;padding:12px 10px 12px 14px}
.cuenta-social[hidden]{display:none!important}
.cuenta-social .cs-logo{width:40px;height:40px;border-radius:50%;background:var(--hundido);display:grid;place-items:center;color:var(--tinta)}
.cuenta-social .cs-logo svg{width:20px;height:20px}
.cuenta-social b{display:block;font-size:.98rem}
.cuenta-social p{color:var(--gris);font-size:.88rem;margin-top:2px;overflow-wrap:anywhere}
.cuenta-social button{border:none;background:var(--hundido);border-radius:9px;padding:8px 12px;font:600 .84rem var(--texto);color:var(--tinta);min-height:38px;cursor:pointer}

/* Panel, Ajustes > Tu cuenta: con qué entra */
.entra-con{display:flex;flex-wrap:wrap;gap:8px;margin-top:-4px}
.entra-con:empty{display:none}
.entra-con span{display:inline-flex;align-items:center;gap:8px;background:var(--hundido);border-radius:999px;padding:6px 12px 6px 8px;font-size:.84rem;font-weight:600;color:var(--tinta)}
.entra-con svg{width:16px;height:16px}

/* Panel, "Eliminar mi cuenta" sin contraseña: ya confirmó con Google o Apple */
.el-ok{display:flex;gap:8px;align-items:center;color:var(--ok);font-weight:600;font-size:.92rem}
.el-ok svg{width:18px;height:18px;flex-shrink:0}

@media (prefers-reduced-motion: reduce){.btn-social{transition:none}.btn-social:active{transform:none}}