:root{--t23login-accent:#2675c9;--t23login-accent-dark:#185da7;--t23login-accent-2:#3156e8;--t23login-ink:#172033;--t23login-muted:#667085;--t23login-line:#dbe3ef;--t23login-soft:#f4f8fd}
body.login{background:radial-gradient(circle at 50% 0,#fff 0,#f5f9fd 48%,#edf3f9 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body.login #login{padding:7vh 20px 40px;width:min(440px,calc(100% - 32px))}
body.login #login h1 a{background-position:center;background-repeat:no-repeat;background-size:contain;height:104px;margin-bottom:22px;width:220px}
body.login #loginform,body.login #lostpasswordform,body.login #resetpassform,body.login #registerform{background:#fff;border:1px solid var(--t23login-line);border-radius:24px;box-shadow:0 24px 70px rgba(23,32,51,.10);padding:30px 32px}
body.login label{color:var(--t23login-ink);font-size:14px;font-weight:700}
body.login .input,body.login input[type=password],body.login input[type=text]{background:#fff;border:1px solid #cfd9e7;border-radius:13px;box-shadow:none;color:var(--t23login-ink);font-size:17px;min-height:52px;padding:9px 13px}
body.login .input:focus,body.login input:focus{border-color:var(--t23login-accent);box-shadow:0 0 0 4px rgba(38,117,201,.12);outline:0}
body.login .button-primary{background:linear-gradient(135deg,var(--t23login-accent),var(--t23login-accent-2));border:0;border-radius:13px;box-shadow:none;font-size:15px;font-weight:800;min-height:48px;padding:0 24px;text-shadow:none}
body.login .button-primary:hover,body.login .button-primary:focus{background:var(--t23login-accent-dark)}
body.login #nav,body.login #backtoblog{text-align:center}body.login #nav a,body.login #backtoblog a{color:var(--t23login-accent)!important;font-weight:650}
body.login .message,body.login .notice,body.login #login_error{border-left:0;border-radius:14px;box-shadow:none;margin-bottom:18px;padding:14px 16px}
body.login .message a{color:var(--t23login-accent)}
/* WooCommerce Mi cuenta: misma identidad Treki23 tanto desconectado como conectado. */
.woocommerce-account .woocommerce{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.woocommerce-account:not(.logged-in) .woocommerce{margin:38px auto;max-width:980px}.woocommerce-account:not(.logged-in) .woocommerce h2{text-align:center;color:var(--t23login-ink);font-size:clamp(28px,4vw,42px);letter-spacing:-.03em}
.woocommerce-account:not(.logged-in) form.woocommerce-form-login,.woocommerce-account:not(.logged-in) form.woocommerce-form-register,.woocommerce-account:not(.logged-in) form.woocommerce-ResetPassword{background:#fff;border:1px solid var(--t23login-line);border-radius:24px;box-shadow:0 24px 70px rgba(23,32,51,.09);margin:24px auto;padding:clamp(24px,4vw,38px);max-width:560px}
.woocommerce-account:not(.logged-in) form label{color:var(--t23login-ink);font-weight:700}.woocommerce-account:not(.logged-in) form input.input-text{border:1px solid #cfd9e7;border-radius:13px;box-shadow:none;min-height:52px;padding:10px 13px;width:100%}.woocommerce-account:not(.logged-in) form input.input-text:focus{border-color:var(--t23login-accent);box-shadow:0 0 0 4px rgba(38,117,201,.12);outline:0}
.woocommerce-account:not(.logged-in) .woocommerce button.button,.woocommerce-account:not(.logged-in) .woocommerce .button{background:linear-gradient(135deg,var(--t23login-accent),var(--t23login-accent-2));border:0;border-radius:13px;color:#fff;min-height:50px;padding:12px 24px}.woocommerce-account:not(.logged-in) .woocommerce button.button:hover{background:var(--t23login-accent-dark);color:#fff}.woocommerce-account:not(.logged-in) .woocommerce-LostPassword a{color:var(--t23login-accent);font-weight:700}
/* Área Mi cuenta conectada: conservamos la estructura nativa de WooCommerce y solo cambiamos su piel.
   Importante: .woocommerce también contiene avisos y otros bloques; convertirlo en grid rompe la página. */
.woocommerce-account.logged-in .woocommerce{display:block!important}
.woocommerce-account.logged-in .woocommerce::after{clear:both;content:"";display:table}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation{background:#fff;border:1px solid var(--t23login-line);border-radius:20px;box-shadow:0 12px 34px rgba(23,32,51,.06);box-sizing:border-box;padding:10px}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul{list-style:none;margin:0!important;padding:0!important}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li{margin:0!important;padding:0!important}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation a{border-radius:12px;color:#344054!important;display:block;font-size:16px;font-weight:650;padding:12px 14px;text-decoration:none!important;transition:.15s ease}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation a:hover{background:var(--t23login-soft);color:var(--t23login-accent)!important}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation .is-active a{background:linear-gradient(135deg,var(--t23login-accent),var(--t23login-accent-2));color:#fff!important;box-shadow:0 7px 18px rgba(49,86,232,.16)}
.woocommerce-account.logged-in .woocommerce-MyAccount-content{box-sizing:border-box;color:var(--t23login-ink);min-width:0}
.woocommerce-account.logged-in .woocommerce-MyAccount-content a{color:var(--t23login-accent)}
.woocommerce-account.logged-in .woocommerce-MyAccount-content input.input-text,.woocommerce-account.logged-in .woocommerce-MyAccount-content select,.woocommerce-account.logged-in .woocommerce-MyAccount-content textarea{border:1px solid #cfd9e7;border-radius:12px;box-shadow:none;min-height:48px;padding:10px 12px}
.woocommerce-account.logged-in .woocommerce-MyAccount-content input:focus,.woocommerce-account.logged-in .woocommerce-MyAccount-content select:focus,.woocommerce-account.logged-in .woocommerce-MyAccount-content textarea:focus{border-color:var(--t23login-accent);box-shadow:0 0 0 4px rgba(38,117,201,.1);outline:0}
.woocommerce-account.logged-in .woocommerce-MyAccount-content button.button,.woocommerce-account.logged-in .woocommerce-MyAccount-content a.button{background:linear-gradient(135deg,var(--t23login-accent),var(--t23login-accent-2));border:0;border-radius:12px;color:#fff!important;font-weight:700;padding:12px 20px}
.t23if-login-brand{display:block;margin:0 auto 24px;text-align:center}.t23if-login-brand img{display:inline-block;height:auto;max-height:96px;max-width:220px;width:auto}.t23if-affiliate-login-card--branded{border-color:var(--t23login-line,#dbe3ef)}
.t23if-password-wrap{display:block;position:relative}.t23if-password-wrap input{padding-right:48px!important}.t23if-password-eye{align-items:center;background:transparent!important;border:0!important;box-shadow:none!important;color:#667085!important;cursor:pointer;display:flex;height:42px;justify-content:center;padding:0!important;position:absolute;right:5px;top:50%;transform:translateY(-50%);width:42px;z-index:3}
@media(max-width:760px){.woocommerce-account.logged-in .woocommerce-MyAccount-navigation{margin-bottom:22px}.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px!important}.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li{flex:0 0 auto}}
/* 1.29.18 · Acceso a Mi cuenta como modal, sin alterar el fallback de WooCommerce. */
.t23if-account-modal[hidden]{display:none!important}.t23if-account-modal{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:24px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.t23if-account-modal__backdrop{position:absolute;inset:0;background:rgba(15,23,42,.52);backdrop-filter:blur(7px)}.t23if-account-modal__dialog{background:#fff;border:1px solid #dbe3ef;border-radius:26px;box-shadow:0 28px 90px rgba(15,23,42,.24);box-sizing:border-box;max-width:500px;padding:36px;position:relative;width:min(100%,500px);z-index:1}.t23if-account-modal__close{appearance:none;background:#f4f8fd!important;border:0!important;border-radius:50%!important;box-shadow:none!important;color:#344054!important;cursor:pointer;font-size:27px!important;font-weight:400!important;height:42px!important;line-height:40px!important;padding:0!important;position:absolute;right:18px;top:18px;width:42px!important}.t23if-account-modal__brand{min-height:58px;margin:0 48px 18px;text-align:center}.t23if-account-modal__brand .t23if-login-brand{margin:0}.t23if-account-modal__brand img{display:inline-block;height:auto;max-height:82px;max-width:240px;object-fit:contain;width:auto}.t23if-account-modal__dialog h2{color:#172033!important;font-size:30px!important;font-weight:750!important;letter-spacing:-.03em!important;line-height:1.15!important;margin:0 0 8px!important;text-align:center}.t23if-account-modal__intro{color:#667085;font-size:15px;margin:0 0 26px;text-align:center}.t23if-account-modal__form{border:0!important;box-shadow:none!important;margin:0!important;padding:0!important}.t23if-account-modal__form .form-row{margin:0 0 16px!important;padding:0!important}.t23if-account-modal__form label{color:#172033!important;display:block;font-size:14px!important;font-weight:700!important;margin-bottom:7px}.t23if-account-modal__form input.input-text{background:#fff!important;border:1px solid #cfd9e7!important;border-radius:13px!important;box-shadow:none!important;box-sizing:border-box!important;color:#172033!important;font-size:16px!important;min-height:52px!important;padding:10px 13px!important;width:100%!important}.t23if-account-modal__form input.input-text:focus{border-color:#2675c9!important;box-shadow:0 0 0 4px rgba(38,117,201,.12)!important;outline:0!important}.t23if-account-modal__actions{align-items:center;display:flex;gap:14px;justify-content:space-between;margin:2px 0 22px}.t23if-account-modal__actions label{align-items:center;display:flex!important;font-weight:600!important;gap:7px;margin:0!important;white-space:nowrap}.t23if-account-modal__actions input{margin:0!important}.t23if-account-modal__actions a{color:#2675c9!important;font-size:14px;font-weight:700;text-decoration:none}.t23if-account-modal__submit{background:linear-gradient(135deg,#2675c9,#3156e8)!important;border:0!important;border-radius:13px!important;color:#fff!important;display:block!important;font-size:16px!important;font-weight:800!important;min-height:52px!important;padding:12px 24px!important;width:100%!important}.t23if-account-modal__submit:hover{background:#185da7!important;color:#fff!important}body.t23if-modal-open{overflow:hidden!important}@media(max-width:560px){.t23if-account-modal{padding:14px}.t23if-account-modal__dialog{border-radius:21px;padding:30px 22px 24px}.t23if-account-modal__actions{align-items:flex-start;flex-direction:column}.t23if-account-modal__brand{margin-left:44px;margin-right:44px}}
.t23if-account-modal__status{min-height:20px;margin:8px 0 2px;font-size:14px;font-weight:600;color:#2563eb}.t23if-account-modal__status.is-error{color:#b42318}.t23if-account-modal__submit:disabled{opacity:.65;cursor:wait}

/* 1.29.20 · Si se llega directamente a Mi cuenta sin sesión, el formulario nativo queda como fallback en el DOM pero el acceso visible es el modal. */
body.t23if-account-direct-modal.woocommerce-account:not(.logged-in) .woocommerce{visibility:hidden;}
body.t23if-account-direct-modal .t23if-account-modal{visibility:visible;}

/* 1.29.27 · Menú de cuenta en cabecera */
.t23if-account-menu-host{position:relative!important;overflow:visible!important}
.t23if-account-menu-host>a{cursor:pointer}
.t23if-account-menu{position:absolute;top:100%;right:0;z-index:100000;min-width:210px;margin:0!important;padding:8px!important;list-style:none!important;background:#fff;border:1px solid #dbe5f2;border-radius:14px;box-shadow:0 18px 45px rgba(15,23,42,.16);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease}
.t23if-account-menu-host.is-open>.t23if-account-menu,.t23if-account-menu-host:hover>.t23if-account-menu,.t23if-account-menu-host:focus-within>.t23if-account-menu{opacity:1;visibility:visible;transform:translateY(0)}
.t23if-account-menu li{display:block!important;margin:0!important;padding:0!important;border:0!important}
.t23if-account-menu a{display:block!important;width:100%!important;padding:11px 13px!important;border-radius:9px!important;color:#172033!important;background:transparent!important;text-decoration:none!important;font:600 15px/1.3 inherit!important;white-space:nowrap!important}
.t23if-account-menu a:hover,.t23if-account-menu a:focus{background:#eef5ff!important;color:#176fc1!important}
.t23if-account-menu .t23if-account-menu__logout{color:#b42318!important}
@media(max-width:780px){.t23if-account-menu{right:auto;left:0;min-width:190px}}

/* 1.29.29 · Submenú de cuenta renderizado por WordPress (no reconstruido por JS). */
.t23if-account-menu-host{position:relative!important;overflow:visible!important}
.t23if-account-menu-host>.sub-menu{position:absolute!important;top:100%!important;right:0!important;left:auto!important;z-index:100000!important;min-width:210px!important;margin:0!important;padding:8px!important;list-style:none!important;background:#fff!important;border:1px solid #dbe5f2!important;border-radius:14px!important;box-shadow:0 18px 45px rgba(15,23,42,.16)!important;opacity:0!important;visibility:hidden!important;transform:translateY(8px)!important;transition:opacity .16s ease,transform .16s ease,visibility .16s ease!important;display:block!important}
.t23if-account-menu-host:hover>.sub-menu,.t23if-account-menu-host:focus-within>.sub-menu,.t23if-account-menu-host.is-open>.sub-menu{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}
.t23if-account-menu-host>.sub-menu>li{display:block!important;float:none!important;width:100%!important;margin:0!important;padding:0!important;border:0!important}
.t23if-account-menu-host>.sub-menu>li>a{display:block!important;width:100%!important;box-sizing:border-box!important;padding:11px 13px!important;border-radius:9px!important;color:#172033!important;background:transparent!important;text-decoration:none!important;white-space:nowrap!important}
.t23if-account-menu-host>.sub-menu>li>a:hover,.t23if-account-menu-host>.sub-menu>li>a:focus{background:#eef5ff!important;color:#176fc1!important}