
/* PMX V44 visual. Approved reference images, front-only; no checkout modifications. */
:root{--pmx-blue:#075b9e;--pmx-deep:#073963;--pmx-link:#006dd1;--pmx-border:#e0e8f2;--pmx-text:#092b50;--pmx-muted:#647991}
body{background:radial-gradient(circle at -9% 70%,#e9f6ff 0 15%,transparent 15.1%),radial-gradient(circle at 107% 52%,#eaf5ff 0 16%,transparent 16.1%),#fbfdff}
.pmx-topbar{background:linear-gradient(100deg,#085b96,#003967)}
.pmx-topbar-inner{max-width:1650px;gap:28px;min-height:80px;padding:12px 32px}
.pmx-brand{font-size:20px;white-space:nowrap;letter-spacing:-.6px}.pmx-cartmark{font-size:26px;filter:grayscale(1) brightness(10)}
.pmx-topbar nav{margin-left:4px;gap:26px;white-space:nowrap}.pmx-topbar nav a{font-size:14px}
.pmx-header-search{display:flex;align-items:center;gap:14px;background:#fff;color:#8290a2;text-decoration:none;border-radius:32px;padding:12px 20px;flex:1;max-width:540px;margin:auto;font-size:14px;min-width:120px}.pmx-header-search:first-letter{font-size:24px}
.pmx-top-account{border:0;padding:0;margin:0;white-space:nowrap}.pmx-top-cart{color:#fff;text-decoration:none;white-space:nowrap;font-weight:650;font-size:14px}
.pmx-auth-main{max-width:1600px;min-height:660px;padding:24px 40px 36px}.pmx-route{margin-bottom:0}.pmx-only-account{display:none}
.pmx-auth-layout{max-width:1140px;grid-template-columns:1.22fr 1fr;gap:22px;margin:34px auto 20px;align-items:stretch}
.pmx-registro-layout{max-width:1200px;grid-template-columns:1.58fr .92fr;margin:20px auto 18px}
.pmx-auth-card,.pmx-auth-benefits,.pmx-box,.pmx-sidebar,.pmx-welcome{border:1px solid #edf2f8;box-shadow:0 10px 34px rgba(10,44,80,.065);border-radius:11px}
.pmx-auth-card{padding:42px 56px}.pmx-auth-card h1{font-size:36px;letter-spacing:-1.2px}.pmx-sub{font-size:16px;line-height:1.5;margin-bottom:30px}
.pmx-auth-card label:not(.pmx-check){font-size:14px;color:#0c3158;margin:16px 0 7px}.pmx-auth-card input:not([type=checkbox]){border-radius:5px;min-height:50px;border-color:#c9d5e2;padding:11px 15px}
.pmx-primary{background:linear-gradient(180deg,#087cdb,#0060aa);border-radius:5px;min-height:54px;font-size:16px}.pmx-primary:hover{filter:brightness(1.05)}
.pmx-auth-benefits{padding:52px 40px;background:linear-gradient(130deg,#e9f5ff,#f6fbff);position:relative;overflow:hidden;isolation:isolate}
.pmx-auth-benefits:after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;right:-260px;top:-70px;background:rgba(157,209,250,.25);z-index:-1}
.pmx-auth-benefits h2{font-size:33px;line-height:1.12;max-width:290px;letter-spacing:-1px}.pmx-auth-benefits p{max-width:280px;font-size:16px}.pmx-auth-benefits ul{position:relative;z-index:2;margin:25px 0 36px}.pmx-auth-benefits li{display:flex;align-items:center;gap:14px;max-width:300px;font-size:15px}
.pmx-benefit-icon{width:48px;height:48px;flex:0 0 48px;border-radius:50%;background:#d8eaff;display:grid;place-items:center;font-size:23px;color:#075c9d}
.pmx-boxes-art{position:absolute;right:0;bottom:15px;width:180px;height:190px;opacity:.27;z-index:0;pointer-events:none}.pmx-boxes-art span{position:absolute;display:block;background:#c58e53;border:2px solid #ae7641;box-shadow:3px 4px 10px #8b9cb0}.pmx-boxes-art span:nth-child(1){width:95px;height:70px;right:14px;bottom:8px}.pmx-boxes-art span:nth-child(2){width:86px;height:68px;right:70px;bottom:70px}.pmx-boxes-art span:nth-child(3){width:100px;height:72px;right:15px;bottom:130px}
.pmx-registro-layout .pmx-auth-card{padding:25px 28px 28px}.pmx-registro-layout .pmx-auth-card h1{font-size:31px}.pmx-registro-layout .pmx-sub{margin:5px 0 14px;font-size:14px}
.pmx-steps{margin:0 0 12px;background:transparent;border-radius:0;border-bottom:1px solid #e6edf5;gap:12px;padding:0 0 14px;justify-content:space-evenly}
.pmx-steps span{padding:7px 12px;border-radius:18px;background:#e7f2fd}.pmx-steps span:nth-child(2){background:#0871c8;color:white}
.pmx-registro-layout .pmx-auth-card label:not(.pmx-check){margin:10px 0 5px;font-size:12px}.pmx-registro-layout .pmx-auth-card input:not([type=checkbox]){min-height:39px;padding:8px 12px;font-size:13px}
.pmx-registro-layout .pmx-tip{margin:10px 0;padding:10px 12px;font-size:12px}.pmx-three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.pmx-phone-row{grid-template-columns:1fr 1fr}.pmx-birth-wrap .pmx-tip{margin:4px 0 0;padding:0;background:transparent;font-size:11px}
.pmx-registro-layout .pmx-check{margin:11px 0}.pmx-registro-layout .pmx-primary{margin-top:12px;min-height:44px}
.pmx-registro-layout .pmx-bottom-line{padding-top:12px;margin:0}
.pmx-dashboard{max-width:1450px;margin:0 auto;grid-template-columns:245px minmax(0,1fr);gap:22px;padding-top:22px}.pmx-sidebar{min-height:610px;gap:8px;padding:14px}.pmx-sidebar strong{color:#0068c0}.pmx-sidebar a{font-size:15px;padding:14px 12px}.pmx-welcome{min-height:145px;padding:29px 38px;position:relative;overflow:hidden}.pmx-welcome h1{font-size:35px}.pmx-welcome-art{position:absolute;right:45px;bottom:-18px;display:flex;align-items:end;gap:5px;transform:rotate(-4deg);opacity:.38}.pmx-welcome-art span{background:#d6a26a;color:#004675;font-size:16px;font-weight:800;padding:35px 16px 10px;box-shadow:4px 6px 8px #aab8c5}.pmx-welcome-art span:first-child{margin-bottom:25px}
.pmx-dashboard-grid{grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:17px}.pmx-box{padding:24px}.pmx-box h2{font-size:21px}.pmx-addresses{grid-column:1/-1}.pmx-security{grid-column:1/-1}.pmx-orders{min-height:250px}.pmx-personal{min-height:250px}
.pmx-footer{padding:0;display:block;background:transparent}.pmx-footer-top{background:#eef4fa;color:#153a5e;padding:22px max(32px,calc((100vw - 1500px)/2));display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:26px;font-size:12px}.pmx-footer-top>div{display:flex;flex-direction:column;gap:4px}.pmx-footer-top b{font-size:13px}.pmx-footer-top a{color:#506781;text-decoration:none}.pmx-footer-brand{font-size:21px;font-weight:800;line-height:1.1;color:#07518a}.pmx-footer-bottom{display:flex;justify-content:space-between;background:linear-gradient(100deg,#075b96,#003967);padding:13px 32px;color:white;font-size:12px}
@media(max-width:1120px){.pmx-topbar nav{display:none}.pmx-auth-main{padding:20px}.pmx-auth-layout{grid-template-columns:1.1fr .9fr}.pmx-auth-card{padding:32px}.pmx-footer-top{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.pmx-auth-layout,.pmx-registro-layout{grid-template-columns:1fr;max-width:640px}.pmx-auth-benefits{display:block;padding:28px}.pmx-boxes-art{display:none}.pmx-auth-benefits ul{display:none}.pmx-header-search{display:none}.pmx-dashboard{grid-template-columns:1fr}.pmx-sidebar{min-height:auto;flex-direction:row;flex-wrap:wrap}.pmx-sidebar strong{flex-basis:100%}.pmx-dashboard-grid{grid-template-columns:1fr}.pmx-addresses,.pmx-security{grid-column:auto}.pmx-footer-top{grid-template-columns:repeat(2,1fr)}.pmx-footer-bottom{gap:10px;flex-wrap:wrap}}
@media(max-width:530px){.pmx-topbar-inner{padding:12px;gap:12px}.pmx-brand{font-size:15px}.pmx-top-account span,.pmx-top-cart span{display:none}.pmx-auth-card{padding:23px}.pmx-three-col,.pmx-phone-row,.pmx-two-col{grid-template-columns:1fr}.pmx-auth-card h1{font-size:28px}.pmx-footer-top{grid-template-columns:1fr 1fr;padding:22px}.pmx-footer-brand{grid-column:1/-1}}


/* PMX 46 — Igualación visual de los tres bocetos aprobados. Exclusivamente Front App. */
:root{--pmx-navy:#052c60;--pmx-blue:#005cae;--pmx-accent:#006ed6;--pmx-faint:#edf7ff;--pmx-stroke:#d9e3f0}
.pmx-topbar{background:linear-gradient(105deg,#00548e 0%,#003c78 55%,#034b85 100%)}
.pmx-topbar-inner{max-width:1648px;margin:auto;min-height:80px;gap:25px}
.pmx-brand{line-height:1.02;font-weight:850;font-size:21px}
.pmx-topbar nav a,.pmx-top-account,.pmx-top-cart{font-weight:600}
.pmx-header-search{box-shadow:inset 0 1px 3px #c5d4e5;min-height:46px}
.pmx-auth-main{max-width:1648px;margin:0 auto;min-height:620px;padding:20px 5.3% 26px}
.pmx-route{display:block!important;margin:0 0 10px!important;color:#4a6583;font-size:14px}
.pmx-route a{color:#4a6583;text-decoration:none}
.pmx-auth-layout{max-width:1200px;grid-template-columns:1.04fr .96fr;gap:18px;margin:8px auto 16px}
.pmx-auth-card{background:#fff;padding:34px 45px;border:1px solid #eef2f8;box-shadow:0 9px 30px rgba(11,47,85,.065)}
.pmx-auth-card h1{color:#052956;font-size:39px;text-align:center;margin:0 0 8px}
.pmx-auth-card .pmx-sub{color:#647a97;text-align:center;font-size:17px;margin:0 auto 26px;max-width:420px}
.pmx-auth-card label:not(.pmx-check){color:#062c57;font-weight:750;font-size:14px}
.pmx-auth-card input:not([type=checkbox]){border:1px solid #c5d2e3;border-radius:5px;background:white;box-shadow:inset 0 1px 2px rgba(20,50,90,.025)}
.pmx-auth-card input:focus{outline:2px solid #b3d9fc;outline-offset:1px}
.pmx-primary{background:linear-gradient(180deg,#087be0,#005baa);border:0;border-radius:5px;min-height:54px;font-weight:700}
.pmx-auth-benefits{background:linear-gradient(120deg,#e8f5ff 0%,#edf7ff 72%,#d9ebf9 100%);padding:42px 38px;border:0;min-height:565px}
.pmx-kicker{color:#005bb0;font-size:14px;font-weight:850}
.pmx-auth-benefits h2{color:#052e5b;font-size:35px;line-height:1.12;margin:16px 0}
.pmx-auth-benefits p{color:#5d7390;line-height:1.45}
.pmx-auth-benefits li{font-weight:700;color:#072c58;margin:16px 0;line-height:1.3}
.pmx-benefit-icon{color:#0069ca;background:#d5eafb}
.pmx-outline{border:1px solid #006cce;border-radius:5px;color:#0067c4;font-weight:750;background:transparent;min-height:48px}
.pmx-boxes-art{opacity:.42;bottom:26px}
.pmx-bottom-line{color:#183d68}
.pmx-registro-layout{max-width:1200px;grid-template-columns:1.16fr .84fr;gap:18px;margin:8px auto 16px}
.pmx-registro-layout .pmx-auth-card{padding:23px 25px 24px}
.pmx-registro-layout .pmx-auth-card h1{font-size:33px}
.pmx-registro-layout .pmx-sub{font-size:14px;margin-bottom:13px}
.pmx-registro-layout .pmx-three-col{grid-template-columns:repeat(2,minmax(0,1fr))}
.pmx-registro-layout .pmx-phone-row{grid-template-columns:1fr 1fr}
.pmx-registro-layout .pmx-auth-card label:not(.pmx-check){font-size:13px;margin-top:8px}
.pmx-registro-layout .pmx-auth-card input:not([type=checkbox]){min-height:41px}
.pmx-registro-layout .pmx-auth-benefits{min-height:620px}
.pmx-steps{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;border:0;margin-bottom:12px}
.pmx-steps span{background:#e6f2ff;color:#5c7593;font-size:12px}
.pmx-steps span:nth-child(2){background:#0869bf;color:#fff}
.pmx-dashboard{max-width:1470px;grid-template-columns:255px minmax(0,1fr);gap:18px;padding-top:4px}
.pmx-sidebar{background:#fff;min-height:580px}
.pmx-sidebar a{color:#4b6486}
.pmx-sidebar a:hover,.pmx-sidebar a:focus{background:#e8f3ff;color:#005eb4}
.pmx-welcome{background:linear-gradient(110deg,#eaf5ff,#fff 75%);min-height:146px}
.pmx-welcome h1{color:#052956;font-size:38px}
.pmx-dashboard-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr);gap:16px}
.pmx-orders{grid-column:1}.pmx-personal{grid-column:2}.pmx-addresses{grid-column:1}.pmx-security{grid-column:2}
.pmx-box{background:#fff}.pmx-box h2{color:#062f62}
.pmx-order-tabs{color:#0065bd;border-bottom:2px solid #d5e9fb;padding:9px 0;margin-bottom:8px;font-size:13px;font-weight:700}
.pmx-footer-top{background:linear-gradient(180deg,#f0f6fc,#e7f0f8)}
.pmx-footer-bottom{background:linear-gradient(100deg,#00558d,#003d75)}
@media(max-width:1050px){.pmx-registro-layout,.pmx-auth-layout{grid-template-columns:1fr 1fr}.pmx-auth-benefits{padding:30px}.pmx-auth-card{padding:28px}}
@media(max-width:780px){.pmx-auth-layout,.pmx-registro-layout{grid-template-columns:1fr}.pmx-auth-benefits{min-height:unset}.pmx-dashboard{grid-template-columns:1fr}.pmx-sidebar{min-height:unset}.pmx-dashboard-grid{grid-template-columns:1fr}.pmx-orders,.pmx-personal,.pmx-addresses,.pmx-security{grid-column:auto}}
@media(max-width:530px){.pmx-auth-main{padding:16px}.pmx-registro-layout .pmx-three-col,.pmx-registro-layout .pmx-phone-row{grid-template-columns:1fr}.pmx-auth-card h1{font-size:29px}.pmx-registro-layout .pmx-auth-card{padding:20px}}

/* PMX48: solo una vista activa; [hidden] debe ganar sobre display:grid/flex. */
[hidden]{display:none!important}

/* UX-01: buscador real desde Mi Cuenta y autenticación */
.pmx-header-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#143b67;font:inherit;}
.pmx-header-search button{border:0;background:transparent;color:#143b67;cursor:pointer;font-size:22px;padding:0 4px;}

/* UX-01 R3: buscador completo y adaptable dentro del encabezado autenticado. */
.pmx-topbar .pmx-header-search{display:flex;align-items:center;flex:1 1 360px;min-width:210px;max-width:540px;gap:10px;padding:8px 14px;box-sizing:border-box;}
.pmx-topbar .pmx-header-search input[type="search"]{display:block;flex:1 1 auto;width:100%;min-width:0;min-height:30px;border:0;box-shadow:none;padding:4px 2px;background:transparent;border-radius:0;}
.pmx-topbar .pmx-header-search button[type="submit"]{flex:0 0 30px;min-width:30px;min-height:30px;border:0;background:transparent;cursor:pointer;}
@media(max-width:780px){.pmx-topbar .pmx-header-search{display:none;}}
