/* TND My Account – página sin Elementor + pantalla de login nueva (1.1.0). Prefijo .tnd-account-page. */
.tnd-account-page{
  --tnd-peach:#f6e3da;--tnd-cream:#fbf4ec;--tnd-paper:#fffaf5;--tnd-teal:#2a6b63;--tnd-teal-dark:#1f524c;--tnd-teal-tint:#e3efec;
  --tnd-terracotta:#c8714f;--tnd-brown:#8a4b2c;--tnd-ink:#2b2321;--tnd-muted:#6f625d;--tnd-line:#e7d3c8;--tnd-radius:14px;
  --tnd-shadow:0 1px 2px rgba(60,35,25,.06),0 6px 18px rgba(60,35,25,.07);
  --tnd-serif:"Lora",Georgia,serif;--tnd-sans:"Josefin Sans","Jost","Helvetica Neue",Arial,sans-serif;
  background-color:var(--tnd-peach);color:var(--tnd-ink);font-family:var(--tnd-sans);font-size:16px;line-height:1.5;
  padding:0 20px;min-height:50vh}
.tnd-account-page *,.tnd-account-page *::before,.tnd-account-page *::after{box-sizing:border-box}
.tnd-account-page.is-logged-in{padding:0}
.tnd-account-page .woocommerce{max-width:none}
.tnd-account-page .woocommerce-notices-wrapper:empty{display:none}

/* ---------- Login ---------- */
.tnd-account-page .tnd-login{max-width:1040px;margin:0 auto;padding:48px 0 72px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:stretch}
.tnd-account-page .tnd-login-card,.tnd-account-page .tnd-login-side{border-radius:20px;padding:36px 36px 32px}
.tnd-account-page .tnd-login-card{background:var(--tnd-paper);border:1px solid var(--tnd-line);box-shadow:var(--tnd-shadow)}
.tnd-account-page .tnd-login-side{background:linear-gradient(160deg,var(--tnd-teal) 0%,var(--tnd-teal-dark) 100%);color:#fff;display:flex;flex-direction:column;gap:12px}
.tnd-account-page .tnd-login-eyebrow{margin:0 0 6px;font-size:.74rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--tnd-brown)}
.tnd-account-page .tnd-login-side .tnd-login-eyebrow{color:#cfe6e0;margin:0}
.tnd-account-page h1,.tnd-account-page .tnd-login-side h2{margin:0;font-family:var(--tnd-serif);font-weight:500;text-transform:none;letter-spacing:normal;line-height:1.15}
.tnd-account-page h1{font-size:clamp(1.8rem,3vw,2.3rem);color:var(--tnd-ink)}
.tnd-account-page .tnd-login-side h2{font-size:1.6rem;color:#fff}
.tnd-account-page .tnd-login-lede{margin:8px 0 22px;color:var(--tnd-muted)}
.tnd-account-page .tnd-login-side p{margin:0;color:#e6f1ee}
.tnd-account-page .tnd-field{margin:0 0 14px}
.tnd-account-page .tnd-field label{display:block;margin:0 0 6px;font-size:.84rem;font-weight:600;letter-spacing:.02em;color:var(--tnd-ink)}
.tnd-account-page .tnd-field .required{color:var(--tnd-terracotta);border:0;text-decoration:none}
.tnd-account-page .tnd-field input{display:block;width:100%;height:48px;margin:0;padding:0 16px;border:1.5px solid var(--tnd-line);border-radius:12px;background:#fff;font:inherit;font-size:1rem;color:var(--tnd-ink);box-shadow:none}
.tnd-account-page .tnd-field input:focus{outline:none;border-color:var(--tnd-teal);box-shadow:0 0 0 3px rgba(42,107,99,.15)}
.tnd-account-page .tnd-login-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:4px 0 18px}
.tnd-account-page .tnd-remember{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:.9rem;font-weight:400;cursor:pointer}
.tnd-account-page .tnd-remember input{width:18px;height:18px;margin:0;accent-color:var(--tnd-teal)}
.tnd-account-page a{color:var(--tnd-teal)}
.tnd-account-page .tnd-lost{font-size:.9rem;font-weight:600;text-decoration:none}
.tnd-account-page .tnd-lost:hover{text-decoration:underline}
.tnd-account-page .tnd-login-btn,.tnd-account-page .woocommerce-ResetPassword .button,.tnd-account-page .woocommerce-ResetPassword button{display:flex;width:100%;height:50px;margin:0;align-items:center;justify-content:center;border:0;border-radius:999px;background:var(--tnd-teal);color:#fff;font:inherit;font-size:1rem;font-weight:600;letter-spacing:.04em;text-transform:none;cursor:pointer;box-shadow:none}
.tnd-account-page .tnd-login-btn:hover,.tnd-account-page .woocommerce-ResetPassword .button:hover{background:var(--tnd-teal-dark);color:#fff}
.tnd-account-page .tnd-login-perks{list-style:none;margin:6px 0 8px;padding:0;display:grid;gap:10px}
.tnd-account-page .tnd-login-perks li{position:relative;margin:0;padding-left:28px;color:#fff;font-size:.95rem}
.tnd-account-page .tnd-login-perks li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232a6b63' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/12px no-repeat}
.tnd-account-page .tnd-login-perks b{font-weight:700;color:#fff}
.tnd-account-page .tnd-join-btn{display:inline-flex;align-self:flex-start;align-items:center;justify-content:center;height:50px;padding:0 28px;margin-top:6px;border-radius:999px;background:#fff;color:var(--tnd-teal-dark)!important;font-weight:700;letter-spacing:.04em;text-decoration:none}
.tnd-account-page .tnd-join-btn:hover{background:var(--tnd-cream)}
.tnd-account-page .tnd-login-help{margin-top:auto!important;padding-top:14px;font-size:.88rem;border-top:1px solid rgba(255,255,255,.2)}
.tnd-account-page .tnd-login-help a{color:#fff;font-weight:600}
.tnd-account-page a:focus-visible,.tnd-account-page button:focus-visible{outline:3px solid var(--tnd-terracotta);outline-offset:2px}

/* Avisos (contraseña incorrecta, etc.) */
.tnd-account-page .woocommerce-error,.tnd-account-page .woocommerce-message,.tnd-account-page .woocommerce-info{max-width:1040px;margin:24px auto 0;border-radius:12px;list-style:none}

/* ---------- Olvidé mi contraseña / nueva contraseña ---------- */
.tnd-account-page .woocommerce-ResetPassword{max-width:560px;margin:48px auto 72px;padding:32px 36px;background:var(--tnd-paper);border:1px solid var(--tnd-line);border-radius:20px;box-shadow:var(--tnd-shadow)}
.tnd-account-page .woocommerce-ResetPassword p{margin:0 0 14px;color:var(--tnd-muted)}
.tnd-account-page .woocommerce-ResetPassword label{display:block;margin:0 0 6px;font-size:.84rem;font-weight:600;color:var(--tnd-ink)}
.tnd-account-page .woocommerce-ResetPassword input.input-text{display:block;width:100%;height:48px;margin:0;padding:0 16px;border:1.5px solid var(--tnd-line);border-radius:12px;background:#fff;font:inherit;box-shadow:none}
.tnd-account-page .woocommerce-ResetPassword .form-row-first,.tnd-account-page .woocommerce-ResetPassword .form-row-last{width:100%;float:none}

@media (max-width:820px){
  .tnd-account-page .tnd-login{grid-template-columns:1fr;padding:28px 0 48px;gap:16px}
  .tnd-account-page .tnd-login-card,.tnd-account-page .tnd-login-side{padding:26px 22px}
}
@media (max-width:560px){.tnd-account-page{padding:0 14px}}

/* El margen superior de los formularios no debe "atravesar" el contenedor (dejaba una franja del fondo del tema). (1.1.1) */
.tnd-account-page{display:flow-root}
/* Avisos de WooCommerce (p. ej. contraseña incorrecta) con el estilo de la serie, no el marco negro de Flatsome. */
.tnd-account-page .woocommerce-notices-wrapper{margin:0;padding:0;background:none}
.tnd-account-page ul.woocommerce-error,.tnd-account-page .woocommerce-error,.tnd-account-page .woocommerce-message,.tnd-account-page .woocommerce-info{
  max-width:1040px;margin:28px auto 0!important;padding:14px 18px!important;border:1px solid #efc3b3!important;border-radius:14px!important;
  background:#fbe6d9!important;color:#8a3b1c!important;font-size:.95rem;line-height:1.5;list-style:none;box-shadow:none!important}
.tnd-account-page .woocommerce-message,.tnd-account-page .woocommerce-info{background:var(--tnd-teal-tint)!important;border-color:#b9d6cf!important;color:var(--tnd-teal-dark)!important}
.tnd-account-page .woocommerce-error li,.tnd-account-page .woocommerce-error .message-container{margin:0;padding:0}
.tnd-account-page .woocommerce-error a{color:#8a3b1c;font-weight:700}
.tnd-account-page .woocommerce-error::before,.tnd-account-page .woocommerce-message::before,.tnd-account-page .woocommerce-info::before{display:none}
.tnd-account-page .woocommerce-error + .tnd-login{padding-top:24px}
/* WooCommerce pone el foco en el aviso (accesibilidad): contorno con el color de la marca en vez del negro. Texto en un solo color. (1.1.2) */
.tnd-account-page .woocommerce-error:focus,.tnd-account-page .woocommerce-message:focus,.tnd-account-page .woocommerce-info:focus{outline:2px solid var(--tnd-terracotta)!important;outline-offset:3px}
.tnd-account-page .woocommerce-error .message-container,.tnd-account-page .woocommerce-error strong{color:#8a3b1c!important;text-align:left;padding:0;max-width:none}
.tnd-account-page .woocommerce-error .message-icon{display:none}