.naon-customer-register-form{
  width:100%;
  box-sizing:border-box;
}

.naon-register-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:18px 22px;
  align-items:start;
}

.naon-register-field{
  margin:0;
}

.naon-register-field label{
  display:block;
  margin:0 0 7px;
  color:#213447;
  font-size:14px;
  font-weight:600;
  line-height:1.35;
}

.naon-register-field .required{
  color:#ff7a24;
}

.naon-register-field input,
.naon-register-field select{
  width:100%;
  min-height:52px;
  border:1px solid #d8e1e8;
  border-radius:14px;
  background:#fff;
  color:#082844;
  font-size:15px;
  font-weight:400;
  padding:0 16px;
  box-sizing:border-box;
  outline:none;
}

.naon-register-field input:focus,
.naon-register-field select:focus{
  border-color:#ff7a24;
  box-shadow:0 0 0 3px rgba(255,122,36,.10);
}

/* Orden visual del registro Naon
   Fila 1: Nombre / Apellido
   Fila 2: Nombre del local o emprendimiento / CUIT o D.N.I
   Fila 3: Dirección de entrega / Localidad / Provincia
   Fila 4: Teléfono / Mail
   Fila 5: Transporte opcional / Código postal opcional
*/
.naon-register-field--first_name,
.naon-register-field--last_name,
.naon-register-field--store_name,
.naon-register-field--document_number,
.naon-register-field--phone,
.naon-register-field--email,
.naon-register-field--transport,
.naon-register-field--postcode{
  grid-column:span 3;
}

.naon-register-field--delivery_address,
.naon-register-field--city,
.naon-register-field--state{
  grid-column:span 2;
}


/* Fila final del registro: CAPTCHA / Crear cuenta */
.naon-register-actions{
  width:100%;
  display:grid !important;
  grid-template-columns:302px 190px !important;
  justify-content:center !important;
  align-items:center !important;
  column-gap:22px !important;
  row-gap:0 !important;
  margin:20px 0 0 !important;
  padding:0 !important;
}

.naon-register-hcaptcha{
  width:302px !important;
  height:78px !important;
  min-height:78px !important;
  max-height:78px !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  align-self:center !important;
  justify-self:end !important;
  line-height:0 !important;
  overflow:hidden !important;
}

.naon-register-hcaptcha .h-captcha,
.naon-register-hcaptcha > div{
  width:302px !important;
  height:78px !important;
  min-height:78px !important;
  max-height:78px !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  line-height:0 !important;
}

.naon-register-hcaptcha iframe{
  display:block !important;
  width:302px !important;
  height:78px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}

.naon-register-hcaptcha--missing{
  padding:12px 14px;
  border:1px solid #f1c7c7;
  border-radius:12px;
  background:#fff1f1;
  color:#7a1f1f;
  font-size:13px;
  line-height:1.35;
}

.naon-register-hcaptcha--missing p{
  margin:0;
}

.naon-register-privacy{
  margin:20px 0 0;
  color:#52606d;
  font-size:13px;
  line-height:1.5;
}

.naon-register-submit{
  align-self:center !important;
  justify-self:start !important;
  margin:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:62px !important;
  min-height:62px !important;
  width:190px !important;
  min-width:190px !important;
  max-width:190px !important;
  padding:0 28px !important;
  border:0 !important;
  border-radius:14px !important;
  background:#ff7a24 !important;
  color:#fff !important;
  font-size:15px !important;
  font-weight:700 !important;
  line-height:1 !important;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(255,122,36,.18);
  transform:none !important;
}

.naon-register-submit:hover{
  background:#ef6815;
}

.naon-register-notice{
  margin:0 0 18px;
  padding:16px 18px;
  border-radius:14px;
  font-size:14px;
  line-height:1.45;
}

.naon-register-notice p{
  margin:0;
}

.naon-register-notice--success{
  border:1px solid #bfe6ca;
  background:#eaf7ed;
  color:#1f5d2f;
}

.naon-register-notice--error{
  border:1px solid #f1c7c7;
  background:#fff1f1;
  color:#7a1f1f;
}

.naon-register-notice--error ul{
  margin:0;
  padding-left:18px;
}

.naon-register-notice--info{
  border:1px solid #dfe7ee;
  background:#f5f7f9;
  color:#213447;
}

.naon-register-link{
  display:inline-flex;
  margin-top:10px;
  color:#082844;
  font-weight:700;
  text-decoration:none;
}

@media(max-width:768px){
  .naon-register-grid{
    grid-template-columns:1fr;
  }

  .naon-register-field--first_name,
  .naon-register-field--last_name,
  .naon-register-field--store_name,
  .naon-register-field--document_number,
  .naon-register-field--delivery_address,
  .naon-register-field--city,
  .naon-register-field--state,
  .naon-register-field--phone,
  .naon-register-field--email,
  .naon-register-field--transport,
  .naon-register-field--postcode{
    grid-column:1;
  }

  .naon-register-actions{
    display:flex !important;
    flex-direction:column !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:12px !important;
  }

  .naon-register-hcaptcha{
    width:302px !important;
    max-width:100% !important;
    flex:0 0 auto !important;
    transform:scale(.92);
    transform-origin:center;
  }

  .naon-register-submit{
    width:min(100%, 302px) !important;
    max-width:302px !important;
    height:54px !important;
    min-height:54px !important;
  }
}



/* =========================
   Login Naon
========================= */
.naon-login-shell{
  width:min(1440px, calc(100% - 32px));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
  gap:24px;
  align-items:stretch;
}

.naon-login-card,
.naon-login-register-card{
  border:1px solid #dfe7ee;
  border-radius:20px;
  background:#fff;
  box-shadow:0 12px 30px rgba(8,40,68,.06);
  padding:28px 32px;
  box-sizing:border-box;
  min-height:320px;
}

.naon-login-card,
.naon-login-register-card{
  display:flex;
  flex-direction:column;
}

.naon-login-register-card{
  justify-content:flex-start;
}

.naon-login-card h2,
.naon-login-register-card h3{
  margin:0 0 12px;
  color:#082844;
  font-size:30px;
  font-weight:700;
  line-height:1.15;
  letter-spacing:-.02em;
}

.naon-login-intro,
.naon-login-register-card p{
  margin:0 0 20px;
  color:#52606d;
  line-height:1.5;
  font-size:15px;
  font-weight:400;
}

.naon-login-shell .woocommerce-form-login{
  flex:1;
  margin:0;
  border:0;
  padding:0;
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
  column-gap:22px;
  row-gap:14px;
  align-items:start;
}

.naon-login-shell .woocommerce-form-login .form-row{
  width:100% !important;
  float:none !important;
  clear:none !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
}

.naon-login-shell .woocommerce-form-login .form-row-first,
.naon-login-shell .woocommerce-form-login .form-row-last,
.naon-login-shell .woocommerce-form-login .form-row-wide{
  width:100% !important;
  float:none !important;
  clear:none !important;
}

.naon-login-shell .woocommerce-form-login .form-row:nth-of-type(1){
  grid-column:1;
}

.naon-login-shell .woocommerce-form-login .form-row:nth-of-type(2){
  grid-column:2;
}

.naon-login-shell .woocommerce-form-login .form-row:nth-of-type(3),
.naon-login-shell .woocommerce-form-login .lost_password{
  grid-column:1 / -1;
}

.naon-login-shell .woocommerce-form-login label{
  display:block;
  margin:0 0 8px;
  color:#213447;
  font-size:14px;
  font-weight:500;
  line-height:1.35;
}

.naon-login-shell .woocommerce-form-login input.input-text{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  min-height:56px !important;
  border:1px solid #d8e1e8 !important;
  border-radius:15px !important;
  padding:0 16px !important;
  background:#fff !important;
  color:#082844 !important;
  font-size:15px !important;
  font-weight:400 !important;
  box-sizing:border-box !important;
}

.naon-login-shell .woocommerce-form-login input.input-text:focus{
  outline:none !important;
  border-color:#ff7a24 !important;
  box-shadow:0 0 0 3px rgba(255,122,36,.10) !important;
}

.naon-login-shell .woocommerce-form-login .woocommerce-form-login__rememberme,
.naon-login-shell .woocommerce-form-login .woocommerce-form__label-for-checkbox{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  margin:0 !important;
  color:#213447 !important;
  font-size:14px !important;
  font-weight:500 !important;
}

.naon-login-shell .woocommerce-form-login input[type=checkbox]{
  width:17px;
  height:17px;
  accent-color:#ff7a24;
}

.naon-login-shell .woocommerce-form-login button[type=submit],
.naon-login-register-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:56px;
  border-radius:15px;
  background:#082844 !important;
  border:0 !important;
  color:#fff !important;
  font-size:15px;
  font-weight:650;
  text-decoration:none !important;
  box-shadow:0 10px 24px rgba(8,40,68,.14);
  transition:background .16s ease, transform .16s ease, box-shadow .16s ease;
}

.naon-login-shell .woocommerce-form-login button[type=submit]{
  margin-top:10px !important;
}

.naon-login-register-button{
  margin-top:120px;
}

.naon-login-shell .woocommerce-form-login button[type=submit]:hover,
.naon-login-register-button:hover{
  background:#ff7a24 !important;
  color:#fff !important;
  transform:translateY(-1px);
  box-shadow:0 14px 30px rgba(255,122,36,.18);
}

.naon-login-shell .woocommerce-form-login .lost_password{
  margin:10px 0 0 !important;
  text-align:center;
}

.naon-login-shell .woocommerce-form-login .lost_password a{
  color:#6f8064;
  font-size:14px;
  font-weight:500;
  text-decoration:underline;
  text-underline-offset:3px;
}

@media(max-width:900px){
  .naon-login-shell{
    grid-template-columns:1fr;
  }
}

@media(max-width:680px){
  .naon-login-shell{
    width:min(100% - 24px, 1440px);
  }

  .naon-login-card,
  .naon-login-register-card{
    padding:24px 20px;
    min-height:auto;
  }

  .naon-login-shell .woocommerce-form-login{
    grid-template-columns:1fr;
  }

  .naon-login-shell .woocommerce-form-login .form-row:nth-of-type(1),
  .naon-login-shell .woocommerce-form-login .form-row:nth-of-type(2),
  .naon-login-shell .woocommerce-form-login .form-row:nth-of-type(3),
  .naon-login-shell .woocommerce-form-login .lost_password{
    grid-column:1;
  }
}