:root{--rosa:#C93E77;--rosa-oscuro:#C93E77;--rosa-vivo:#E65A92;--rosa-claro:#FFF3F8;--rosa-suave:#FCE8F1;--dorado:#C99A24;--fondo:#F7F7F9;--texto:#28262A;--gris:#77747A;--borde:#E9E3E7;--blanco:#fff;--sombra:0 8px 24px rgba(42,31,37,.06);--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}

*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--fondo)}body{font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--texto);-webkit-font-smoothing:antialiased}button,input{font:inherit}

.mn-app{min-height:100dvh;display:flex;flex-direction:column}.mn-header{position:sticky;top:0;z-index:20;background:rgba(247,247,247,.96);border-bottom:1px solid var(--borde);padding:calc(12px + var(--safe-top)) max(18px,calc(24px + var(--safe-right))) 12px max(18px,calc(24px + var(--safe-left)));backdrop-filter:blur(10px)}

.mn-header-inner{width:min(100%,1280px);margin:0 auto;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.mn-brand{color:var(--rosa-oscuro);font-size:20px;font-weight:800;letter-spacing:.08em;white-space:nowrap;flex:0 0 auto;text-decoration:none}.mn-search{order:2;flex:1 1 420px;min-width:260px;display:flex;align-items:center;height:44px;border:1.5px solid #222;border-radius:12px;background:#fff;overflow:hidden}.mn-search[hidden]{display:none!important}.mn-search:focus-within{box-shadow:0 0 0 3px rgba(230,90,146,.14)}.mn-search-icon{padding:0 10px 0 13px;color:#555;font-size:18px;line-height:1}.mn-search-input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:var(--texto);font:inherit;font-size:14px}.mn-search-input::placeholder{color:#888}.mn-search-submit{width:44px;height:100%;border:0;background:#292929;color:#fff;display:grid;place-items:center;font-size:18px;cursor:pointer}.mn-search-submit:hover{background:#111}.mn-notification{order:3;position:relative;width:42px;height:42px;flex:0 0 42px;border:0;background:transparent;border-radius:10px;font-size:22px;cursor:pointer}.mn-notification:hover{background:#fff}.mn-notification-count{position:absolute;top:-1px;right:-2px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#e94358;color:#fff;font-size:10px;font-weight:800;display:grid;place-items:center}.mn-main-nav{margin-left:auto;display:flex;align-items:center;gap:6px}.mn-nav-item[data-view="catalogo"],.mn-nav-item[data-view="pedidos"]{display:none}.mn-nav-item[data-view="carrito"],.mn-nav-item[data-view="cuenta"]{display:flex}.mn-notification{order:3}.mn-main-nav{order:4}

.mn-nav-item{border:0;background:transparent;color:#555;min-height:44px;padding:8px 11px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:700;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .15s ease,color .15s ease}.mn-nav-item:hover{background:#fff;color:var(--rosa-oscuro)}.mn-nav-item.active{background:var(--rosa-claro);color:var(--rosa-oscuro)}.mn-nav-icon{display:grid;place-items:center;font-size:18px;line-height:1}.mn-nav-icon svg{width:19px;height:19px}

.mn-content{width:min(100%,1180px);flex:1;margin:0 auto;padding:28px max(18px,calc(28px + var(--safe-right))) calc(40px + var(--safe-bottom)) max(18px,calc(28px + var(--safe-left)))}.mn-view{display:none;animation:mn-in .16s ease-out}.mn-view.active{display:block}@keyframes mn-in{from{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:none}}

.mn-view-head{margin:0 0 22px}.mn-view-head h1{margin:0 0 6px;font-size:30px;line-height:1.15}.mn-view-head p{margin:0;color:var(--gris);font-size:15px}.mn-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.mn-card,.mn-product,.mn-empty{background:#fff;border:1px solid var(--borde);border-radius:16px;box-shadow:var(--sombra)}.mn-card{padding:20px}.mn-card h2{margin:0 0 8px;font-size:18px}.mn-card p{margin:0;color:var(--gris);line-height:1.45;font-size:14px}.mn-card-action{display:inline-block;margin-top:16px;border:0;background:var(--rosa);color:#fff;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer;text-decoration:none}

.mn-catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.mn-product{overflow:hidden}.mn-product-image{aspect-ratio:1/1;display:grid;place-items:center;background:#f2f2f2;color:#999;font-size:13px}.mn-product-body{padding:14px}.mn-product-name{margin:0 0 5px;font-weight:700}.mn-product-price{margin:0;color:var(--rosa-oscuro);font-weight:800}

.mn-profile{position:sticky;top:calc(78px + var(--safe-top));z-index:10;background:#fff;border:1px solid var(--borde);border-radius:16px;padding:18px;display:flex;align-items:center;gap:14px;margin:0 0 24px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.avatar{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#f7b2cd,#E65A92);color:#fff;font-size:19px;font-weight:800;flex:0 0 auto}.profile-copy{min-width:0}.profile-copy h2{margin:0 0 3px;font-size:18px}.profile-copy p{margin:0;color:var(--gris);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-action{margin-left:auto;border:0;background:var(--rosa-claro);color:var(--rosa-oscuro);padding:9px 12px;border-radius:10px;font-weight:700;cursor:pointer;white-space:nowrap}

.account-list{background:#fff;border-top:1px solid var(--borde);border-bottom:1px solid var(--borde)}.account-row{min-height:64px;display:flex;align-items:center;gap:14px;padding:0 4px;text-decoration:none;color:inherit;border-bottom:1px solid var(--borde)}.account-row:last-child{border-bottom:0}.account-row:hover{background:#fcfcfc}.row-icon{width:30px;flex:0 0 30px;text-align:center;font-size:22px}.row-label{font-size:16px;font-weight:600;line-height:1.2}.row-spacer{flex:1}.row-count{min-width:24px;height:24px;padding:0 7px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#E94358;color:#fff;font-size:12px;font-weight:800}.row-arrow{font-size:22px;color:#A1A1A1;margin-left:2px}

.mn-empty{padding:34px 20px;text-align:center;color:var(--gris);border-style:dashed}.mn-search-status{min-height:20px;margin:-8px 0 14px;color:var(--gris);font-size:13px}.mn-search-status:empty{display:none}.mn-bottom{margin-top:30px;padding-top:20px;border-top:1px solid var(--borde)}.logout{border:1px solid #ead8df;background:#fff;color:#b23c6c;border-radius:10px;padding:9px 13px;font-weight:700;cursor:pointer}.preview-note{margin-top:20px;padding:11px 14px;border:1px dashed #e5c8d5;background:#fff8fb;color:#8e536b;border-radius:12px;font-size:11px;line-height:1.45}

.mn-brand-logo{width:182px;max-height:68px}.mn-search{order:0;width:100%;min-width:0}.mn-notification{order:0}.mn-main-nav{order:0;margin-left:0}.mn-nav-item{min-height:44px;padding:9px 12px}.mn-nav-item[data-view="carrito"],.mn-nav-item[data-view="cuenta"]{display:flex}

.mn-header{position:sticky;padding-top:calc(10px + var(--safe-top));padding-bottom:10px;backdrop-filter:none;-webkit-backdrop-filter:none}.mn-header-inner{justify-content:space-between;gap:8px}.mn-brand{order:1}.mn-brand-logo{width:205px;max-height:78px}.mn-search{order:3;flex:0 0 100%;width:100%;min-width:0;height:46px}.mn-search-input{font-size:14px}.mn-search-submit{width:46px}.mn-notification{order:2;width:46px;height:46px;flex-basis:46px}.mn-main-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;margin:0;padding:7px max(7px,calc(7px + var(--safe-right))) calc(7px + var(--safe-bottom)) max(7px,calc(7px + var(--safe-left)));background:rgba(255,255,255,.97);border-top:1px solid var(--borde);box-shadow:0 -4px 14px rgba(0,0,0,.06);display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.mn-nav-item{min-width:0;min-height:54px;padding:6px 2px;border-radius:10px;flex-direction:column;gap:3px;font-size:10px}.mn-nav-icon{font-size:19px}.mn-content{padding-top:20px;padding-bottom:calc(94px + var(--safe-bottom))}.mn-view-head h1{font-size:25px}.mn-home-grid{grid-template-columns:1fr}.mn-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mn-profile{top:calc(113px + var(--safe-top));padding:15px;border-radius:14px;margin-bottom:20px}.avatar{width:52px;height:52px;font-size:18px}.profile-copy h2{font-size:17px}.profile-copy p{font-size:12px}.profile-action{font-size:11px;padding:8px 9px}.account-row{min-height:60px;gap:12px;padding:0 2px}.row-icon{width:28px;flex-basis:28px;font-size:20px}.row-label{font-size:15px}

.mn-search-input{font-size:13px}.mn-search-submit{width:44px}.mn-nav-item{font-size:9px}.mn-nav-icon{font-size:18px}.mn-profile{gap:10px;padding:13px}.avatar{width:46px;height:46px;font-size:16px}.profile-copy h2{font-size:16px}.profile-action{padding:7px 8px;font-size:10px}.account-row{min-height:56px;gap:10px}.row-label{font-size:14px}

.mn-header-inner,.mn-content{width:min(100%,920px)}.mn-brand-logo{width:170px;max-height:64px}.mn-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}

.mn-nav-item{min-height:48px}

.mn-brand:focus-visible,.mn-nav-item:focus-visible,.mn-notification:focus-visible,.mn-search-submit:focus-visible{outline:3px solid rgba(230,90,146,.3);outline-offset:2px}

/* =========================================================

   MISS NAILS — LOGIN V2

   Pantalla de acceso

   ========================================================= */



.mn-login{

  min-height:100dvh;

  display:grid;

  place-items:center;

  padding:24px;

  background:var(--fondo);

}



.mn-login-card{

  width:min(100%,420px);

  padding:30px;

  background:#fff;

  border:1px solid var(--borde);

  border-radius:20px;

  box-shadow:var(--sombra);

}



.mn-login-brand{

  text-align:center;

  margin-bottom:18px;

}



.mn-login-brand img{

  width:min(210px,70%);

  max-height:76px;

  object-fit:contain;

}



.mn-login-card h1{

  margin:0 0 7px;

  text-align:center;

  font-size:28px;

}



.mn-login-subtitle{

  margin:0 0 24px;

  text-align:center;

  color:var(--gris);

  font-size:14px;

}



.mn-login-label{

  display:block;

  margin:0 0 7px;

  font-size:13px;

  font-weight:700;

}



.mn-login-input{

  width:100%;

  height:46px;

  margin:0 0 15px;

  padding:0 13px;

  border:1px solid #d9d3d7;

  border-radius:10px;

  background:#fff;

  color:var(--texto);

  outline:0;

}



.mn-login-input:focus{

  border-color:var(--rosa-vivo);

  box-shadow:0 0 0 3px rgba(230,90,146,.14);

}



.mn-login-submit{

  width:100%;

  height:46px;

  border:0;

  border-radius:10px;

  background:var(--rosa);

  color:#fff;

  font-weight:800;

  cursor:pointer;

}



.mn-login-submit:disabled{

  opacity:.65;

  cursor:wait;

}



.mn-login-message{

  margin:-3px 0 12px;

  padding:10px 12px;

  border:1px solid #f0c8d7;

  background:#fff5f8;

  color:#a23563;

  border-radius:10px;

  font-size:13px;

  line-height:1.35;

}



.mn-login-divider{

  display:flex;

  align-items:center;

  gap:12px;

  margin:22px 0 14px;

  color:#999;

  font-size:12px;

}



.mn-login-divider::before,

.mn-login-divider::after{

  content:"";

  height:1px;

  background:var(--borde);

  flex:1;

}



.mn-login-provider{

  width:100%;

  height:44px;

  margin-top:9px;

  border:1px solid var(--borde);

  border-radius:10px;

  background:#fff;

  color:#777;

  font-weight:700;

}



.mn-login-provider:disabled{

  cursor:not-allowed;

  opacity:.55;

}




.mn-activation-form{margin-top:18px}
.mn-activation-form[hidden]{display:none!important}
.mn-activation-code{text-align:center;letter-spacing:.18em;font-weight:800;text-transform:uppercase}
.mn-activation-help{margin:-7px 0 15px;color:var(--gris);font-size:12px;line-height:1.45}
.mn-activation-cancel{width:100%;min-height:42px;margin-top:9px;border:1px solid var(--borde);border-radius:10px;background:#fff;color:var(--texto);font-weight:700;cursor:pointer}
.mn-activation-cancel:focus-visible{outline:3px solid rgba(230,90,146,.25);outline-offset:2px}

.mn-login-note{

  margin:20px 0 0;

  text-align:center;

  color:#8a858a;

  font-size:11px;

  line-height:1.45;

}



.mn-login-submit:focus-visible,

.mn-login-provider:focus-visible{

  outline:3px solid rgba(230,90,146,.25);

  outline-offset:2px;

}





/* =========================================================

   MISS NAILS — ESTADOS DE AUTENTICACIÓN Y ARRANQUE

   ========================================================= */

body.mn-auth-starting{min-height:100dvh;overflow:hidden;background:#fff}

body.mn-auth-starting .mn-app,

body.mn-auth-starting .mn-login,

body.mn-auth-starting .mn-auth-retry{display:none !important}

body.mn-auth-required .mn-app{display:none !important}

body.mn-auth-required{overflow:hidden}



.mn-auth-splash[hidden]{display:none !important}

.mn-auth-splash{position:fixed;z-index:10001;inset:0;display:grid;place-items:center;padding:24px;background:#fff;opacity:1;visibility:visible}

.mn-auth-splash img{display:block;width:min(55.5vw,225px);height:auto;max-height:48vh;object-fit:contain;animation:mn-auth-logo-in .24s ease-out both}

@keyframes mn-auth-logo-in{from{opacity:.35;transform:scale(.97)}to{opacity:1;transform:scale(1)}}



body.mn-auth-checking{min-height:100dvh;overflow:hidden;background:#f7f7f9}

body.mn-auth-checking .mn-login{display:none !important}


body.mn-auth-checking .mn-app{display:none !important}
body.mn-auth-revealing .mn-app{display:flex !important;filter:blur(5px);opacity:.76;transform:scale(.997);transform-origin:center top;pointer-events:none !important;user-select:none;-webkit-user-select:none;transition:filter .22s ease,opacity .22s ease}

body.mn-auth-revealing .mn-catalog-grid:empty{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;min-height:420px}

body.mn-auth-revealing .mn-catalog-grid:empty::before{content:"";display:block;grid-column:1/-1;min-height:420px;border-radius:16px;background-color:transparent;background-image:linear-gradient(#e9e6e9,#e9e6e9),linear-gradient(#e9e6e9,#e9e6e9),linear-gradient(#e9e6e9,#e9e6e9),linear-gradient(#e9e6e9,#e9e6e9),linear-gradient(#fff,#fff);background-size:calc(25% - 12px) 190px,calc(25% - 12px) 190px,calc(25% - 12px) 190px,calc(25% - 12px) 190px,100% 100%;background-position:0 0,33.333% 0,66.666% 0,100% 0,0 0;background-repeat:no-repeat;border:1px solid #eee8ec}

@media(max-width:760px){body.mn-auth-revealing .mn-catalog-grid:empty{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body.mn-auth-revealing .mn-catalog-grid:empty::before{background-size:calc(50% - 6px) 165px,calc(50% - 6px) 165px,100% 100%;background-position:0 0,100% 0,0 0}}

body.mn-auth-revealing .mn-app::after{content:"";position:fixed;z-index:9999;inset:0;pointer-events:none;background:linear-gradient(110deg,rgba(247,247,249,.12) 0%,rgba(255,255,255,.62) 38%,rgba(255,255,255,.18) 48%,rgba(230,90,146,.09) 52%,rgba(247,247,249,.12) 64%);background-size:240% 100%;animation:mn-auth-skeleton-sweep 1.65s ease-in-out infinite}

@keyframes mn-auth-skeleton-sweep{0%{background-position:100% 0}100%{background-position:-140% 0}}

.mn-auth-retry[hidden]{display:none !important}

.mn-auth-retry{position:fixed;z-index:10000;inset:0;display:grid;place-items:center;padding:22px;background:rgba(247,247,249,.26)}

.mn-auth-retry-card{width:min(100%,390px);padding:24px;border:1px solid var(--borde);border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 14px 42px rgba(42,31,37,.14);text-align:center}

.mn-auth-retry-card h2{margin:0 0 9px;font-size:19px}

.mn-auth-retry-card p{margin:0 0 18px;color:var(--gris);font-size:14px;line-height:1.5}

.mn-auth-retry-card button{min-height:44px;padding:10px 18px;border:0;border-radius:11px;background:var(--rosa);color:#fff;font-weight:700;cursor:pointer}

.mn-auth-retry-card button:focus-visible{outline:3px solid rgba(230,90,146,.3);outline-offset:3px}

@media(prefers-reduced-motion:reduce){body.mn-auth-revealing .mn-app::after{animation:none;background-position:50% 0}.mn-auth-splash img{animation:none}}

.mn-login[hidden]{display:none !important}