/* MotoCloud · lojas. Regras limitadas às páginas e aos componentes novos. */
.loja-panel-page,.loja-public-page,.loja-access-page{height:auto;min-height:100vh;overflow-x:clip}
.loja-shell .loja-panel-hero{display:block;text-align:left;z-index:auto}
.loja-shell .loja-identity{flex-direction:row;justify-content:flex-start;z-index:auto}
.loja-profile-extras{margin-top:22px}.loja-optional{margin-top:24px;border-top:1px solid #dce0d5;padding-top:20px}.loja-optional summary{cursor:pointer;font-weight:700}
.loja-shell :focus-visible,.login-loja-option :focus-visible{outline:3px solid #919b00!important;outline-offset:3px}
.loja-panel-page,.loja-public-page,.loja-access-page{margin:0;background:#f1f2ec;color:#232720;font-family:Arial,sans-serif;line-height:1.6}
.loja-shell{max-width:1240px;margin:0 auto;padding:24px}
.loja-shell *{box-sizing:border-box}.loja-shell h1,.loja-shell h2,.loja-shell h3{color:inherit;line-height:1.18;overflow-wrap:anywhere}.loja-shell h1{font-size:clamp(30px,4vw,48px);margin:14px 0}.loja-shell h2{font-size:25px;margin:0 0 16px}.loja-shell h3{font-size:18px}.loja-shell p{margin:12px 0;overflow-wrap:anywhere}.loja-shell a{color:inherit}
.loja-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:20px}.loja-nav img{display:block}.loja-nav>a:last-child{background:#fff;border:1px solid #dce0d5;border-radius:28px;padding:10px 20px;font-size:14px;font-weight:700;text-decoration:none}
.loja-panel-hero{background:#191d16;color:#fff;border-top:5px solid #fff000;padding:40px;border-radius:24px;margin-bottom:28px}.loja-eyebrow{font-size:12px;letter-spacing:1.5px;font-weight:800;color:#646b59}.loja-panel-hero .loja-eyebrow,.loja-access-card .loja-eyebrow{color:#fff000}
.loja-section{background:white;border:1px solid #dce0d5;border-radius:20px;padding:28px;margin-bottom:24px}.loja-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.loja-full{grid-column:1/-1}
.loja-shell label{display:block;font-size:14px;font-weight:700;margin:0 0 8px}.loja-shell input:not([type=checkbox]):not([type=hidden]),.loja-shell select,.loja-shell textarea{display:block;width:100%;padding:13px 14px;border:1px solid #bec4b5;border-radius:10px;background:#fff;color:#232720;min-height:48px;font:inherit}.loja-shell textarea{resize:vertical}.loja-shell input[type=file]{font-size:14px}.loja-shell input:focus-visible,.loja-shell textarea:focus-visible,.loja-shell select:focus-visible,.loja-shell a:focus-visible,.loja-shell button:focus-visible{outline:3px solid #919b00;outline-offset:3px}
.loja-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 23px;border:0;border-radius:12px;background:#fff000;color:#191d16!important;font:700 15px Arial,sans-serif;text-decoration:none;text-align:center;cursor:pointer;line-height:1.4}.loja-button:hover{background:#e6df00}.loja-secondary{background:#e9ece2}.loja-secondary:hover{background:#dce0d3}.loja-shell form>.loja-button{margin-top:20px}.loja-whatsapp{background:#005329;color:white!important}.loja-whatsapp:hover{background:#003d1e}.loja-actions{display:flex;gap:12px;flex-wrap:wrap}
.loja-shell .loja-check{display:flex;gap:12px;align-items:flex-start;margin:24px 0;font-weight:400}.loja-check input{width:19px;height:19px;flex-shrink:0;margin-top:3px;accent-color:#5a6400}.loja-link-button{border:0;background:transparent;color:inherit;text-decoration:underline;cursor:pointer;font:inherit;padding:12px 0;text-align:left}.loja-alert{border:1px solid #b0cdb5;background:#edf6ed;padding:16px 20px;border-radius:12px;color:#164a22}.loja-alert-error{background:#fff0ef;color:#8b2521;border-color:#e5afab}
.loja-status{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.loja-status>div{flex:1 1 320px}.loja-url{flex-basis:100%;overflow-wrap:anywhere;font-weight:700}.loja-hint{font-size:13px;color:#656b5e}.loja-upload-preview{display:block;width:100%;height:160px;object-fit:cover;border-radius:12px;margin:16px 0}.loja-upload-preview.logo{width:160px;object-fit:contain;background:#f1f2ec}.loja-footer{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin:40px 0 12px;font-size:14px}
.loja-access-page{min-height:100vh;background:radial-gradient(circle at top center,rgba(255,237,0,.12),transparent 34%),linear-gradient(180deg,#090909 0%,#171717 52%,#0d0d0d 100%);color:white}
.loja-access-page::before{background:radial-gradient(circle at 50% 0%,rgba(255,237,0,.10) 0%,transparent 58%),linear-gradient(180deg,rgba(255,255,255,.02) 0%,rgba(0,0,0,.18) 100%)}
.loja-access-page::after{opacity:.05;background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px)}.loja-access-page .loja-shell{max-width:760px}.loja-access-page .loja-nav>a:last-child{background:#282d22;border-color:#464d3c}.loja-access-card{background:#191d16;border:1px solid #424735;border-top:5px solid #fff000;border-radius:24px;padding:40px;max-width:500px;margin:35px auto}.loja-access-card h1{font-size:32px}.loja-access-card form{margin-top:22px}.loja-access-card .loja-button{width:100%}.loja-access-card .loja-hint{color:#bdc4b4}.loja-code{letter-spacing:8px;text-align:center;font-size:26px!important}.loja-back{display:block;margin-top:28px;font-size:14px;text-align:center}
.loja-cover{height:320px;overflow:hidden;background:linear-gradient(125deg,#1a2016,#454c29);border-radius:24px 24px 0 0;position:relative;display:flex;align-items:center;justify-content:center;border-top:5px solid #fff000}.loja-cover>img{width:100%;height:100%;object-fit:cover}.loja-cover>span{font-size:clamp(18px,3vw,36px);font-weight:900;letter-spacing:2px;color:#fff000;max-width:650px;text-align:center;padding:30px}.loja-identity{display:flex;align-items:center;gap:24px;background:#fff;border:1px solid #dce0d5;border-top:0;border-radius:0 0 24px 24px;padding:28px;margin-bottom:36px}.loja-avatar{width:120px;height:120px;flex-shrink:0;border-radius:20px;background:#f3f4ec;border:1px solid #e0e3d6;display:grid;place-items:center;overflow:hidden}.loja-avatar img{width:100%;height:100%;object-fit:contain}.loja-avatar span{font-size:62px;font-weight:900}.loja-title{flex:1;min-width:0}.loja-title h1{font-size:clamp(27px,3vw,40px);margin:8px 0}.loja-title p{font-size:14px;color:#69705f}.loja-public-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:28px}.loja-stock-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.loja-stock-heading h2{margin:0}.loja-stock-heading>span{font-size:13px;color:#646b59}.loja-ad-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.loja-ad{border-radius:18px;border:1px solid #dce0d5;overflow:hidden;background:#fff}.loja-ad>a{display:block;text-decoration:none;height:100%}.loja-ad img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block}.loja-ad-copy{padding:20px}.loja-ad-copy h3{font-size:16px;margin:0 0 14px}.loja-ad-copy p,.loja-ad-copy small{font-size:12px;color:#666e5c}.loja-ad-copy strong{display:block;font-size:23px;margin:8px 0}.loja-ad-copy small{display:block;border-top:1px solid #e7e9df;padding-top:14px}.loja-about .loja-section{padding:22px}.loja-about h2{font-size:21px}.loja-about h3{font-size:15px;margin:25px 0 8px}.loja-about p{font-size:14px}.loja-preline{white-space:pre-line}.loja-socials{display:flex;flex-direction:column;gap:12px;margin:24px 0}.loja-socials a{border:1px solid #dce0d5;border-radius:8px;text-decoration:none;padding:8px 12px;font-weight:700;font-size:14px}.loja-cnpj{font-size:12px!important;border-top:1px solid #e3e6dc;padding-top:18px;color:#69705f}.loja-pagination{display:flex;justify-content:center;gap:22px;padding:28px 0;font-size:14px}
.login-loja-option{border-top:1px solid #3c4235;margin-top:24px;padding-top:22px}.login-loja-option summary{cursor:pointer;list-style:none;color:#fff000;font-weight:800;font-size:14px;padding:10px}.login-loja-option summary::-webkit-details-marker{display:none}.login-loja-option form{margin-top:16px;text-align:left}.login-loja-option label{display:block;font-size:13px;color:#e0e5d5;margin-bottom:8px}.login-loja-option input[type=email]{width:100%;box-sizing:border-box;background:#fff;color:#222;border:1px solid #929b85;padding:13px;border-radius:10px;font-size:16px}.login-loja-option .loja-check{display:flex;gap:10px;margin:16px 0}.login-loja-option .loja-check input{width:18px;height:18px;flex-shrink:0}.login-loja-option .loja-button{width:100%;margin-top:8px}.login-loja-option p{font-size:13px!important}
.seller-store-link{display:inline-block;margin-top:8px;font-weight:700;color:#005329;text-underline-offset:3px}
@media(min-width:1180px){.loja-ad-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.loja-ad-copy{padding:16px}}
@media(max-width:900px){.loja-public-grid{grid-template-columns:1fr}.loja-identity{flex-wrap:wrap}.loja-identity>.loja-button{width:100%}.loja-about{display:grid;grid-template-columns:1fr}.loja-cover{height:260px}}
@media(max-width:560px){.loja-shell{padding:16px}.loja-nav{margin-bottom:20px}.loja-panel-hero,.loja-section,.loja-access-card{padding:22px;border-radius:18px}.loja-panel-hero h1{font-size:32px}.loja-form-grid{grid-template-columns:1fr;gap:18px}.loja-cover{height:200px;border-radius:18px 18px 0 0}.loja-identity{padding:20px;gap:16px;border-radius:0 0 18px 18px}.loja-avatar{width:76px;height:76px;border-radius:14px}.loja-avatar span{font-size:42px}.loja-title h1{font-size:25px}.loja-title .loja-eyebrow{font-size:10px}.loja-ad-grid{grid-template-columns:1fr}.loja-ad-copy{padding:22px}.loja-ad-copy h3{font-size:18px}.loja-access-card{margin:25px auto}.loja-actions>.loja-button{width:100%}.loja-footer{gap:16px}.loja-stock-heading h2{font-size:23px}}

/* Controles do cadastro PJ: alvos legíveis, sem campo livre para município. */
.loja-cnpj-mode { font-size: .8rem; margin-top: 8px; }
.loja-profile-form select { min-height: 44px; max-width: 100%; }
.loja-profile-form select:disabled { opacity: .65; cursor: not-allowed; }
.loja-profile-form [hidden] { display: none; }
#cidade-status:empty { display: none; }
#cidade-tentar { text-align: left; margin-top: 4px; }


/* MotoCloud · acesso PJ focado, setembro/2026. */
.loja-access-page .loja-nav,
.loja-access-page .loja-footer {
    display: none;
}

.loja-access-page .loja-shell {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    box-sizing: border-box;
    padding: 24px;
}

.loja-access-page .loja-access-card {
    width: 100%;
    max-width: 500px;
    box-sizing: border-box;
    margin: 0 auto;
}

@media (max-width: 560px) {
    .loja-access-page .loja-shell {
        padding: 16px;
    }

    .loja-access-page .loja-access-card {
        margin: 0 auto;
    }
}