:root{--bg:#fffaf4;--surface:#fff;--text:#2c2018;--muted:#75675e;--orange:#f7891f;--orange2:#c66a00;--border:#eadfd2;--green:#16784a;--danger:#92261d;--shadow:0 18px 50px rgba(68,38,15,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}a{color:inherit}.container{width:min(1120px,calc(100% - 40px));margin:auto}.header{position:sticky;top:0;z-index:20;background:rgba(255,250,244,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.nav{min-height:82px;display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:900;font-size:1.15rem;white-space:nowrap}.brand-mark{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#fff;font-weight:900}.nav-links{display:flex;gap:22px;margin-left:auto;align-items:center}.nav-links a{text-decoration:none;font-weight:750}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:13px 24px;border:1px solid transparent;border-radius:999px;font-weight:900;text-decoration:none;cursor:pointer;font-size:1rem}.btn-primary{background:var(--orange);color:#fff;box-shadow:0 14px 30px rgba(247,137,31,.22)}.btn-secondary{background:#fff;border-color:var(--border)}.hero{padding:86px 0;background:radial-gradient(circle at 85% 10%,#ffe3bd 0,transparent 38%)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}.eyebrow{color:var(--orange2);font-size:.8rem;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.hero h1,.section-title{font-size:clamp(3rem,7vw,6rem);line-height:.98;letter-spacing:-.045em;margin:16px 0 24px}.lead{font-size:clamp(1.12rem,2vw,1.5rem);line-height:1.55;color:var(--muted);max-width:680px}.hero-actions{display:grid;gap:14px;margin-top:30px}.benefits{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:14px;color:var(--muted);font-size:1.08rem}.benefits li:before{content:"✓";color:var(--green);font-weight:950;margin-right:10px}.phone{background:#fff;border:1px solid var(--border);border-radius:34px;padding:18px;box-shadow:var(--shadow);text-align:center}.phone-top{display:flex;justify-content:space-between;color:var(--muted);font-size:.8rem;font-weight:800}.cover{height:150px;border-radius:24px;background:linear-gradient(135deg,var(--orange),#d5aa4f);margin-top:14px}.avatar{width:94px;height:94px;border-radius:50%;display:grid;place-items:center;background:var(--text);color:#fff;font-size:2rem;font-weight:900;margin:-47px auto 10px;border:6px solid #fff}.handle{color:var(--orange2);font-weight:900}.bio{line-height:1.6}.platforms{display:grid;grid-template-columns:1fr 1fr;gap:10px}.platforms button{min-height:48px;border:0;border-radius:15px;color:#fff;font-weight:900}.amazon{background:#1e293b}.shopee{background:#ee4d2d}.tiktok{background:#111}.mercado{background:#2d3277}.instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}.more{background:var(--orange)}.section{padding:88px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid var(--border);border-radius:24px;padding:28px;box-shadow:0 10px 30px rgba(60,40,20,.06)}.card h3{font-size:1.35rem}.card p{color:var(--muted);line-height:1.7}.final{margin:40px auto 88px;padding:56px 28px;border-radius:34px;background:linear-gradient(135deg,#ef8617,#bd5c00);color:#fff;text-align:center}.footer{background:#fff;border-top:1px solid var(--border);padding:44px 0}.footer-grid{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}.footer nav{display:flex;gap:22px;flex-wrap:wrap}.auth-page,.dashboard-page{min-height:100vh;padding:34px 0 80px}.auth-card,.dashboard-shell{width:min(720px,calc(100% - 30px));margin:auto;background:#fff;border:1px solid var(--border);border-radius:30px;padding:40px;box-shadow:var(--shadow)}.auth-card h1{font-size:clamp(2.5rem,8vw,4.5rem);line-height:1;margin:18px 0}.field{margin:22px 0}.field label{display:block;font-weight:900;margin-bottom:10px}.field input{width:100%;min-height:58px;border:1px solid var(--border);border-radius:18px;padding:0 18px;font-size:1rem;background:#fff}.password-wrap{position:relative}.password-wrap input{padding-right:95px}.password-toggle{position:absolute;right:14px;top:50%;transform:translateY(-50%);border:0;background:none;font-weight:900;cursor:pointer}.help{color:var(--muted);font-size:.92rem;line-height:1.5}.check-row{display:flex;align-items:flex-start;gap:12px;line-height:1.55}.check-row input{width:22px;height:22px;accent-color:var(--orange)}.form-message{display:none;margin:22px 0;padding:16px;border-radius:16px;line-height:1.5}.form-message.error{display:block;background:#fff0ee;border:1px solid #edbbb5;color:var(--danger)}.form-message.success{display:block;background:#edf9f3;border:1px solid #abd9c4;color:#116b46}.full{width:100%}.dashboard-shell{width:min(1000px,calc(100% - 30px))}.dashboard-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.profile-summary{display:flex;align-items:center;gap:16px}.profile-avatar{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#fff;font-size:1.5rem;font-weight:900}.status-pill{display:inline-flex;padding:7px 12px;border-radius:999px;background:#fff2df;color:#a35400;font-weight:900;font-size:.82rem}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}.action-card{min-height:150px;text-decoration:none}.action-card strong{display:block;font-size:1.2rem;margin-bottom:10px}.muted{color:var(--muted)}.hidden{display:none!important}@media(max-width:760px){.container{width:min(100% - 28px,1120px)}.nav-links{display:none}.hero{padding:70px 0}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(2.7rem,13vw,4.6rem)}.cards,.dashboard-grid{grid-template-columns:1fr}.auth-card,.dashboard-shell{padding:28px 22px}.footer-grid,.dashboard-head{flex-direction:column}.phone{margin-top:12px}.brand-mark{width:40px;height:40px}.nav{min-height:74px}}

/* =========================================
   PAINEL YAM AURORA 1.0
========================================= */
.skip-link{position:fixed;top:-80px;left:16px;z-index:9999;padding:12px 16px;border-radius:12px;background:var(--text);color:#fff;text-decoration:none}.skip-link:focus{top:16px}.dashboard-page{min-height:100vh;padding:0;background:#f8f4ee}.dashboard-layout{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr)}.dashboard-sidebar{position:sticky;top:0;height:100vh;padding:28px 22px;display:flex;flex-direction:column;border-right:1px solid var(--border);background:#fff;z-index:80}.dashboard-brand{margin-bottom:38px}.dashboard-menu{display:grid;gap:8px}.dashboard-menu-item{width:100%;min-height:52px;display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;padding:12px 14px;border:0;border-radius:15px;background:transparent;color:var(--text);font:inherit;font-weight:850;text-align:left;cursor:pointer}.dashboard-menu-item:hover,.dashboard-menu-item.active{background:#fff3e3;color:#a65300}.dashboard-menu-item span{font-size:1.15rem;text-align:center}.dashboard-menu-item small{font-size:.68rem;color:var(--muted)}.dashboard-menu-item:disabled{cursor:not-allowed;opacity:.62}.dashboard-sidebar-footer{margin-top:auto;padding-top:24px;border-top:1px solid var(--border)}.dashboard-sidebar-footer p{margin:0 0 12px;color:var(--muted);font-size:.82rem;font-weight:800}.dashboard-main{min-width:0}.dashboard-topbar{position:sticky;top:0;z-index:50;min-height:86px;padding:16px clamp(20px,4vw,48px);display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--border);background:rgba(248,244,238,.94);backdrop-filter:blur(16px)}.dashboard-topbar>div:nth-child(2){min-width:0;flex:1}.dashboard-top-label{margin:0;color:var(--orange2);font-size:.7rem;font-weight:950;letter-spacing:.12em}.dashboard-topbar strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-avatar.small{width:46px;height:46px;font-size:1rem}.dashboard-mobile-menu{display:none;width:46px;height:46px;border:1px solid var(--border);border-radius:14px;background:#fff;color:var(--text);font-size:1.2rem}.dashboard-content{width:min(1180px,100%);margin:0 auto;padding:clamp(28px,5vw,58px)}.dashboard-loading{min-height:55vh;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted);font-weight:800}.loading-spinner{width:24px;height:24px;border:3px solid #eadfd2;border-top-color:var(--orange);border-radius:50%;animation:yam-spin .8s linear infinite}@keyframes yam-spin{to{transform:rotate(360deg)}}.dashboard-welcome{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;margin-bottom:28px}.dashboard-welcome h1,.dashboard-section-heading h1{margin:12px 0 8px;font-size:clamp(2.3rem,6vw,4.5rem);line-height:.98;letter-spacing:-.045em}.dashboard-public-address{min-width:280px;padding:18px 20px;border:1px solid var(--border);border-radius:20px;background:#fff}.dashboard-public-address span{display:block;color:var(--muted);font-size:.78rem;font-weight:800}.dashboard-public-address strong{display:block;margin:5px 0;overflow-wrap:anywhere}.text-button,.back-button{padding:0;border:0;background:transparent;color:var(--orange2);font:inherit;font-weight:900;cursor:pointer}.verification-card{margin:0 0 24px;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #f2c98f;border-radius:20px;background:#fff8eb}.verification-card p{margin:5px 0 0;color:var(--muted)}.dashboard-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.dashboard-stat-card{min-width:0;padding:24px;border:1px solid var(--border);border-radius:22px;background:#fff;box-shadow:0 8px 25px rgba(65,41,20,.05)}.dashboard-stat-card span{color:var(--muted);font-size:.8rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.dashboard-stat-card strong{display:block;margin:8px 0;font-size:2.4rem}.dashboard-stat-card p{margin:0;color:var(--muted);line-height:1.55}.dashboard-card{margin-top:22px;padding:clamp(24px,4vw,38px);border:1px solid var(--border);border-radius:26px;background:#fff;box-shadow:0 10px 35px rgba(65,41,20,.05)}.dashboard-card h2{margin:8px 0 12px;font-size:clamp(1.7rem,4vw,2.8rem);line-height:1.05}.dashboard-card p{color:var(--muted);line-height:1.65}.dashboard-next-step{display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(135deg,#fff,#fff4e5)}.dashboard-progress-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.progress-item{padding:18px;border:1px solid var(--border);border-radius:18px;background:#fffaf4}.progress-item>span{width:34px;height:34px;display:grid;place-items:center;margin-bottom:14px;border-radius:50%;background:#eee4d9;color:var(--muted);font-weight:950}.progress-item.done>span{background:#dff3e9;color:#116b46}.progress-item p{margin:5px 0 0;font-size:.9rem}.dashboard-section-heading{max-width:820px;margin-bottom:28px}.dashboard-section-heading>p:last-child{color:var(--muted);font-size:1.1rem}.back-button{margin-bottom:28px}.dashboard-profile-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:24px;align-items:start}.dashboard-profile-form{margin-top:0}.dashboard-profile-form .field:first-child{margin-top:0}.dashboard-profile-form textarea{width:100%;min-height:130px;padding:16px 18px;border:1px solid var(--border);border-radius:18px;background:#fff;color:var(--text);font:inherit;line-height:1.55;resize:vertical}.dashboard-profile-form textarea:focus{outline:0;border-color:var(--orange);box-shadow:0 0 0 4px rgba(247,137,31,.14)}.dashboard-readonly-field input{background:#f5f0ea;color:#6f6259}.input-prefix{position:relative}.input-prefix span{position:absolute;left:17px;top:50%;transform:translateY(-50%);z-index:1;color:var(--muted);font-weight:900}.input-prefix input{padding-left:39px}.field-counter{text-align:right;color:var(--muted);font-size:.82rem}.dashboard-preview-card{position:sticky;top:110px;margin-top:0}.mini-profile-preview{padding:18px;border:1px solid var(--border);border-radius:24px;background:#fffaf4;text-align:center}.mini-cover{height:110px;border-radius:18px;background:linear-gradient(135deg,var(--orange),#d4a34d)}.mini-avatar{width:76px;height:76px;margin:-38px auto 8px;display:grid;place-items:center;border:5px solid #fffaf4;border-radius:50%;background:var(--text);color:#fff;font-size:1.5rem;font-weight:950}.mini-profile-preview h2{margin:0;font-size:1.65rem}.mini-profile-preview p{margin:8px 0}.mini-profile-preview button{width:100%;min-height:48px;margin-top:12px;border:0;border-radius:14px;background:var(--orange);color:#fff;font-weight:900;opacity:.7}.dashboard-overlay{position:fixed;inset:0;z-index:70;background:rgba(26,19,15,.46)}
@media(max-width:1000px){.dashboard-progress-list{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-profile-layout{grid-template-columns:1fr}.dashboard-preview-card{position:static}}
@media(max-width:900px){.dashboard-layout{display:block}.dashboard-sidebar{position:fixed;left:0;top:0;width:min(300px,88vw);height:100vh;transform:translateX(-105%);transition:transform .22s ease;box-shadow:20px 0 50px rgba(34,22,15,.18)}.dashboard-sidebar.open{transform:translateX(0)}.dashboard-mobile-menu{display:grid;place-items:center}.dashboard-menu-open{overflow:hidden}.dashboard-content{padding:28px 18px 60px}.dashboard-welcome{grid-template-columns:1fr}.dashboard-public-address{min-width:0}.dashboard-stat-grid{grid-template-columns:1fr}.dashboard-next-step{align-items:flex-start;flex-direction:column}.verification-card{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.dashboard-topbar{padding:14px 16px}.dashboard-content{padding-inline:14px}.dashboard-progress-list{grid-template-columns:1fr}.dashboard-card,.dashboard-stat-card{border-radius:20px}.dashboard-welcome h1,.dashboard-section-heading h1{font-size:clamp(2.2rem,12vw,3.35rem)}.dashboard-profile-form{padding:24px 20px}.verification-card .btn{width:100%}}

/* =========================================
   MISSÃO 02 — MÓDULOS AURORA
========================================= */
.modules-heading{margin-bottom:22px}.modules-toolbar{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 22px;border:1px solid var(--border);border-radius:22px;background:#fff}.modules-toolbar>div{display:grid;gap:5px}.modules-toolbar span{color:var(--muted);font-size:.9rem}.module-editor{margin-top:22px;scroll-margin-top:110px}.module-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.module-editor-head h2{margin-top:6px}.module-close{width:42px;height:42px;border:1px solid var(--border);border-radius:50%;background:#fff;color:var(--text);font-size:1.6rem;cursor:pointer}.module-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 26px}.module-type-option{min-height:86px;padding:12px 8px;display:grid;place-items:center;gap:5px;border:1px solid var(--border);border-radius:17px;background:#fff;color:var(--text);font:inherit;cursor:pointer}.module-type-option span{font-size:1.35rem}.module-type-option strong{font-size:.82rem}.module-type-option.active{border-color:var(--orange);background:#fff4e6;box-shadow:0 0 0 3px rgba(247,137,31,.11)}.module-active-row{display:flex;gap:13px;align-items:flex-start;margin:24px 0;padding:17px;border:1px solid var(--border);border-radius:17px;background:#fffaf4;cursor:pointer}.module-active-row input{width:21px;height:21px;accent-color:var(--orange)}.module-active-row span{display:grid;gap:4px}.module-active-row small{color:var(--muted);line-height:1.45}.module-form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.modules-empty{text-align:center;padding:52px 24px}.modules-empty-icon{width:62px;height:62px;margin:0 auto 16px;display:grid;place-items:center;border-radius:20px;background:#fff0dc;color:var(--orange2);font-size:2rem;font-weight:900}.modules-empty h2{max-width:600px;margin-inline:auto}.modules-empty p{max-width:620px;margin:0 auto 22px}.modules-list{display:grid;gap:14px;margin-top:22px}.module-card{display:grid;grid-template-columns:minmax(220px,1.1fr) minmax(180px,1fr) auto auto;align-items:center;gap:18px;padding:20px 22px;border:1px solid var(--border);border-radius:22px;background:#fff;box-shadow:0 8px 25px rgba(65,41,20,.05)}.module-card.is-inactive{opacity:.68;background:#faf7f3}.module-card-identity{display:flex;align-items:center;gap:13px;min-width:0}.module-card-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:15px;background:#fff2df;font-size:1.2rem}.module-card-identity>div{min-width:0}.module-card-identity strong,.module-card-identity span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.module-card-identity>div>span{margin-top:4px;color:var(--muted);font-size:.82rem}.module-card-url{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.85rem}.module-status{display:inline-flex;padding:7px 10px;border-radius:999px;font-size:.75rem;font-weight:900}.module-status.on{background:#e6f6ee;color:#116b46}.module-status.off{background:#eee9e3;color:#6d6259}.module-card-actions{display:flex;gap:7px}.module-action{min-height:38px;padding:8px 11px;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--text);font:inherit;font-size:.8rem;font-weight:850;cursor:pointer}.module-action.danger{color:var(--danger)}.module-action:disabled{opacity:.5;cursor:wait}
@media(max-width:1100px){.module-card{grid-template-columns:minmax(220px,1fr) auto}.module-card-url{grid-column:1/2}.module-card-actions{grid-column:2/3;grid-row:1/3;flex-direction:column}.module-status{justify-self:start}}
@media(max-width:760px){.modules-toolbar{align-items:stretch;flex-direction:column}.modules-toolbar .btn{width:100%}.module-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.module-form-actions{flex-direction:column-reverse}.module-form-actions .btn{width:100%}.module-card{grid-template-columns:1fr;padding:18px}.module-card-url,.module-card-actions{grid-column:auto;grid-row:auto}.module-card-actions{display:grid;grid-template-columns:repeat(3,1fr)}.module-action{padding-inline:7px}.module-status{justify-self:start}}


/* =========================================
   MISSÃO 03 — APARÊNCIA / ETAPA 1
========================================= */
.appearance-heading{margin-bottom:22px}.appearance-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.75fr);gap:24px;align-items:start}.appearance-controls,.appearance-preview-card{margin-top:0}.appearance-control-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.appearance-control-head h2{margin-top:6px}.appearance-fieldset{margin:28px 0 0;padding:0;border:0}.appearance-fieldset legend{margin-bottom:12px;font-weight:900}.appearance-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.appearance-choice{min-height:92px;padding:12px;display:grid;place-items:center;gap:8px;border:1px solid var(--border);border-radius:17px;background:#fff;color:var(--text);font:inherit;cursor:pointer}.appearance-choice.active{border-color:var(--orange);background:#fff4e6;box-shadow:0 0 0 3px rgba(247,137,31,.11)}.theme-swatch{width:48px;height:34px;border:1px solid var(--border);border-radius:10px;box-shadow:inset 0 0 0 6px rgba(255,255,255,.45)}.theme-light{background:#fff}.theme-cream{background:#fff2df}.theme-dark{background:#3A2428}.button-shape{width:58px;height:28px;background:var(--orange)}.button-shape.soft{border-radius:10px}.button-shape.round{border-radius:999px}.button-shape.square{border-radius:2px}.appearance-color-field{margin-top:28px}.color-input-row{display:flex;align-items:center;gap:12px}.color-input-row input[type=color]{width:62px;height:48px;padding:3px;border:1px solid var(--border);border-radius:13px;background:#fff;cursor:pointer}.color-input-row output{font-weight:900;letter-spacing:.04em}.appearance-stage-note{display:block;margin-top:12px;color:var(--muted);text-align:center;line-height:1.45}.appearance-preview-card{position:sticky;top:110px}.appearance-phone{--preview-accent:#f7891f;padding:18px;border:1px solid var(--border);border-radius:30px;background:#fff;color:#2c2018;text-align:center;box-shadow:0 14px 40px rgba(65,41,20,.08);transition:.2s ease}.appearance-phone[data-theme=creme]{background:#fff4e6;color:#3a2a20}.appearance-phone[data-theme=escuro]{background:#3A2428;color:#FFF8F0;border-color:#5A3A40}.appearance-phone-cover{height:112px;border-radius:20px;background:linear-gradient(135deg,var(--preview-accent),#d5aa4f)}.appearance-phone-avatar{width:78px;height:78px;margin:-39px auto 9px;display:grid;place-items:center;border:5px solid currentColor;border-color:#fff;border-radius:50%;background:#2c2018;color:#fff;font-size:1.5rem;font-weight:950}.appearance-phone[data-theme=escuro] .appearance-phone-avatar{border-color:#3A2428;background:#FFF8F0;color:#3A2428}.appearance-phone h2{margin:0;font-size:1.7rem}.appearance-phone-handle{margin:6px 0;color:var(--preview-accent)!important;font-weight:900}.appearance-phone>p:not(.eyebrow){line-height:1.5}.appearance-phone-links{display:grid;gap:10px;margin-top:18px}.appearance-phone-links button{min-height:50px;border:0;background:var(--preview-accent);color:#fff;font-weight:900;opacity:1}.appearance-phone[data-button-style=suave] .appearance-phone-links button{border-radius:14px}.appearance-phone[data-button-style=redondo] .appearance-phone-links button{border-radius:999px}.appearance-phone[data-button-style=reto] .appearance-phone-links button{border-radius:2px}.appearance-phone-links button:disabled{opacity:1}.appearance-phone[data-theme=escuro] p{color:#C9BDB2}.appearance-phone[data-theme=escuro] .appearance-phone-links button{color:#fff}
@media(max-width:1000px){.appearance-layout{grid-template-columns:1fr}.appearance-preview-card{position:static}}
@media(max-width:560px){.appearance-choice-grid{grid-template-columns:1fr 1fr 1fr}.appearance-choice{min-height:82px;padding:9px 5px}.appearance-choice strong{font-size:.78rem}.appearance-controls{padding:24px 20px}}
/* =========================================
   MODAL DE PUBLICAÇÃO — YAM AURORA
========================================= */

.aurora-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: center;
  padding: 20px;
}

.aurora-modal.hidden {
  display: none;
}

.aurora-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(44, 32, 24, 0.58);
  backdrop-filter: blur(8px);
}

.aurora-modal-card {
  position: relative;
  z-index: 1;
  width: min(460px, 100%);
  padding: 34px 28px 28px;
  border: 1px solid var(--border);
  border-radius: 28px;
  background: #fffaf4;
  box-shadow: 0 28px 80px rgba(44, 32, 24, 0.24);
  text-align: center;
  animation: aurora-modal-entrada 0.22s ease-out;
}

.aurora-modal-icon {
  width: 58px;
  height: 58px;
  margin: 0 auto 16px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #e6f6ee;
  color: #116b46;
  font-size: 1.55rem;
  font-weight: 950;
}

.aurora-modal-card .eyebrow {
  margin: 0 0 10px;
}

.aurora-modal-card h2 {
  margin: 0;
  font-size: clamp(1.8rem, 5vw, 2.35rem);
  line-height: 1.05;
  letter-spacing: -0.035em;
}

.aurora-modal-card p:not(.eyebrow) {
  margin: 16px auto 0;
  max-width: 370px;
  color: var(--muted);
  line-height: 1.6;
}

.aurora-modal-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 26px;
}

.aurora-modal-actions .btn {
  width: 100%;
}

.aurora-modal-card small {
  display: block;
  margin-top: 18px;
  color: var(--muted);
  line-height: 1.5;
}

@keyframes aurora-modal-entrada {
  from {
    opacity: 0;
    transform: translateY(16px) scale(0.97);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (max-width: 560px) {
  .aurora-modal-card {
    padding: 30px 20px 22px;
    border-radius: 24px;
  }

  .aurora-modal-actions {
    grid-template-columns: 1fr;
  }

  .aurora-modal-actions .btn:first-child {
    order: 1;
  }

  .aurora-modal-actions .btn:last-child {
    order: 2;
  }
}
.form-message:empty {
  display: none !important;
}
/* Aurora — aviso de publicação */
#statusPublicacao {
  color: #C56A32;
  font-weight: 700;
}
/* =========================================
   MODAL DE EXCLUSÃO — YAM AURORA
========================================= */

.aurora-modal-danger {
  background: #fffaf8;
  border-color: #efd6d2;
}

.aurora-modal-icon-danger {
  background: #fdeceb;
  color: #9c3f39;
}

.aurora-modal-danger .eyebrow {
  color: #a54a42;
}

.btn-danger-aurora {
  background: #a94d45;
  color: #fff;
  border-color: transparent;
  box-shadow: 0 14px 30px rgba(169, 77, 69, 0.18);
}

.btn-danger-aurora:hover {
  background: #923f39;
}

.btn-danger-aurora:disabled {
  opacity: 0.6;
  cursor: wait;
}

/* =========================================
   PALETAS AURORA — CORES PASTEL
========================================= */

.aurora-palette-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}

.aurora-palette-btn {
  position: relative;
  min-height: 64px;
  padding: 12px 14px;
  border: 1px solid rgba(54, 39, 31, 0.10);
  border-radius: 18px;
  background: #fff;
  color: #30231d;
  font: inherit;
  font-weight: 700;
  cursor: pointer;

  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;

  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease;
}

.aurora-palette-btn::before {
  content: "";
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  border-radius: 50%;
  background: var(--palette-color);
  border: 2px solid rgba(255, 255, 255, 0.9);
  box-shadow:
    0 0 0 1px rgba(54, 39, 31, 0.10),
    0 5px 12px rgba(54, 39, 31, 0.08);
}

.aurora-palette-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(54, 39, 31, 0.08);
}

.aurora-palette-btn.is-selected {
  border: 2px solid var(--palette-color);
  box-shadow: 0 8px 22px rgba(54, 39, 31, 0.10);
}

.aurora-palette-btn.is-selected::after {
  content: "✓";
  margin-left: auto;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: var(--palette-color);
  color: #30231d;
  display: grid;
  place-items: center;
  font-size: 15px;
  font-weight: 900;
}

/* Cada Paleta Aurora */

.aurora-palette-btn[data-color="#f4b8c4"] {
  --palette-color: #f4b8c4;
}

.aurora-palette-btn[data-color="#cfc4f5"] {
  --palette-color: #cfc4f5;
}

.aurora-palette-btn[data-color="#bcdcf5"] {
  --palette-color: #bcdcf5;
}

.aurora-palette-btn[data-color="#bfe5d2"] {
  --palette-color: #bfe5d2;
}

.aurora-palette-btn[data-color="#f6c6a8"] {
  --palette-color: #f6c6a8;
}

.aurora-palette-btn[data-color="#f3e5bd"] {
  --palette-color: #f3e5bd;
}

.aurora-palette-btn[data-color="#d9bfdc"] {
  --palette-color: #d9bfdc;
}

/* =========================================
   PALETAS AURORA — CORES PASTEL
========================================= */

.aurora-palette-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}

.aurora-palette {
  position: relative;
  min-height: 66px;
  padding: 12px 14px;
  border: 1px solid var(--border);
  border-radius: 18px;
  background: #fff;
  color: var(--text);
  font: inherit;
  cursor: pointer;

  display: flex;
  align-items: center;
  gap: 11px;

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease;
}

.aurora-palette > span {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  border-radius: 50%;
  border: 3px solid #fff;
  box-shadow:
    0 0 0 1px rgba(44, 32, 24, .12),
    0 5px 12px rgba(44, 32, 24, .08);
}

.aurora-palette > strong {
  font-size: .9rem;
  text-align: left;
}

.aurora-palette:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(44, 32, 24, .08);
}

.aurora-palette.active {
  border-color: var(--orange);
  background: #fff8ef;
  box-shadow: 0 0 0 3px rgba(247, 137, 31, .10);
}

.aurora-palette.active::after {
  content: "✓";
  margin-left: auto;
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--orange);
  color: #fff;
  font-weight: 900;
}

@media (max-width: 390px) {
  .aurora-palette-grid {
    grid-template-columns: 1fr;
  }
}
/* Paletas Aurora — 2 por linha no celular */
.aurora-palette-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.aurora-palette {
  width: 100%;
  min-width: 0;
  padding: 14px 12px;
}

/* Celulares muito estreitos */
@media (max-width: 340px) {
  .aurora-palette-grid {
    grid-template-columns: 1fr;
  }
}
/* Evita piscar login/cadastro antes de verificar a sessão */
.auth-verificando .auth-card {
  visibility: hidden;
}

.auth-verificando::before {
  content: "Carregando sua conta...";
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;
  background: #fffaf4;
  color: #75695f;
  font-size: 1.05rem;
  font-weight: 700;
  z-index: 9999;
}
/* ===== Pré-visualização do perfil seguindo a Aparência ===== */

.mini-profile-preview {
  --preview-accent: #F7891F;
  background: #ffffff;
  color: #30231d;
  transition: 0.25s ease;
}

.mini-profile-preview .mini-cover {
  background: linear-gradient(
    135deg,
    var(--preview-accent),
    #e9bb55
  );
}

.mini-profile-preview .handle {
  color: var(--preview-accent);
}

.mini-profile-preview button {
  background: var(--preview-accent);
  color: #ffffff;
  border: none;
}

/* Tema claro */
.mini-profile-preview[data-theme="claro"] {
  background: #ffffff;
  color: #30231d;
}

/* Tema creme */
.mini-profile-preview[data-theme="creme"] {
  background: #fff6e9;
  color: #30231d;
}

/* Tema escuro */
.mini-profile-preview[data-theme="escuro"] {
  background: #3A2428;
  color: #FFF8F0;
}

.mini-profile-preview[data-theme="escuro"] .handle {
  color: var(--preview-accent);
}

/* Formato suave */
.mini-profile-preview[data-button-style="suave"] button {
  border-radius: 18px;
}

/* Formato redondo */
.mini-profile-preview[data-button-style="redondo"] button {
  border-radius: 999px;
}

/* Formato reto */
.mini-profile-preview[data-button-style="reto"] button {
  border-radius: 4px;
}
.btn.primary {
  background: #f7891f;
  color: #ffffff;
  border-color: transparent;
  box-shadow: 0 14px 30px rgba(247, 137, 31, 0.18);
}

.btn.primary:hover {
  background: #e87c12;
}

.btn.big {
  width: 100%;
  min-height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font-weight: 800;
  text-decoration: none;
}
.preview-modulos {
  width: 100%;
  margin-top: 12px;

  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.preview-modulos button {
  width: 100%;
  min-height: 48px;
  margin-top: 0;

  border: 0;
  background: var(--preview-accent);
  color: #fff;
  font-weight: 900;
}

.mini-profile-preview[data-button-style="suave"]
.preview-modulos button {
  border-radius: 14px;
}

.mini-profile-preview[data-button-style="redondo"]
.preview-modulos button {
  border-radius: 999px;
}

.mini-profile-preview[data-button-style="reto"]
.preview-modulos button {
  border-radius: 2px;
}

.preview-modulos button:disabled {
  opacity: 1;
}

@media (max-width: 390px) {
  .preview-modulos {
    grid-template-columns: 1fr;
  }
}

/* =========================================
   YAM AURORA — MÓDULOS MOBILE V6
   Correção pelos seletores reais gerados por painel.js.
   Somente layout; não altera login/Firebase/Firestore.
========================================= */
@media (max-width: 760px) {
  #painel-modulos,
  #painel-modulos * {
    box-sizing: border-box;
  }

  #painel-modulos {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: clip;
  }

  #painel-modulos .modules-list {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    overflow: visible;
  }

  #painel-modulos .module-card {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    padding: 18px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "identity status"
      "actions actions";
    align-items: center;
    gap: 14px 10px;
    overflow: hidden;
    border-radius: 22px;
  }

  #painel-modulos .module-card-identity {
    grid-area: identity;
    min-width: 0;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    overflow: hidden;
  }

  #painel-modulos .module-card-icon {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    background: #fff2df;
    font-size: 1.2rem;
  }

  #painel-modulos .module-card-identity > div {
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
  }

  #painel-modulos .module-card-identity strong,
  #painel-modulos .module-card-identity > div > span {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  /* O painel.js cria o link sem className. Este é o seletor correto. */
  #painel-modulos .module-card > a {
    display: none !important;
  }

  /* O painel.js usa active-status / hidden-status. */
  #painel-modulos .module-status {
    grid-area: status;
    justify-self: end;
    align-self: center;
    white-space: nowrap;
    margin: 0;
  }

  #painel-modulos .module-status.active-status {
    background: #e6f6ee;
    color: #116b46;
  }

  #painel-modulos .module-status.hidden-status {
    background: #eee9e3;
    color: #6d6259;
  }

  #painel-modulos .module-card-actions {
    grid-area: actions !important;
    width: 100%;
    min-width: 0;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  /* O painel.js cria os botões sem a classe module-action. */
  #painel-modulos .module-card-actions > button {
    width: 100%;
    min-width: 0;
    min-height: 42px;
    margin: 0;
    padding: 8px 5px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: #fff;
    color: var(--text);
    font: inherit;
    font-size: .8rem;
    font-weight: 850;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #painel-modulos .module-card-actions > button[data-action="delete"] {
    color: var(--danger);
  }
}

@media (max-width: 390px) {
  #painel-modulos .module-card {
    padding: 16px;
  }

  #painel-modulos .module-card-icon {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
  }

  #painel-modulos .module-card-actions > button {
    font-size: .75rem;
    padding-inline: 3px;
  }
}


/* =========================================
   YAM AURORA — PUBLICAÇÃO DA VITRINE
   Refinamento visual isolado (mobile + desktop)
   Não altera login, Firebase ou lógica JS.
========================================= */
.publish-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin:0 0 18px;
  padding:20px 22px;
  border:1px solid var(--border);
  border-radius:22px;
  background:#fff;
  box-shadow:0 8px 25px rgba(65,41,20,.05);
}

.publish-toolbar>div{
  min-width:0;
  display:grid;
  gap:6px;
}

.publish-toolbar>div>strong{
  display:block;
  font-size:1rem;
  line-height:1.25;
  color:var(--text);
}

.publish-toolbar #statusPublicacao{
  display:block;
  max-width:620px;
  color:var(--muted);
  font-size:.92rem;
  line-height:1.45;
  font-weight:650;
}

.publish-toolbar #publicarVitrine{
  flex:0 0 auto;
  min-width:190px;
  box-shadow:0 12px 26px rgba(247,137,31,.18);
}

@media(max-width:760px){
  #painel-modulos .publish-toolbar{
    width:100%;
    margin:0 0 18px;
    padding:20px;
    display:grid;
    grid-template-columns:1fr;
    gap:16px;
    border-radius:22px;
    overflow:hidden;
  }

  #painel-modulos .publish-toolbar>div{
    width:100%;
    min-width:0;
    gap:7px;
  }

  #painel-modulos .publish-toolbar>div>strong{
    font-size:1.05rem;
    line-height:1.25;
  }

  #painel-modulos .publish-toolbar #statusPublicacao{
    width:100%;
    max-width:none;
    color:var(--muted);
    font-size:.92rem;
    line-height:1.45;
    overflow-wrap:anywhere;
  }

  #painel-modulos .publish-toolbar #publicarVitrine{
    width:100%;
    min-width:0;
    min-height:54px;
    margin:0;
  }

  /* mantém respiro consistente entre o cabeçalho e os blocos */
  #painel-modulos .modules-heading{
    margin-bottom:18px;
  }
}

@media(max-width:390px){
  #painel-modulos .publish-toolbar{
    padding:18px 16px;
  }
}

/* =========================================
   YAM AURORA — V8
   PRÉVIA AO VIVO: MÓDULOS EM 2 COLUNAS
   Apenas layout visual da prévia de Aparência.
========================================= */

.appearance-phone-links{
  width:100%;
  min-width:0;
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}

.appearance-phone-links:has(> button:nth-child(2)){
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.appearance-phone-links > button{
  width:100%;
  min-width:0;
  margin:0;
  padding-inline:10px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* Quantidade ímpar: o último módulo ocupa a segunda linha inteira. */
.appearance-phone-links:has(> button:nth-child(2)) > button:last-child:nth-child(odd){
  grid-column:1 / -1;
}

@media(max-width:560px){
  .appearance-phone-links{
    gap:9px;
  }

  .appearance-phone-links > button{
    min-height:48px;
    padding-inline:7px;
    font-size:.78rem;
  }
}

@media(max-width:360px){
  .appearance-phone-links > button{
    font-size:.72rem;
    padding-inline:5px;
  }
}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.auth-language-row{display:flex;align-items:center;justify-content:space-between;gap:18px}
.language-select-wrap{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--text)}
.language-select{border:0;outline:0;background:transparent;color:inherit;font:inherit;font-size:.82rem;font-weight:900;cursor:pointer}
.auth-language-row{gap:10px}
.auth-language-row .brand{font-size:1rem}
.language-select-wrap{padding:6px 8px}
.language-select{font-size:.76rem}

/* Publicação: ação de verificação de e-mail acessível no próprio painel de módulos. */
.publish-verification{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:12px;padding-top:12px;border-top:1px solid var(--border);color:var(--muted);font-size:.92rem}.publish-verification .text-button{flex:0 0 auto}.publish-verification.hidden{display:none!important}@media(max-width:760px){.publish-verification{align-items:flex-start;flex-direction:column}.publish-verification .text-button{min-height:44px}}

/* Ajuste 2026-08-12: espaçamento visível entre Suave / Redondo / Reto e o botão Salvar aparência. */
.appearance-choice-grid.button-style-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px !important;
  margin-bottom:30px !important;
}

.appearance-choice-grid.button-style-grid > .appearance-choice{
  min-width:0;
  width:100%;
}

#aplicarAparencia{
  margin-top:0 !important;
}

@media(max-width:560px){
  .appearance-choice-grid.button-style-grid{
    gap:14px !important;
    margin-bottom:28px !important;
  }
}

/* ===== Seletor avançado de cor Aurora ===== */
.advanced-color-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.advanced-color-trigger{width:100%;display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--border);border-radius:18px;background:#fff;color:var(--text);font:inherit;cursor:pointer;text-align:left}
.advanced-color-swatch{width:54px;height:54px;flex:0 0 54px;border-radius:16px;background:#F7891F;border:1px solid rgba(0,0,0,.08);box-shadow:inset 0 0 0 4px rgba(255,255,255,.55)}
.advanced-color-trigger-copy{display:grid;gap:3px;min-width:0}.advanced-color-trigger-copy strong{font-size:1.05rem}.advanced-color-trigger-copy small{color:var(--muted)}
.advanced-color-arrow{margin-left:auto;font-size:2rem;line-height:1;color:var(--muted)}
.advanced-color-picker{margin-top:14px;padding:18px;border:1px solid var(--border);border-radius:22px;background:#faf7f3;box-shadow:0 14px 35px rgba(65,41,20,.08)}
.advanced-color-preview-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.advanced-color-preview-row>div{display:grid;gap:6px}.advanced-color-preview-row span:first-child{font-size:.78rem;color:var(--muted);font-weight:850}.advanced-color-preview{height:42px;border-radius:12px;border:1px solid rgba(0,0,0,.08);background:#F7891F}
.advanced-color-wheel{--wheel-size:min(82vw,330px);position:relative;width:var(--wheel-size);height:var(--wheel-size);margin:8px auto 18px;border-radius:50%;background:conic-gradient(#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00);touch-action:none;box-shadow:inset 0 0 0 2px rgba(0,0,0,.05)}
.advanced-color-wheel::after{content:"";position:absolute;inset:18%;border-radius:50%;background:#faf7f3;pointer-events:none}
.advanced-color-wheel-handle{position:absolute;width:22px;height:22px;border:4px solid #fff;border-radius:50%;box-shadow:0 1px 7px rgba(0,0,0,.45);transform:translate(-50%,-50%);z-index:4;left:65%;top:12%;pointer-events:none}
.advanced-color-sv{--picker-hue:hsl(29 100% 50%);position:absolute;inset:28%;z-index:3;border-radius:18px;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,var(--picker-hue));touch-action:none;overflow:hidden;box-shadow:0 2px 9px rgba(0,0,0,.18)}
.advanced-color-sv-handle{position:absolute;width:22px;height:22px;border:3px solid #fff;border-radius:50%;box-shadow:0 1px 7px rgba(0,0,0,.55);transform:translate(-50%,-50%);pointer-events:none}
.advanced-color-values{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:9px}.advanced-color-values label{display:grid;gap:6px;font-size:.75rem;font-weight:900;color:var(--muted)}.advanced-color-values input{width:100%;min-height:44px;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--text);font:inherit;padding:0 10px;text-align:center}
.advanced-color-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:10px;margin-top:16px}.advanced-color-actions .btn{min-height:48px;padding-inline:12px}
@media(max-width:520px){.advanced-color-values{grid-template-columns:1fr 1fr}.advanced-color-actions{grid-template-columns:1fr}.advanced-color-wheel{--wheel-size:min(78vw,300px)}}

/* Cores oficiais das plataformas na prévia: nunca herdam a cor geral da aparência. */
.appearance-phone-links button[data-platform-fixed="true"]{background:var(--platform-bg)!important;color:var(--platform-text)!important}

/* Catálogo piloto */
.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0}.catalog-toolbar>div{display:grid;gap:3px}.catalog-toolbar span{color:var(--muted);font-size:.9rem}.catalog-editor{margin:18px 0}.catalog-list{display:grid;gap:12px;margin-top:16px}.catalog-item{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:16px;border:1px solid var(--border);border-radius:18px;background:var(--surface,#fff)}.catalog-item-main{min-width:0}.catalog-item-title{margin:0 0 5px;font-weight:900}.catalog-item-meta{display:flex;flex-wrap:wrap;gap:6px;color:var(--muted);font-size:.82rem}.catalog-chip{padding:4px 8px;border:1px solid var(--border);border-radius:999px}.catalog-item-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.catalog-item-actions button{min-height:38px}.catalog-item.inactive{opacity:.62}.form-grid.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:680px){.catalog-toolbar{align-items:stretch;flex-direction:column}.catalog-toolbar .btn{width:100%}.catalog-item{grid-template-columns:1fr}.catalog-item-actions{justify-content:stretch}.catalog-item-actions button{flex:1}.form-grid.two-columns{grid-template-columns:1fr}}

/* =========================================
   YAM AURORA — ASSISTENTE DE CONTEÚDO V1
   Geração local, sem chamadas externas.
========================================= */
.aurora-content-assistant{
  display:grid;
  gap:16px;
  margin:20px 0;
  padding:18px;
  border:1px solid var(--border);
  border-radius:22px;
  background:linear-gradient(180deg,#fffaf5 0%,#fff 100%);
}
.aurora-content-assistant-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
.aurora-content-assistant-head h3{margin:2px 0 5px;font-size:1.08rem}
.aurora-content-assistant-head p:not(.eyebrow){margin:0;max-width:590px;color:var(--muted);font-size:.9rem;line-height:1.5}
.aurora-local-badge{
  flex:0 0 auto;
  padding:7px 10px;
  border:1px solid #e7d8c8;
  border-radius:999px;
  background:#fff;
  color:#6a5546;
  font-size:.72rem;
  font-weight:900;
  white-space:nowrap;
}
.aurora-assistant-actions{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.aurora-assistant-actions .btn{min-width:0;min-height:46px;padding-inline:10px}
.aurora-assistant-status{
  min-height:20px;
  color:var(--muted);
  font-size:.86rem;
  font-weight:750;
}
.aurora-assistant-status[data-tipo="success"]{color:#116b46}
.aurora-assistant-status[data-tipo="error"]{color:var(--danger,#a13a32)}
.aurora-title-suggestion{padding:14px;border:1px dashed #d9c7b6;border-radius:16px;background:#fff}
.aurora-inline-action{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}
.aurora-inline-action .btn{min-height:44px}
.aurora-content-assistant textarea{
  width:100%;
  min-height:108px;
  resize:vertical;
  border:1px solid var(--border);
  border-radius:14px;
  background:#fff;
  color:var(--text);
  font:inherit;
  line-height:1.5;
  padding:12px 13px;
}
.aurora-content-assistant textarea:focus{outline:2px solid rgba(247,137,31,.18);border-color:#d79b61}
.aurora-assistant-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding-top:2px;
}
.aurora-assistant-footer small{color:var(--muted);line-height:1.45}
.catalog-chip-ready{background:#fff4e7;border-color:#f2cba7;color:#85501f;font-weight:850}

@media(max-width:680px){
  .aurora-content-assistant{padding:16px}
  .aurora-content-assistant-head{flex-direction:column}
  .aurora-local-badge{white-space:normal}
  .aurora-assistant-actions{grid-template-columns:1fr}
  .aurora-assistant-actions .btn{width:100%}
  .aurora-inline-action{grid-template-columns:1fr}
  .aurora-inline-action .btn{width:100%}
  .aurora-assistant-footer{align-items:flex-start;flex-direction:column}
  .aurora-assistant-footer .text-button{min-height:42px}
}

/* =========================================
   YAM AURORA — ASSISTENTE DE CONTEÚDO V2
   Refinos locais: estilos de legenda, tags
   por expressão e cópia pronta para postagem.
========================================= */
.aurora-assistant-style{
  display:grid;
  gap:7px;
}
.aurora-assistant-style label{
  font-weight:850;
  color:var(--text);
}
.aurora-assistant-style select{
  width:100%;
  min-height:48px;
  padding:0 13px;
  border:1px solid var(--border);
  border-radius:14px;
  background:#fff;
  color:var(--text);
  font:inherit;
  font-weight:750;
}
.aurora-assistant-style select:focus{
  outline:2px solid rgba(247,137,31,.18);
  border-color:#d79b61;
}
.product-visibility-row > span{
  display:grid;
  gap:4px;
  min-width:0;
}
.product-visibility-row > span > strong,
.product-visibility-row > span > small{
  display:block;
}
.product-visibility-row > span > small{
  color:var(--muted);
  line-height:1.4;
}


/* =========================================
   YAM AURORA — ASSISTENTE DE CONTEÚDO V3
   Proteção explícita do título + sugestões
   selecionáveis + refinamento mobile.
========================================= */
.aurora-title-suggestion-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.aurora-title-suggestion-head > div{display:grid;gap:4px;min-width:0}
.aurora-title-suggestion-head strong{color:var(--text);font-size:.95rem}
.aurora-title-suggestion-head small{color:var(--muted);line-height:1.4}
.aurora-title-options{display:grid;gap:9px}
.aurora-title-option{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:10px 11px;
  border:1px solid var(--border);
  border-radius:14px;
  background:#fff;
}
.aurora-title-option > span{
  min-width:0;
  color:var(--text);
  line-height:1.4;
  overflow-wrap:anywhere;
}
.aurora-title-option .btn{min-height:42px;padding:8px 12px;white-space:nowrap}
@media(max-width:680px){
  .aurora-title-suggestion-head{flex-direction:column}
  .aurora-title-option{grid-template-columns:1fr}
  .aurora-title-option .btn{width:100%}
}


/* =========================================
   YAM AURORA — ASSISTENTE DE CONTEÚDO V6
   Estado explícito: aplicado ≠ salvo/publicado.
========================================= */
.aurora-assistant-status[data-tipo="pending"]{
  color:#9a5a00;
}
.product-save-notice{
  margin-top:18px;
  padding:13px 15px;
  border:1px solid #efc98f;
  border-radius:15px;
  background:#fff8ea;
  color:#7f4c09;
  font-size:.9rem;
  font-weight:800;
  line-height:1.45;
}
#salvarProdutoBtn.has-pending-changes{
  box-shadow:0 0 0 4px rgba(247,137,31,.14),0 12px 28px rgba(247,137,31,.16);
}
#salvarProdutoBtn:disabled{
  opacity:.72;
  cursor:wait;
}


/* =========================================
   YAM AURORA — ASSISTENTE DE CONTEÚDO V7
   Barra fixa para alterações ainda não salvas.
========================================= */
.product-sticky-save{
  position:fixed;
  left:50%;
  bottom:max(14px, env(safe-area-inset-bottom));
  transform:translateX(-50%);
  z-index:1400;
  width:min(640px, calc(100vw - 28px));
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px;
  border:1px solid rgba(127,76,9,.18);
  border-radius:22px;
  background:rgba(255,248,234,.97);
  box-shadow:0 18px 48px rgba(57,35,25,.22);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.product-sticky-save.hidden{display:none!important}
.product-sticky-save-copy{
  min-width:0;
  display:grid;
  gap:2px;
  color:#5f3b16;
}
.product-sticky-save-copy strong{
  font-size:.92rem;
  line-height:1.2;
}
.product-sticky-save-copy small{
  color:#80664f;
  font-size:.78rem;
  line-height:1.25;
}
.product-sticky-save .btn{
  flex:0 0 auto;
  width:auto;
  min-height:46px;
  padding:10px 18px;
  white-space:nowrap;
  box-shadow:none;
}
.catalog-editor.has-sticky-save{
  padding-bottom:110px;
}
@media(max-width:520px){
  .product-sticky-save{
    width:calc(100vw - 20px);
    gap:10px;
    padding:10px;
    border-radius:18px;
  }
  .product-sticky-save-copy strong{font-size:.85rem}
  .product-sticky-save-copy small{font-size:.72rem}
  .product-sticky-save .btn{
    min-height:44px;
    padding:9px 13px;
    font-size:.84rem;
  }
  .catalog-editor.has-sticky-save{padding-bottom:104px}
}


/* ===== Upload seguro da foto de perfil ===== */
.profile-photo-field{padding-bottom:22px;border-bottom:1px solid var(--border);margin-bottom:24px}
.profile-photo-control{display:flex;align-items:center;gap:18px;margin-top:10px}
.profile-photo-current{width:92px;height:92px;flex:0 0 92px;display:grid;place-items:center;border:5px solid #fffaf4;border-radius:50%;background:var(--text);color:#fff;font-size:1.8rem;font-weight:950;box-shadow:0 0 0 1px var(--border);background-size:cover;background-position:center;background-repeat:no-repeat}
.profile-photo-actions{display:flex;flex-wrap:wrap;gap:10px}
.profile-photo-actions .btn{min-height:46px;padding:10px 18px}
.profile-avatar.small,.mini-avatar,.appearance-phone-avatar,.public-vitrine-avatar{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
@media(max-width:560px){.profile-photo-control{align-items:flex-start}.profile-photo-current{width:82px;height:82px;flex-basis:82px}.profile-photo-actions{display:grid;grid-template-columns:1fr;width:100%}.profile-photo-actions .btn{width:100%}}
/* =========================================================
   YAM AURORA — IMAGEM DO PRODUTO
   ========================================================= */

.product-image-field{
  margin-top:18px;
}

.product-image-control{
  display:flex;
  align-items:center;
  gap:18px;
  margin-top:10px;
  padding:16px;
  border:1px solid var(--border);
  border-radius:18px;
  background:#fff;
}

.product-image-preview{
  width:112px;
  height:112px;
  flex:0 0 112px;

  display:grid;
  place-items:center;

  overflow:hidden;
  border:1px solid var(--border);
  border-radius:18px;

  background:#f7f4f2;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;

  font-size:2rem;
}

.product-image-preview.has-image{
  font-size:0;
}

.product-image-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}

.product-image-actions .btn{
  min-height:44px;
  padding:10px 16px;
}

#ajudaImagemProduto{
  display:block;
  margin-top:9px;
  line-height:1.45;
}

#mensagemImagemProduto{
  margin-top:8px;
  min-height:20px;
}

@media(max-width:560px){
  .product-image-control{
    align-items:flex-start;
  }

  .product-image-preview{
    width:96px;
    height:96px;
    flex-basis:96px;
  }

  .product-image-actions{
    display:grid;
    grid-template-columns:1fr;
    width:100%;
  }

  .product-image-actions .btn{
    width:100%;
  }
}

/* Aviso discreto quando o nome muda e o conteúdo auxiliar pode ficar desatualizado. */
.content-stale-warning{display:block;margin-top:10px;padding:10px 12px;border:1px solid #efd3a2;border-radius:12px;background:#fff8e8;color:#85501b;font-size:.88rem;font-weight:750;line-height:1.45}

/* Catálogo — controles intuitivos */
.catalog-editor .field select.catalog-select{width:100%;min-height:58px;border:1px solid var(--border);border-radius:18px;padding:0 44px 0 18px;font:inherit;font-size:1rem;background:#fff;color:var(--text);cursor:pointer}
.catalog-editor #categoriaProdutoNova{margin-top:10px}

/* Foto de capa do perfil */
.profile-cover-field{padding-top:22px;border-top:1px solid var(--border)}
.profile-cover-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.profile-cover-label-row label{margin:0}
.profile-optional-badge{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border-radius:999px;background:#f5f0ea;color:var(--muted);font-size:.72rem;font-weight:900}
.profile-cover-current{width:100%;aspect-ratio:3.3/1;min-height:108px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(135deg,var(--orange),#d4a34d);background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.profile-cover-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.profile-cover-actions .btn{min-width:0;padding-left:12px;padding-right:12px}
.mini-cover,.appearance-phone-cover{background-size:cover;background-position:center;background-repeat:no-repeat}
@media(max-width:640px){.profile-cover-actions{grid-template-columns:1fr}.profile-cover-actions .btn{width:100%}.profile-cover-current{min-height:96px}}

/* =========================================
   HOME — DEMONSTRAÇÃO YAM AURORA
   A demonstração usa somente recursos locais,
   sem API ou leitura adicional do Firestore.
========================================= */
.hero{padding:52px 0 72px}
.hero-grid{align-items:start}
.hero-copy{grid-column:1;grid-row:1}
.hero-benefits{grid-column:1;grid-row:2;margin-top:4px}
.aurora-home-demo{grid-column:2;grid-row:1 / span 2;width:100%;max-width:470px;justify-self:end}
.aurora-demo-cover{background-image:url('../img/vitrine-yam-demo-capa.webp');background-size:cover;background-position:center;background-repeat:no-repeat}
.aurora-demo-avatar{background:#ff6508;color:#fff;font-size:.64rem;line-height:1.05;letter-spacing:.04em;font-weight:500}
.aurora-demo-avatar span{display:block}
.aurora-home-demo h2{margin:12px 0 0;font-size:2rem}
.aurora-demo-platforms{grid-template-columns:1fr 1fr}
.aurora-demo-platforms button{pointer-events:none}
.aurora-demo-platforms .chatgpt-aurora{background:#ff2c0c;grid-column:1;color:#fff}
.aurora-demo-platforms .mercado-aurora{background:#ffe600;color:#2d3277}
.aurora-demo-catalog{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:4px;margin-top:18px;padding:5px;border-radius:16px;background:#f1eeeb;color:#2c2018;font-size:.72rem;font-weight:900}
.aurora-demo-catalog span{min-height:48px;display:grid;place-items:center;padding:7px 5px;border-radius:12px}
.aurora-demo-catalog .active{background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.07)}
.aurora-demo-categories{display:flex;gap:7px;margin-top:12px;overflow:hidden}
.aurora-demo-categories span{white-space:nowrap;padding:7px 10px;border:1px solid var(--border);border-radius:999px;color:var(--text);font-size:.7rem;font-weight:800}

@media(max-width:760px){
  .hero{padding:24px 0 58px}
  .hero-grid{gap:28px}
  .hero-copy{grid-column:1;grid-row:1}
  .aurora-home-demo{grid-column:1;grid-row:2;max-width:none;margin-top:0}
  .hero-benefits{grid-column:1;grid-row:3;margin:0}
  .hero h1{margin-top:12px;margin-bottom:18px}
  .lead{margin-bottom:0}
  .hero-actions{margin-top:24px}
  .phone{margin-top:0}
}

@media(max-width:420px){
  .aurora-home-demo{padding:14px;border-radius:28px}
  .aurora-demo-cover{height:126px;border-radius:20px}
  .aurora-demo-avatar{width:86px;height:86px;margin-top:-43px;border-width:5px}
  .aurora-demo-catalog{font-size:.66rem}
  .aurora-demo-catalog span{min-height:44px;padding-inline:3px}
}

/* =========================================
   HOME — DEMO OFICIAL YAM AURORA
   Mantém a capa e a logo como arquivos locais,
   sem leituras adicionais do Firestore.
========================================= */
.aurora-demo-avatar{
  background:#ff6508 url('../img/vitrine-yam-demo-logo.webp') center/cover no-repeat;
  color:transparent;
  overflow:hidden;
}
.aurora-home-demo h2{font-size:1.85rem}
.aurora-demo-platforms{grid-template-columns:1fr 1fr}
.aurora-demo-platforms button{pointer-events:none}

/* =========================================
   VITRINE GRATUITA — CTA FLUTUANTE DA YAM
   Menor e discreto: não cobre os cards e some
   durante a rolagem, reaparecendo quando ela para.
   A remoção no Premium será ligada somente a
   uma fonte de plano confiável do backend.
========================================= */
.aurora-floating-branding{
  position:fixed;
  left:50%;
  bottom:calc(8px + env(safe-area-inset-bottom,0px));
  z-index:50;
  width:min(280px,76vw);
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:9px 15px;
  border:1px solid rgba(44,32,24,.18);
  border-radius:999px;
  background:rgba(255,250,244,.94);
  color:#2c2018;
  box-shadow:0 12px 34px rgba(44,32,24,.16);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  text-decoration:none;
  font-size:.72rem;
  font-weight:900;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate(-50%,10px);
  transition:opacity .2s ease,transform .2s ease,visibility .2s ease;
}
.aurora-floating-branding.is-visible{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translate(-50%,0);
}
.aurora-floating-branding-arrow{
  font-size:1.2rem;
  line-height:1;
  transform:translateY(-1px);
}
.public-vitrine-shell[data-theme="escuro"] .aurora-floating-branding{
  background:rgba(255,248,240,.95);
  color:#3A2428;
  border-color:rgba(255,248,240,.65);
}
@media(max-width:380px){
  .aurora-floating-branding{width:min(270px,78vw);font-size:.7rem}
}
@media(prefers-reduced-motion:reduce){
  .aurora-floating-branding{transition:none}
}

/* =========================================
   HOME — REFINO VISUAL DA DEMONSTRAÇÃO
   Remove a faixa superior vazia e mantém a capa
   como primeiro elemento visual. Mercado Livre
   usa amarelo com texto azul na demonstração.
========================================= */
.aurora-home-demo{padding-top:0}
.aurora-home-demo .aurora-demo-cover{margin-top:0}
.aurora-demo-platforms .mercado{background:#ffe600;color:#2d3277}


/* Vitrine YAM — refinamento da capa do exemplo público */
.aurora-home-demo{
  padding-top:4px;
  scroll-margin-top:96px;
}
.aurora-home-demo .aurora-demo-cover{
  margin-top:0;
  background-position:center bottom;
}


/* =========================================
   HOME — CONVERSÃO, ACESSIBILIDADE E CUSTO BAIXO
   Tudo abaixo é HTML/CSS local: sem API extra,
   sem imagens remotas e sem novas leituras do Firestore.
========================================= */
.home-conversion-hero{padding-bottom:56px}
.home-conversion-hero .hero-copy{align-self:center}
.home-conversion-hero .hero h1{max-width:760px}
.home-growth-line{margin:18px 0 0;color:#9a570f;font-weight:900;line-height:1.45}
.home-section-intro{max-width:820px;margin-bottom:34px}
.home-section-title{font-size:clamp(2.35rem,5vw,4.65rem);max-width:900px;margin-bottom:18px}
.home-section-lead{max-width:760px;margin:0;color:var(--muted);font-size:1.12rem;line-height:1.65}
.home-value-section{padding:70px 0 46px}
.home-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.home-feature-card{min-height:310px;display:flex;flex-direction:column;justify-content:space-between;gap:26px;padding:30px;border:1px solid rgba(89,54,24,.09);border-radius:28px;overflow:hidden;box-shadow:0 14px 36px rgba(66,39,15,.06)}
.home-feature-card h3{margin:8px 0 10px;font-size:clamp(1.45rem,3vw,2rem);line-height:1.08;letter-spacing:-.025em}
.home-feature-card p{margin:0;max-width:540px;color:#66584e;line-height:1.6}
.home-feature-kicker{font-size:.7rem;font-weight:950;letter-spacing:.13em;color:#8a4b10}
.feature-search{background:#fff0dd}.feature-category{background:#f4eaff}.feature-collection{background:#eaf5ff}.feature-profile{background:#ffecef}.feature-links{background:#fff7d8}.feature-security{background:#e7f6ee}
.feature-visual{min-height:86px;border:1px solid rgba(72,46,22,.11);border-radius:20px;background:rgba(255,255,255,.78);box-shadow:0 9px 22px rgba(68,38,15,.05)}
.search-visual{padding:12px;display:grid;gap:9px}.mini-search{min-height:42px;display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid #e8d9ca;border-radius:13px;background:#fff;color:#8b7d72;font-size:.82rem;font-weight:750}.mini-result{min-height:48px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:0 13px;border-radius:13px;background:#fff}.mini-result strong{padding:5px 7px;border-radius:8px;background:#fff0dd;color:#9a570f;font-size:.72rem}.mini-result span{font-weight:850}.mini-result b{font-size:1.3rem}
.chip-visual{display:flex;align-items:center;align-content:center;flex-wrap:wrap;gap:8px;padding:16px}.chip-visual span{padding:9px 13px;border-radius:999px;background:#fff;font-size:.78rem;font-weight:900;box-shadow:0 4px 12px rgba(70,44,20,.05)}
.collection-visual{padding:14px}.collection-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:.82rem;font-weight:900}.collection-title b{min-width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:#eaf5ff;color:#245f88}.collection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.collection-grid i{aspect-ratio:1;border-radius:10px;background:linear-gradient(145deg,#d7ebfa,#fff)}
.profile-visual{display:flex;align-items:center;gap:12px;padding:15px}.profile-dot{width:52px;height:52px;flex:0 0 52px;display:grid;place-items:center;border-radius:50%;background:#ff6508;color:#fff;font-weight:950}.profile-visual div{min-width:0}.profile-visual strong,.profile-visual small{display:block}.profile-visual small{margin-top:5px;color:#75675e;overflow-wrap:anywhere}.profile-visual small b{color:#c85f00}
.route-visual{padding:15px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.route-visual span,.route-visual strong{padding:8px 11px;border-radius:999px;background:#fff;font-size:.76rem;font-weight:900}.route-visual strong{background:#ff6508;color:#fff}.route-visual b{color:#a26518}
.security-visual{display:flex;align-items:center;gap:13px;padding:15px}.lock-shape{width:54px;height:54px;flex:0 0 54px;display:grid;place-items:center;border-radius:16px;background:#16784a;color:#fff;font-size:1.65rem;font-weight:950}.security-visual strong,.security-visual small{display:block}.security-visual small{margin-top:5px;color:#587065;font-size:.76rem}
.home-flow-section{padding:36px 0 52px}.home-flow-card{display:grid;grid-template-columns:minmax(0,.85fr) minmax(360px,1.15fr);gap:36px;align-items:center;padding:36px;border:1px solid var(--border);border-radius:30px;background:#fff;box-shadow:0 16px 44px rgba(68,38,15,.06)}.home-flow-copy h2{margin:10px 0 12px;font-size:clamp(2rem,4vw,3.4rem);line-height:1.03;letter-spacing:-.035em}.home-flow-copy>p:last-child{margin-bottom:0;color:var(--muted);line-height:1.65}.home-flow-map{display:grid;grid-template-columns:1fr auto 1.1fr auto 1fr;gap:9px;align-items:center}.flow-source,.flow-destination{display:grid;gap:7px}.flow-source span,.flow-destination span{padding:9px;border:1px solid #eadfd2;border-radius:12px;background:#fffaf4;text-align:center;font-size:.72rem;font-weight:850}.flow-yam{padding:16px 9px;border-radius:20px;background:#fff0df;text-align:center}.flow-yam>span{width:42px;height:42px;margin:0 auto 7px;display:grid;place-items:center;border-radius:50%;background:#ff6508;color:#fff;font-weight:950}.flow-yam strong,.flow-yam small{display:block}.flow-yam small{margin-top:4px;color:#80552d;font-size:.68rem}
.home-access-section{padding:30px 0 54px}.home-access-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:34px;align-items:center;padding:38px;border-radius:30px;background:linear-gradient(135deg,#fff0dd,#ffe7c8);border:1px solid #f2d5ae}.home-access-card h2{max-width:760px;margin:10px 0 14px;font-size:clamp(2.1rem,4.5vw,3.8rem);line-height:1.03;letter-spacing:-.035em}.home-access-card p:not(.eyebrow){max-width:790px;color:#66584e;line-height:1.65}.access-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.access-points span{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.75);font-size:.78rem;font-weight:850}.home-access-cta{min-width:230px}
.home-how-section{padding:56px 0}.home-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.home-step{padding:26px;border:1px solid var(--border);border-radius:24px;background:#fff}.home-step>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#fff0df;color:#a55608;font-size:.8rem;font-weight:950}.home-step h3{margin:18px 0 8px;font-size:1.3rem}.home-step p{margin:0;color:var(--muted);line-height:1.6}
.home-final-cta{margin-top:26px;margin-bottom:54px;padding:52px 28px}.home-final-cta h2{max-width:800px;margin:10px auto 14px;font-size:clamp(2.2rem,5vw,4.2rem);line-height:1.03;letter-spacing:-.04em}.home-final-cta p:not(.eyebrow){max-width:680px;margin:0 auto 24px;line-height:1.6;color:rgba(255,255,255,.92)}.home-final-button{background:#fff;color:#a54f00;box-shadow:0 12px 26px rgba(100,45,0,.14)}.home-final-cta small{display:block;margin-top:14px;color:rgba(255,255,255,.8)}
.home-support-section{padding:0 0 56px}.home-support-card{display:grid;grid-template-columns:1fr minmax(300px,.72fr);gap:30px;align-items:center;padding:30px;border:1px solid var(--border);border-radius:26px;background:#fff}.home-support-card h2{margin:8px 0 9px;font-size:clamp(1.8rem,4vw,2.8rem)}.home-support-card p:not(.eyebrow){margin:0;color:var(--muted);line-height:1.55}.support-email-box{display:grid;gap:8px}.support-email-button{width:100%;min-height:54px;display:flex;align-items:center;justify-content:center;gap:9px;padding:11px 16px;border:1px solid #f1c999;border-radius:16px;background:#fff5e8;color:#8f4a09;font:inherit;cursor:pointer;overflow-wrap:anywhere}.support-email-button:hover,.support-email-button:focus-visible{outline:2px solid rgba(247,137,31,.28);outline-offset:2px}.support-email-box small{color:var(--muted);text-align:center}.support-copy-status{min-height:20px;color:#116b46;font-size:.82rem;font-weight:850;text-align:center}.footer-support-link{overflow-wrap:anywhere}
@media(max-width:900px){.home-flow-card,.home-access-card,.home-support-card{grid-template-columns:1fr}.home-flow-map{max-width:620px}.home-access-cta{width:100%}}
@media(max-width:760px){.home-conversion-hero{padding-top:22px;padding-bottom:42px}.home-conversion-hero .hero-grid{gap:24px}.home-feature-grid,.home-steps{grid-template-columns:1fr}.home-value-section{padding:52px 0 30px}.home-feature-card{min-height:0;padding:23px;border-radius:23px}.home-feature-card .feature-visual{margin-top:2px}.home-flow-section{padding:24px 0 38px}.home-flow-card,.home-access-card,.home-support-card{padding:24px;border-radius:24px}.home-flow-map{grid-template-columns:1fr;gap:8px}.home-flow-map>b{transform:rotate(90deg);text-align:center}.flow-source,.flow-destination{grid-template-columns:repeat(3,1fr)}.home-how-section{padding:42px 0}.home-final-cta{margin-bottom:38px;padding:42px 22px}.home-support-section{padding-bottom:42px}.footer nav{display:grid;gap:12px}.home-growth-line{font-size:.92rem}}
@media(max-width:420px){.home-section-title{font-size:2.35rem}.home-feature-card{padding:20px}.collection-grid{gap:5px}.route-visual{gap:6px}.flow-source span,.flow-destination span{padding:8px 5px;font-size:.65rem}.home-access-card{padding:22px}.support-email-button{font-size:.87rem;padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.home-feature-card,.home-flow-card,.home-access-card{scroll-behavior:auto}}


/* Vitrine YAM — demonstração oficial com capa e perfil atuais */
.aurora-demo-cover{
  position:relative;
  overflow:hidden;
  background-image:url('../img/vitrine-yam-demo-capa.webp') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}
.aurora-demo-cover::before,
.aurora-demo-cover::after{content:none !important;}
.aurora-demo-avatar{
  background:#ff6508 url('../img/vitrine-yam-demo-logo.webp') center/cover no-repeat !important;
  color:transparent !important;
  overflow:hidden !important;
}
.aurora-demo-avatar::after{content:none !important;}

/* =========================================
   HOME — IDIOMA VISÍVEL + TEMA CLARO/ESCURO
   Preferências locais, sem leitura/gravação no Firebase.
========================================= */
.home-header-controls{display:flex;align-items:center;gap:7px;margin-left:0;flex:0 0 auto}
.home-theme-toggle{width:42px;height:42px;display:grid;place-items:center;padding:0;border:1px solid var(--border);border-radius:50%;background:#fff;color:var(--text);font:inherit;font-size:1.05rem;font-weight:900;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}
.home-theme-toggle:hover,.home-theme-toggle:focus-visible{outline:2px solid rgba(247,137,31,.28);outline-offset:2px}
.home-theme-toggle:active{transform:scale(.96)}
.home-page .language-select-wrap{margin-left:0;min-height:42px}
@media(max-width:760px){
  .home-page .nav{gap:10px}
  .home-page .brand{font-size:1rem;gap:9px}
  .home-page .brand-mark{width:38px;height:38px}
  .home-header-controls{margin-left:auto;gap:6px}
  .home-page .language-select-wrap{padding:5px 7px}
  .home-page .language-select-wrap>span[aria-hidden="true"]{display:none}
  .home-page .language-select{font-size:.72rem}
  .home-theme-toggle{width:38px;height:38px;font-size:.95rem}
}
@media(max-width:370px){
  .home-page .brand{font-size:.92rem}
  .home-page .language-select-wrap{padding-inline:5px}
  .home-page .language-select{font-size:.68rem}
  .home-theme-toggle{width:36px;height:36px}
}

html[data-home-theme="dark"] .home-page{
  --bg:#201714;
  --surface:#2b211d;
  --text:#fff8f2;
  --muted:#cdbdb2;
  --border:#514039;
  --green:#5ed39d;
  --shadow:0 18px 50px rgba(0,0,0,.28);
  background:#201714;
  color:var(--text);
  color-scheme:dark;
}
html[data-home-theme="dark"] .home-page .header{background:rgba(32,23,20,.94);border-color:var(--border)}
html[data-home-theme="dark"] .home-page .hero{background:radial-gradient(circle at 85% 10%,rgba(170,91,26,.34) 0,transparent 40%)}
html[data-home-theme="dark"] .home-page .language-select-wrap,
html[data-home-theme="dark"] .home-page .home-theme-toggle{background:#2b211d;color:#fff8f2;border-color:#514039}
html[data-home-theme="dark"] .home-page .language-select{color:#fff8f2}
html[data-home-theme="dark"] .home-page .btn-secondary{background:#2b211d;color:#fff8f2;border-color:#514039}
html[data-home-theme="dark"] .home-page .phone,
html[data-home-theme="dark"] .home-page .home-flow-card,
html[data-home-theme="dark"] .home-page .home-step,
html[data-home-theme="dark"] .home-page .home-support-card{background:#2b211d;border-color:#514039;box-shadow:0 14px 38px rgba(0,0,0,.24)}
html[data-home-theme="dark"] .home-page .aurora-home-demo .avatar{border-color:#2b211d}
html[data-home-theme="dark"] .home-page .home-feature-card{border-color:rgba(255,255,255,.08);box-shadow:0 14px 36px rgba(0,0,0,.18)}
html[data-home-theme="dark"] .home-page .feature-search{background:#3a2a21}
html[data-home-theme="dark"] .home-page .feature-category{background:#30273a}
html[data-home-theme="dark"] .home-page .feature-collection{background:#24323d}
html[data-home-theme="dark"] .home-page .feature-profile{background:#38272d}
html[data-home-theme="dark"] .home-page .feature-links{background:#393321}
html[data-home-theme="dark"] .home-page .feature-security{background:#23362e}
html[data-home-theme="dark"] .home-page .home-feature-card p,
html[data-home-theme="dark"] .home-page .home-access-card p:not(.eyebrow){color:#d3c4ba}
html[data-home-theme="dark"] .home-page .home-feature-kicker{color:#ffb463}
html[data-home-theme="dark"] .home-page .feature-visual{background:rgba(29,22,19,.62);border-color:rgba(255,255,255,.10);box-shadow:none}
html[data-home-theme="dark"] .home-page .mini-search,
html[data-home-theme="dark"] .home-page .mini-result,
html[data-home-theme="dark"] .home-page .chip-visual span,
html[data-home-theme="dark"] .home-page .route-visual span{background:#2b211d;color:#fff8f2;border-color:#514039}
html[data-home-theme="dark"] .home-page .profile-visual small{color:#cdbdb2}
html[data-home-theme="dark"] .home-page .security-visual small{color:#b8cfc2}
html[data-home-theme="dark"] .home-page .collection-grid i{background:linear-gradient(145deg,#314555,#24323d)}
html[data-home-theme="dark"] .home-page .flow-source span,
html[data-home-theme="dark"] .home-page .flow-destination span{background:#241b18;color:#fff8f2;border-color:#514039}
html[data-home-theme="dark"] .home-page .flow-yam{background:#3a291f;color:#fff8f2}
html[data-home-theme="dark"] .home-page .flow-yam small{color:#d6ad84}
html[data-home-theme="dark"] .home-page .home-access-card{background:linear-gradient(135deg,#3a291f,#2e221d);border-color:#5b4334}
html[data-home-theme="dark"] .home-page .access-points span{background:rgba(255,255,255,.08);color:#fff8f2}
html[data-home-theme="dark"] .home-page .home-step>span{background:#3a291f;color:#ffb463}
html[data-home-theme="dark"] .home-page .support-email-button{background:#3a291f;color:#ffc27e;border-color:#6b4a31}
html[data-home-theme="dark"] .home-page .footer{background:#18110f;border-color:#46362f}
html[data-home-theme="dark"] .home-page .home-final-button{background:#fff8f2;color:#8e4300}
html[data-home-theme="dark"] .home-page .home-growth-line{color:#f3a54e}
html[data-home-theme="dark"] .home-page .eyebrow{color:#f3a54e}