/* stylelint-disable */
/* csslint ignore:start */
/*
  Suave Urban Studio — CSS cliente/cuenta corregido.
  Conserva clases existentes para no romper login, registro, Mi cuenta ni configuración del cliente.
*/

.client-hero{grid-template-columns:minmax(0,1fr) 320px}.client-hero--compact{grid-template-columns:minmax(0,1fr) 280px}.client-hero aside{background:linear-gradient(145deg,rgba(212,175,55,.105),rgba(255,255,255,.035));border:1px solid rgba(212,175,55,.26);border-radius:26px;padding:26px;box-shadow:0 22px 70px rgba(0,0,0,.34),0 0 34px rgba(212,175,55,.08);backdrop-filter:blur(16px)}.client-auth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:24px 0}.client-auth-grid--single{grid-template-columns:minmax(0,560px);justify-content:center}.client-card-head p{color:var(--su-gold-soft);text-transform:uppercase;letter-spacing:.16em;font-size:11px;margin:0 0 6px;font-weight:900}.client-card-head h2{margin:0 0 8px}.client-card-head span{color:var(--su-muted);line-height:1.55}.client-form{margin-top:16px}.client-form__full{grid-column:1/-1}.client-small-link{display:inline-flex;justify-content:center;margin-top:12px;color:var(--su-gold-soft);font-weight:900}.account-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px}.account-card{background:linear-gradient(145deg,rgba(15,15,17,.72),rgba(8,8,10,.46));border:1px solid var(--su-line);border-radius:26px;padding:clamp(20px,3vw,34px);box-shadow:0 24px 80px rgba(0,0,0,.35);backdrop-filter:blur(16px)}.account-list{display:grid;gap:12px}.account-list a,.account-row{display:flex;justify-content:space-between;gap:12px;padding:14px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);transition:.22s}.account-list a:hover{border-color:rgba(255,224,138,.25);box-shadow:0 0 22px rgba(212,175,55,.1);transform:translateY(-1px)}.account-empty{border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:20px;background:rgba(255,255,255,.04);text-align:center;color:var(--su-muted)}.orders-table{display:grid;gap:10px}.orders-table__head,.orders-table__row{display:grid;grid-template-columns:1.2fr 1fr 1fr .8fr auto;gap:12px;align-items:center;padding:12px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}.orders-table__head{color:var(--su-gold-soft);text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:900}.orders-table__row{transition:.22s}.orders-table__row:hover{border-color:rgba(255,224,138,.22);box-shadow:0 0 24px rgba(212,175,55,.08)}.admin-table{display:grid;gap:12px}.admin-table p{margin:4px 0;word-break:break-word}@media(max-width:820px){.client-hero,.client-hero--compact,.client-auth-grid,.account-grid{grid-template-columns:1fr}.client-hero aside{text-align:center;padding:20px}.client-auth-card{padding:20px}.client-form input,.client-form textarea{font-size:16px}.account-list a,.account-row{flex-direction:column}.orders-table__head{display:none}.orders-table__row{grid-template-columns:1fr;text-align:left}.orders-table__row .btn{width:100%}}@media(max-width:430px){.client-hero h1{font-size:34px}.client-auth-grid{gap:14px}.client-auth-card{border-radius:20px}.orders-table__row{padding:12px}}

/* Ajuste puntual login/registro: compacto horizontal sin cambiar identidad */
@media (min-width: 821px){
  .client-auth-grid{align-items:start;max-width:1040px;margin:22px auto 28px;gap:18px}
  .client-auth-card{padding:24px!important;border-radius:24px!important;min-height:auto!important}
  .client-card-head h2{font-size:clamp(30px,2.5vw,42px);line-height:.98;margin-bottom:8px}
  .client-card-head span{font-size:15px;line-height:1.42}
  .client-auth-card#registro .client-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;margin-top:12px}
  .client-auth-card#registro .client-form label{margin:0;gap:6px}
  .client-auth-card#registro .client-form input{min-height:44px;padding:12px 14px;font-size:14px;border-radius:16px}
  .client-auth-card#registro .client-form button:not(.password-toggle){min-height:48px;margin-top:2px}
  .client-auth-card#registro .client-form small{font-size:12px;line-height:1.25}
  .client-auth-card:not(#registro) .client-form{max-width:420px}
}
@media (max-width: 820px){
  .client-auth-grid{max-width:560px;margin-left:auto;margin-right:auto}
  .client-auth-card#registro .client-form{display:grid;grid-template-columns:1fr;gap:0}
}

/* Ajuste puntual Mi cuenta: información compacta y accesos premium */
.account-card--compact{padding:clamp(16px,2vw,24px)}
.account-fold{border:1px solid rgba(255,224,138,.22);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.account-fold summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;color:#fff8dc;user-select:none}
.account-fold summary::-webkit-details-marker{display:none}
.account-fold summary b{display:block;font-size:clamp(20px,2.8vw,30px);line-height:1.05;letter-spacing:-.035em}
.account-fold summary small{display:block;margin-top:5px;color:rgba(255,248,220,.68);font-weight:700;letter-spacing:0;text-transform:none}
.account-fold summary i{width:42px;height:42px;min-width:42px;border-radius:999px;display:grid;place-items:center;font-style:normal;font-weight:900;color:#090806;background:linear-gradient(135deg,#ffe68e,#d4af37);box-shadow:0 10px 28px rgba(212,175,55,.28),inset 0 1px 0 rgba(255,255,255,.55);transition:transform .22s ease}
.account-fold[open] summary i{transform:rotate(45deg)}
.account-form-compact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0 18px 18px}
.account-form-compact label{margin:0!important;gap:6px!important}
.account-form-compact input{min-height:42px;padding:11px 13px;border-radius:14px}
.account-save-btn{grid-column:1/-1;min-height:46px;margin-top:2px}
.account-quick-card{padding:clamp(16px,2vw,24px)}
.account-quick-links{display:grid;gap:10px;margin-top:14px}
.account-quick-links a{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-areas:"num title" "num sub";align-items:center;column-gap:12px;text-decoration:none;padding:13px 14px;border-radius:18px;border:1px solid rgba(255,224,138,.18);background:linear-gradient(135deg,rgba(255,255,255,.065),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.06);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;overflow:hidden}
.account-quick-links a::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 35%,rgba(255,224,138,.14) 48%,transparent 62%);transform:translateX(-120%);transition:transform .55s ease;pointer-events:none}
.account-quick-links a:hover{transform:translateY(-2px);border-color:rgba(255,224,138,.42);background:linear-gradient(135deg,rgba(212,175,55,.13),rgba(255,255,255,.04));box-shadow:0 14px 34px rgba(0,0,0,.26),0 0 24px rgba(212,175,55,.12)}
.account-quick-links a:hover::after{transform:translateX(120%)}
.account-quick-links span{grid-area:num;width:38px;height:38px;border-radius:14px;display:grid;place-items:center;color:#080806;background:linear-gradient(135deg,#ffe68e,#d4af37);font-weight:900;font-size:12px;box-shadow:0 8px 20px rgba(212,175,55,.24)}
.account-quick-links b{grid-area:title;color:#fff8dc;font-size:14px;line-height:1.2}.account-quick-links small{grid-area:sub;color:rgba(255,248,220,.58);font-weight:700;margin-top:2px}
@media(max-width:980px){.account-grid{grid-template-columns:1fr}.account-quick-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.account-form-compact{grid-template-columns:1fr;padding:0 14px 14px}.account-fold summary{padding:16px}.account-quick-links{grid-template-columns:1fr}.account-fold summary i{width:38px;height:38px;min-width:38px}.account-fold summary b{font-size:24px}}


/* Ajuste puntual: ver/ocultar contraseña y verificación de correo */
.password-field{position:relative;display:flex;align-items:center;width:100%}
.password-field input{width:100%;padding-right:56px!important}
.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:1px solid rgba(255,224,138,.30);border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(212,175,55,.12));color:#ffe68e;display:grid;place-items:center;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 16px rgba(212,175,55,.08);transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease;padding:0;line-height:1}
.password-toggle svg{width:20px;height:20px;display:block;opacity:.9;transition:opacity .2s ease,transform .2s ease}
.password-toggle:hover,.password-toggle.is-visible{background:linear-gradient(135deg,rgba(255,224,138,.23),rgba(255,255,255,.08));border-color:rgba(255,224,138,.60);color:#fff8dc;box-shadow:0 0 22px rgba(212,175,55,.16)}
.password-toggle:hover svg,.password-toggle.is-visible svg{opacity:1;transform:scale(1.04)}
.client-form--compact{margin-top:10px!important}
#verificar-correo .client-form{display:grid;gap:12px}
#verificar-correo input[name="codigo"],.verification-code-input{text-align:center;letter-spacing:.32em;font-weight:900;font-size:20px}


/* Ajuste final puntual: ojito dentro del input sin romper layout */
.password-field{position:relative!important;display:block!important;width:100%!important}
.password-field input{display:block!important;width:100%!important;padding-right:52px!important}
.password-field .password-toggle{position:absolute!important;right:14px!important;top:50%!important;transform:translateY(-50%)!important;width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:rgba(255,248,220,.58)!important;box-shadow:none!important;display:grid!important;place-items:center!important;z-index:4!important;line-height:1!important}
.password-field .password-toggle svg{width:19px!important;height:19px!important;display:block!important}
.password-field .password-toggle:hover,.password-field .password-toggle.is-visible{color:#ffe68e!important;background:transparent!important;box-shadow:none!important}
.password-field .password-toggle:focus-visible{outline:2px solid rgba(255,224,138,.55)!important;outline-offset:4px!important;border-radius:999px!important}

/* Registro por pasos - cuenta, verificación y perfil */
.register-progress,.register-modal__progress{display:flex;gap:8px;margin:14px 0 6px}.register-progress span,.register-modal__progress span{flex:1;text-align:center;border:1px solid rgba(255,224,138,.18);background:rgba(255,255,255,.035);border-radius:999px;padding:8px 10px;color:rgba(255,248,220,.64);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.register-progress span.is-active,.register-modal__progress span.is-active{background:linear-gradient(135deg,#ffe88f,#d4af37);color:#111;box-shadow:0 0 24px rgba(212,175,55,.22)}.client-form--register-start{display:grid;gap:14px!important}.register-modal[hidden]{display:none!important}.register-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:18px}.register-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.register-modal__card{position:relative;width:min(94vw,620px);max-height:min(92vh,820px);overflow:auto;background:linear-gradient(145deg,rgba(14,14,16,.96),rgba(4,4,5,.92));border:1px solid rgba(255,224,138,.24);border-radius:28px;padding:clamp(22px,4vw,38px);box-shadow:0 34px 120px rgba(0,0,0,.72),0 0 60px rgba(212,175,55,.12);color:var(--su-cream)}.register-modal__close,.register-modal__back{position:absolute;top:18px;width:34px;height:34px;border:0;background:transparent;color:rgba(255,248,220,.84);font-size:32px;line-height:1;cursor:pointer;box-shadow:none!important}.register-modal__close{right:20px}.register-modal__back{left:20px;font-size:40px}.register-modal__head{text-align:center;padding:0 34px 8px}.register-modal__head h2{margin:0 0 8px;font-size:clamp(30px,5vw,44px)}.register-modal__head p{margin:0;color:rgba(255,248,220,.72)}.register-modal__copy{text-align:center;color:rgba(255,248,220,.78);font-size:17px;line-height:1.55;margin:20px auto 6px;max-width:440px}.register-modal__link,.register-resend{display:block;margin:8px auto 22px;border:0;background:transparent;color:#ffe68e;font-weight:900;cursor:pointer;box-shadow:none!important}.register-resend[disabled]{color:rgba(255,248,220,.48);cursor:not-allowed}.register-code-boxes{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:24px auto 14px;max-width:430px}.register-code-boxes input{height:66px;text-align:center;font-size:28px;font-weight:900;border-radius:14px;border:1px solid rgba(255,224,138,.28);background:rgba(255,255,255,.06);color:var(--su-cream);outline:none}.register-code-boxes input:focus{border-color:#ffe68e;box-shadow:0 0 0 3px rgba(255,224,138,.13),0 0 28px rgba(212,175,55,.17)}.register-profile-form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important}.register-profile-form .client-form__full{grid-column:1/-1}@media(max-width:620px){.register-code-boxes{gap:7px}.register-code-boxes input{height:54px;font-size:22px}.register-profile-form{grid-template-columns:1fr!important}.register-modal{padding:10px}.register-modal__card{border-radius:22px;padding:22px 16px}.register-modal__progress span{font-size:10px;padding:7px 6px}}

/* Configuración cliente */
.account-hero--settings{margin-bottom:22px}.client-settings-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:22px;align-items:start}.client-settings-card{position:relative;overflow:hidden}.client-settings-card:before{content:"";position:absolute;inset:-45% auto auto -35%;width:240px;height:240px;border-radius:999px;background:radial-gradient(circle,rgba(255,224,138,.12),transparent 64%);pointer-events:none}.client-settings-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}.client-settings-form label{margin:0}.client-settings-form input{min-height:48px}.client-settings-password{grid-template-columns:1fr}.client-settings-status{margin-top:18px;padding:16px;border:1px solid rgba(255,224,138,.18);border-radius:18px;background:rgba(255,255,255,.035);display:flex;justify-content:space-between;gap:14px;color:var(--su-muted);font-weight:800}.client-settings-status b{color:var(--su-cream)}.client-settings-status span{color:var(--su-gold-soft)}@media(max-width:900px){.client-settings-grid{grid-template-columns:1fr}.client-settings-form{grid-template-columns:1fr}}
/* =========================================================
   SUAVE CLIENT FINAL FIX
   Mantener este bloque al final para neutralizar duplicados.
   ========================================================= */

:root{
  --su-cream:#fff8dc;
}

/* Layout cliente estable */
.client-hero,
.client-hero--compact,
.client-auth-grid,
.account-grid,
.client-settings-grid{
  min-width:0;
}

/* Formularios cliente: evita desbordes */
.client-form,
.account-form-compact,
.register-profile-form,
.client-settings-form{
  min-width:0;
}
.client-form label,
.account-form-compact label,
.register-profile-form label,
.client-settings-form label{
  min-width:0;
}

/* Inputs/selects de cliente */
.client-form input,
.client-form textarea,
.client-form select,
.account-form-compact input,
.client-settings-form input,
.register-profile-form input,
.register-code-boxes input{
  color:#fff8dc!important;
  -webkit-text-fill-color:#fff8dc!important;
  min-width:0;
}
.client-form select option,
.client-settings-form select option{
  background:#11100b!important;
  color:#fff8df!important;
}

/* Password toggle: un solo comportamiento final */
.password-field{
  position:relative!important;
  display:block!important;
  width:100%!important;
}
.password-field input{
  display:block!important;
  width:100%!important;
  padding-right:52px!important;
}
.password-field .password-toggle{
  position:absolute!important;
  right:14px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:rgba(255,248,220,.62)!important;
  box-shadow:none!important;
  display:grid!important;
  place-items:center!important;
  z-index:4!important;
  line-height:1!important;
  cursor:pointer!important;
}
.password-field .password-toggle svg{
  width:19px!important;
  height:19px!important;
  display:block!important;
}
.password-field .password-toggle:hover,
.password-field .password-toggle.is-visible{
  color:#ffe68e!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Modal registro: capas correctas */
.register-modal{
  z-index:30000!important;
}
.register-modal__backdrop{
  z-index:0!important;
}
.register-modal__card{
  z-index:1!important;
}
.register-modal__close,
.register-modal__back{
  z-index:2!important;
}

/* Tarjetas de cuenta */
.account-fold summary,
.account-quick-links a,
.orders-table__row,
.account-list a,
.account-row{
  min-width:0;
}
.account-quick-links b,
.account-quick-links small,
.account-row,
.orders-table__row{
  overflow-wrap:anywhere;
}

/* Botones dentro de formularios */
.client-form button,
.account-form-compact button,
.register-profile-form button,
.client-settings-form button{
  font-weight:900;
}

/* Responsive seguro */
@media(max-width:900px){
  .client-settings-grid,
  .account-grid{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:820px){
  .client-hero,
  .client-hero--compact,
  .client-auth-grid{
    grid-template-columns:1fr!important;
  }
  .client-auth-card#registro .client-form{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:620px){
  .account-form-compact,
  .register-profile-form,
  .client-settings-form{
    grid-template-columns:1fr!important;
  }
  .register-code-boxes{
    gap:7px!important;
  }
  .register-code-boxes input{
    height:54px!important;
    font-size:22px!important;
  }
}
/* csslint ignore:end */