/*
 * V351 · Ajustes móviles puntuales
 * 1) Solos y Solas: el botón Ingresar arranca en la misma columna que Contraseña.
 * 2) Crear cuenta: elimina la grilla desktop heredada y usa el ancho real del teléfono.
 * Alcance: móvil únicamente. No altera desktop ni lógica de autenticación/registro.
 */

@media (max-width:700px){
  /* ---------------------------------------------------------
     Solos y Solas · ingreso público móvil
     Usuario | Contraseña
               Ingresar
               Segundo factor
     --------------------------------------------------------- */
  body.jcp-solos-entry-public-v349 .jc-solos3-login__fields{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    column-gap:6px!important;
    row-gap:5px!important;
  }
  body.jcp-solos-entry-public-v349 .jc-solos3-login__submit{
    grid-column:2 / 3!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    justify-self:stretch!important;
  }
  body.jcp-solos-entry-public-v349 .jc-solos3-login__security,
  body.jcp-solos-entry-public-v349 .jc-solos3-login__error{
    width:calc(50% - 3px)!important;
    margin-left:calc(50% + 3px)!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    justify-content:center!important;
    justify-self:auto!important;
    text-align:center!important;
  }

  /* ---------------------------------------------------------
     Crear cuenta · responsive real a una columna
     Corrige .jc-register-shell desktop que se declaraba luego
     del breakpoint base y volvía a imponer dos columnas.
     --------------------------------------------------------- */
  .jc-register-page{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    padding:12px 0 26px!important;
  }
  .jc-register-page > .jc-container{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0 10px!important;
  }
  .jc-register-page .jc-register-shell,
  .jc-register-page .jc-auth-shell{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    overflow:hidden!important;
    border-radius:16px!important;
  }
  .jc-register-page .jc-auth-card{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    padding:20px 16px 22px!important;
  }
  .jc-register-page .jc-register-aside,
  .jc-register-page .jc-auth-aside{
    display:none!important;
  }
  .jc-register-page .jc-register-heading,
  .jc-register-page .jc-register-progress,
  .jc-register-page .jc-register-choice,
  .jc-register-page .jc-register-form,
  .jc-register-page .jc-register-step{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
  .jc-register-page .jc-register-heading h1{
    width:100%!important;
    max-width:none!important;
    margin:2px 0 10px!important;
    font-size:clamp(30px,9vw,38px)!important;
    line-height:1.05!important;
    letter-spacing:-.7px!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }
  .jc-register-page .jc-register-heading p{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    font-size:15px!important;
    line-height:1.5!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
  }
  .jc-register-page .jc-register-progress{
    margin:18px 0 20px!important;
  }
  .jc-register-page .jc-register-progress-labels{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:10px!important;
    width:100%!important;
    font-size:11px!important;
  }
  .jc-register-page .jc-register-progress-labels span{
    min-width:0!important;
    white-space:normal!important;
    word-break:normal!important;
  }
  .jc-register-page .jc-form,
  .jc-register-page .jc-form-grid,
  .jc-register-page .jc-identity-grid,
  .jc-register-page .jc-register-actions{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
  .jc-register-page .jc-form-grid,
  .jc-register-page .jc-identity-grid,
  .jc-register-page .jc-register-actions{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .jc-register-page .jc-form label,
  .jc-register-page .jc-check,
  .jc-register-page .jc-check span,
  .jc-register-page .jc-check--featured span,
  .jc-register-page .jc-solos-register-extra,
  .jc-register-page .jc-solos-register-extra > *{
    min-width:0!important;
    max-width:100%!important;
  }
  .jc-register-page .jc-form input,
  .jc-register-page .jc-form textarea,
  .jc-register-page .jc-form select,
  .jc-register-page .jc-username-input,
  .jc-register-page input[type="file"]{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .jc-register-page .jc-register-choice,
  .jc-register-page .jc-check--featured{
    width:100%!important;
  }
  .jc-register-page .jc-check--featured{
    padding:13px 14px!important;
  }
  .jc-register-page .jc-check--featured strong{
    font-size:14px!important;
    line-height:1.35!important;
  }
  .jc-register-page .jc-check--featured small{
    font-size:11.5px!important;
    line-height:1.45!important;
  }
  .jc-register-page .jc-register-actions .jc-button,
  .jc-register-page .jc-button-block{
    width:100%!important;
    min-width:0!important;
  }
}

@media (max-width:420px){
  .jc-register-page > .jc-container{padding-inline:8px!important}
  .jc-register-page .jc-auth-card{padding:18px 14px 20px!important}
  .jc-register-page .jc-register-heading h1{font-size:32px!important}
  .jc-register-page .jc-register-heading p{font-size:14.5px!important}
}