/* ============================================================
   SHE IS · branding único (aesthetic: creme, preto e rosa)
   Só nas marcas pessoais (Creator e Daily): body.aes
   ============================================================ */
body.aes {
  --bg: #F7F4EF; --surface: #FFFFFF; --ink: #111111; --muted: #6B6661; --dark: #111111; --on-dark: #F7F4EF;
  --accent: #111111; --accent-soft: #F6C9DA; --accent-2: #FBE3EC; --pink: #E59AB9;
  --line: rgba(17,17,17,.12); --radius: 18px;
  --font-title: "Instrument Serif", "Playfair Display", Georgia, serif; --font-body: "Inter", system-ui, sans-serif;
  --title-weight: 400; --title-track: -0.01em; --btn-bg: #111111; --btn-ink: #F7F4EF;
}
body.aes { background: var(--bg); color: var(--ink); font-family: var(--font-body); }
body.aes h1, body.aes h2, body.aes h3, body.aes .af-h1, body.aes .agx h1, body.aes .ag-tech h1, body.aes .agx-note b, body.aes .cx-svc h3, body.aes .cx-pack h3, body.aes .cx-tool h3, body.aes .svc h3, body.aes .blk b, body.aes .agc-kpis b, body.aes .ph-top b, body.aes .app-card h3 {
  font-family: "Instrument Serif", Georgia, serif !important; font-weight: 400 !important; letter-spacing: -0.01em !important;
}
body.aes h1, body.aes .af-h1 { line-height: .98 !important; }
body.aes h1 em, body.aes h2 em, body.aes h1 i, body.aes h2 i, body.aes .agx h1 em { font-family: "Instrument Serif", Georgia, serif !important; font-style: italic !important; font-weight: 400 !important; }
body.aes h3 { font-size: 1.35em; line-height: 1.1; }
body.aes .mark { background: transparent !important; color: inherit !important; box-shadow: none !important; transform: none !important; font-style: italic; padding: 0 .05em; background-image: linear-gradient(transparent 62%, #F6C9DA 62%, #F6C9DA 92%, transparent 92%) !important; border-radius: 0 !important; }
body.aes .on-dark .mark, body.aes .theme-ai .hero .mark { color: inherit !important; background-image: linear-gradient(transparent 62%, rgba(229,154,185,.55) 62%, rgba(229,154,185,.55) 92%, transparent 92%) !important; }
body.aes .btn { background: #111 !important; color: #F7F4EF !important; border-radius: 999px !important; box-shadow: none !important; }
body.aes .btn-ghost { background: transparent !important; color: #111 !important; box-shadow: inset 0 0 0 1.5px #111 !important; }
body.aes .on-dark .btn, body.aes .wine-sec .btn, body.aes .svc.dark .btn { background: #F7F4EF !important; color: #111 !important; }
body.aes .on-dark .btn-ghost, body.aes .wine-sec .btn-ghost { background: transparent !important; color: #F7F4EF !important; box-shadow: inset 0 0 0 1.5px #F7F4EF !important; }
body.aes .tag { background: #fff !important; color: #111 !important; box-shadow: 0 0 0 1px rgba(17,17,17,.1) !important; }
body.aes .on-dark .tag { background: rgba(247,244,239,.08) !important; color: #F7F4EF !important; box-shadow: 0 0 0 1px rgba(247,244,239,.2) !important; }
/* ícones em tons do branding */
body.aes .i-pink, body.aes .i-rose { background: linear-gradient(160deg, #FBE3EC, #EFAFC8) !important; }
body.aes .i-blue, body.aes .i-violet { background: linear-gradient(160deg, #F1EDE7, #D9D2C8) !important; }
body.aes .i-yellow, body.aes .i-orange { background: linear-gradient(160deg, #FBF6EE, #EADFCF) !important; }
body.aes .i-green { background: linear-gradient(160deg, #EEF0EA, #CFD4C6) !important; }
body.aes .i-wine, body.aes .i-dark { background: linear-gradient(160deg, #3A3A3A, #111) !important; }
body.aes .ios { box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 6px 16px rgba(17,17,17,.08) !important; }
/* logótipos das marcas: mesma família */
body.aes .lg, body.aes .logo { font-family: "Instrument Serif", Georgia, serif !important; font-weight: 400 !important; letter-spacing: 0 !important; color: #111 !important; }
body.aes .lg b, body.aes .lg em, body.aes .lg small, body.aes .lg i { font-style: italic; }
body.aes .lg .appicon, body.aes .lg > b { background: #111 !important; color: #F7F4EF !important; }
body.aes .header { background: rgba(247,244,239,.9) !important; }
body.aes .footer { background: #111 !important; }
/* rodapé e secções escuras mantêm o preto do branding */
body.aes .on-dark, body.aes .wine-sec, body.aes .ag-tech, body.aes .agx-band { background-color: #111 !important; color: #F7F4EF; }
body.aes .agx-band i { color: #E59AB9 !important; }

/* ---- Elementos iOS (pastas, notificações, badges) nas marcas pessoais ---- */
body.aes .ios-split { display: grid; grid-template-columns: 1.1fr .9fr; gap: 50px; align-items: center; }
@media (max-width: 860px) { body.aes .ios-split { grid-template-columns: 1fr; } }
body.aes .ios-folder { position: relative; display: grid; justify-items: center; gap: 12px; text-decoration: none; color: #111; width: max-content; margin: 0 auto; }
body.aes .ios-folder-box { width: 260px; height: 260px; border-radius: 58px; padding: 26px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; background: rgba(255,255,255,.55); backdrop-filter: blur(20px); box-shadow: 0 30px 70px rgba(17,17,17,.12), inset 0 0 0 1px rgba(255,255,255,.7); transition: transform .3s cubic-bezier(.2,.8,.2,1); }
body.aes .ios-folder:hover .ios-folder-box { transform: scale(1.04); }
body.aes .ios-folder-box i { font-style: normal; border-radius: 15px; background: var(--c); color: var(--t, #111); display: grid; place-items: center; font: 400 20px "Instrument Serif", serif; box-shadow: 0 4px 12px rgba(17,17,17,.1), inset 0 0 0 1px rgba(17,17,17,.05); }
body.aes .ios-folder b { font: 600 16px Inter, sans-serif; }
body.aes .ios-badge { position: absolute; top: -8px; right: -8px; min-width: 30px; height: 30px; border-radius: 99px; background: #FF3B30; color: #fff; font: 700 15px/30px Inter, sans-serif; text-align: center; box-shadow: 0 4px 10px rgba(255,59,48,.35); }
body.aes .lv-wrap { position: relative; }
body.aes .ios-notif2 { position: absolute; z-index: 3; display: flex; gap: 10px; align-items: center; width: 270px; padding: 12px 14px; border-radius: 20px; background: rgba(255,255,255,.82); backdrop-filter: blur(18px); box-shadow: 0 14px 34px rgba(17,17,17,.14); font-size: 12.5px; line-height: 1.35; color: #111; animation: iosin .7s cubic-bezier(.2,.8,.2,1) both; }
body.aes .ios-notif2 .ic { width: 34px; height: 34px; border-radius: 9px; background: #FBE3EC; display: grid; place-items: center; font-size: 17px; flex: none; }
body.aes .ios-notif2 small { color: #8E8E93; } body.aes .ios-notif2.n1 { top: 8%; left: -8%; } body.aes .ios-notif2.n2 { bottom: 12%; right: -6%; animation-delay: .4s; }
@keyframes iosin { from { opacity: 0; transform: translateY(-12px) scale(.96); } }
@media (max-width: 860px) { body.aes .ios-notif2.n1 { left: 0; } body.aes .ios-notif2.n2 { right: 0; } }
body.aes .footer .lg, body.aes .footer .logo, body.aes .footer .lg em, body.aes .footer .lg small { color: #F7F4EF !important; }
body.aes .dev-by, .tech .dev-by { opacity: .75; } .dev-by b { font-weight: 800; }
/* acentos por projeto (branding aesthetic) */
body.p-faceless { --pa: #FBE3EC; } body.p-creator { --pa: #FDF0F4; } body.p-daily { --pa: #F7EBC9; } body.p-studio { --pa: #E8EEF7; }
body.aes.p-studio .hero.on-dark { background: #F7F4EF !important; color: #111 !important; }
body.aes.p-studio .hero.on-dark .lead, body.aes.p-studio .hero.on-dark p { color: #6B6661 !important; }
body.aes.p-studio .hero.on-dark .btn { background: #111 !important; color: #F7F4EF !important; } body.aes.p-studio .hero.on-dark .btn-ghost { background: transparent !important; color: #111 !important; box-shadow: inset 0 0 0 1.5px #111 !important; }
body.aes.p-studio .hero.on-dark .tag { background: #fff !important; color: #111 !important; }
body.aes.p-studio .hero.on-dark h1 { color: #111 !important; }