/* She Is Creator — Pilates Princess */
.theme-creator .header .logo small { color: #111111; font-family: "Inter", sans-serif; }
.theme-creator h1 em, .theme-creator h2 em { font-style: italic; }
.cr-hero { padding: 90px 0 110px; background: radial-gradient(800px 500px at 50% 10%, #F9DCE6, transparent 70%), linear-gradient(180deg, #FBE3EC, #FBF9F6); }
.cr-hero h1 { max-width: 860px; margin-inline: auto; }
.script { font-family: "Pinyon Script", cursive; font-size: clamp(64px, 10vw, 110px); line-height: 1; display: block; color: #111111; }
.pills { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin-top: 10px; }
.pills span { background: #FBE3EC; border-radius: 999px; padding: 7px 16px; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; }
.pills span:nth-child(even) { background: #fff; }
.cr-sec { padding: 90px 0; }
.cr-soft { background: linear-gradient(180deg, #FBF9F6, #FBE3EC); }
.cr-k { display: inline-block; font-size: 12px; letter-spacing: .24em; text-transform: uppercase; color: #7A7570; margin-bottom: 12px; }
.cr-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: 40px; }
@media (max-width: 960px) { .cr-cards { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .cr-cards { grid-template-columns: 1fr; } }
.cr-card { position: relative; background: #fff; border-radius: 28px; padding: 30px 24px; text-align: center; box-shadow: 0 14px 40px rgba(110,47,85,.08); }
.cr-ico { display: grid; place-items: center; width: 62px; height: 62px; margin: 0 auto 16px; border-radius: 50%; background: #FBE3EC; font-size: 26px; }
.cr-card h3 { font-family: "Playfair Display", serif; font-weight: 500; font-style: italic; font-size: 24px; color: #111111; }
.cr-card p { color: #7A7570; font-size: 15px; margin: 0; }
.cr-badge { position: absolute; top: 16px; right: 16px; background: #FBE3EC; color: #111111; border-radius: 999px; padding: 4px 10px; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.cr-ai { display: flex; justify-content: space-between; align-items: center; gap: 30px; flex-wrap: wrap; background: linear-gradient(135deg, #111111, #5A5A5A); color: #FBE3EC; border-radius: 36px; padding: 50px; }
.cr-ai h2 { color: #fff; }
.cr-ai .lead, .cr-ai .cr-k { color: #F9DCE6; }
.cr-ai .btn { background: #FBE3EC; color: #111111; }
@media (max-width: 720px) { .cr-ai { padding: 32px 24px; } }
.pf-app { display: grid; grid-template-columns: 380px 1fr; gap: 24px; align-items: start; }
@media (max-width: 1000px) { .pf-app { grid-template-columns: 1fr; } }
.pf-app > * { min-width: 0; }
.pf-form { background: #fff; border-radius: 28px; padding: 24px; box-shadow: 0 14px 40px rgba(110,47,85,.08); position: sticky; top: 90px; max-height: calc(100vh - 110px); overflow: auto; }
@media (max-width: 1000px) { .pf-form { position: static; max-height: none; } }
.pf-form h4 { font: 700 12px "Inter", sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #7A7570; margin: 18px 0 8px; }
.pf-form h4:first-child { margin-top: 0; }
.pf-form label { display: block; font-weight: 600; font-size: 13px; margin: 10px 0 5px; }
.pf-form input, .pf-form textarea { width: 100%; border: 1.5px solid #F9DCE6; background: #FBF9F6; border-radius: 14px; padding: 11px 13px; font: 14px/1.45 "Inter", sans-serif; color: #111111; }
.pf-form textarea { min-height: 86px; }
.pf-designs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.pf-designs button { border: 1.5px solid #F9DCE6; background: #fff; border-radius: 14px; padding: 8px; font: 600 12px "Inter", sans-serif; color: #111111; cursor: pointer; display: flex; flex-direction: column; gap: 6px; }
.pf-designs i { height: 44px; border-radius: 10px; }
.pf-designs button.on { border-color: #111111; }
.pf-form .btns { flex-direction: column; } .pf-form .btns .btn { width: 100%; }
.pf-preview { border-radius: 24px; box-shadow: 0 20px 60px rgba(110,47,85,.15); }
@media print { body.pf-printing > *:not(main), body.pf-printing .cr-sec, body.pf-printing .pf-form, body.pf-printing .wa, body.pf-printing .cookie { display: none !important; } body.pf-printing main section { padding: 0 !important; } body.pf-printing .pf-app { display: block; } body.pf-printing .pf-preview { box-shadow: none; } body.pf-printing .wrap { width: 100%; } }
a.cr-card { text-decoration: none; transition: transform .2s; } a.cr-card:hover { transform: translateY(-5px); }

/* ===== Creator v2: editorial, rosa e com movimento ===== */
.cx-hero { position: relative; overflow: hidden; padding: 70px 0 90px; background: linear-gradient(180deg, #FBE3EC, #FBF9F6); }
.cx-blobs i { position: absolute; border-radius: 50%; filter: blur(70px); opacity: .7; animation: cxd 16s ease-in-out infinite alternate; }
.cx-blobs i:nth-child(1) { width: 460px; height: 460px; background: #F9DCE6; top: -140px; left: -120px; }
.cx-blobs i:nth-child(2) { width: 380px; height: 380px; background: #FBE3EC; bottom: -160px; left: 40%; animation-duration: 20s; }
.cx-blobs i:nth-child(3) { width: 420px; height: 420px; background: #F6C9DA; top: 10%; right: -140px; animation-duration: 24s; }
@keyframes cxd { to { transform: translate(60px, 50px) scale(1.1); } }
.cx-hg { position: relative; display: grid; grid-template-columns: 1.05fr .95fr; gap: 40px; align-items: center; }
@media (max-width: 920px) { .cx-hg { grid-template-columns: 1fr; text-align: center; } .cx-hg .btns, .cx-mini { justify-content: center; } }
.cx-hg > * { min-width: 0; }
.cx-copy h1 { font-size: clamp(40px, 5.6vw, 72px); line-height: 1.02; }
.cx-copy .script { font-size: clamp(56px, 8vw, 96px); }
.cx-mini { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 22px; }
.cx-mini span { background: #fff; border-radius: 999px; padding: 8px 14px; font-size: 13px; font-weight: 600; color: #111111; box-shadow: 0 6px 18px rgba(110,47,85,.08); }
.cx-phones { position: relative; height: 560px; }
.cx-ph { position: absolute; width: 230px; aspect-ratio: 9/19; background: #111111; border-radius: 38px; padding: 8px; box-shadow: 0 40px 80px rgba(110,47,85,.3); animation: cxf 6s ease-in-out infinite; }
.cx-ph.p1 { left: 2%; top: 70px; rotate: -9deg; }
.cx-ph.p2 { left: 31%; top: 0; z-index: 2; animation-delay: -2s; }
.cx-ph.p3 { left: 60%; top: 80px; rotate: 9deg; animation-delay: -4s; }
@keyframes cxf { 50% { translate: 0 -18px; } }
.cx-scr { position: relative; height: 100%; border-radius: 31px; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; padding: 18px; color: #fff; }
.cx-scr::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 45%, rgba(43,20,36,.65)); }
.cx-scr > * { position: relative; z-index: 1; }
.cx-scr > .cx-vid { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; object-fit: cover; }
.cx-scr::after { z-index: 0; }
.s1 { background: radial-gradient(120px 120px at 70% 30%, #FBE3EC, transparent 70%), linear-gradient(160deg, #F6C9DA, #EFAFC8 60%, #E59AB9); }
.s2 { background: radial-gradient(140px 140px at 30% 25%, #fff, transparent 70%), linear-gradient(160deg, #FBE3EC, #F9DCE6 50%, #E8B4C8); }
.s3 { background: radial-gradient(120px 120px at 60% 40%, #FFE1C7, transparent 70%), linear-gradient(160deg, #F9DCE6, #F2C4D6 55%, #5A5A5A); }
.cx-scr b { font: 500 italic 19px/1.2 "Playfair Display", serif; text-shadow: 0 2px 10px rgba(0,0,0,.25); }
.cx-tag { align-self: flex-start; background: rgba(255,255,255,.88); color: #111111; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; padding: 5px 10px; border-radius: 999px; margin-bottom: 8px; }
.cx-play { position: absolute !important; top: 44%; left: 50%; translate: -50% -50%; width: 54px; height: 54px; border-radius: 50%; background: rgba(255,255,255,.85); color: #111111; display: grid; place-items: center; font-style: normal; font-size: 18px; box-shadow: 0 0 0 10px rgba(255,255,255,.25); animation: cxp 2.4s ease-in-out infinite; }
@keyframes cxp { 50% { box-shadow: 0 0 0 18px rgba(255,255,255,.1); } }
.cx-sticker { position: absolute; right: 2%; bottom: 10px; z-index: 3; width: 120px; height: 120px; border-radius: 50%; background: #FBE3EC; color: #111111; display: grid; place-items: center; font: 700 11px "Inter", sans-serif; letter-spacing: .2em; text-align: center; padding: 18px; animation: cxr 12s linear infinite; box-shadow: 0 14px 30px rgba(110,47,85,.18); }
@keyframes cxr { to { rotate: 360deg; } }
.cx-bubble { position: absolute; z-index: 3; background: #fff; color: #111111; border-radius: 16px; padding: 10px 14px; font-weight: 700; font-size: 13px; box-shadow: 0 14px 30px rgba(110,47,85,.15); animation: cxf 5s ease-in-out infinite; }
.cx-bubble.b1 { top: 30px; right: 4%; } .cx-bubble.b2 { bottom: 70px; left: 0; animation-delay: -2.5s; }
@media (max-width: 560px) { .cx-phones { height: 400px; } .cx-ph { width: 160px; border-radius: 28px; } .cx-scr { border-radius: 22px; padding: 12px; } .cx-scr b { font-size: 14px; } .cx-sticker { width: 86px; height: 86px; font-size: 8px; } }
.cx-marquee { overflow: hidden; background: #111111; color: #FBE3EC; padding: 15px 0; }
.cx-marquee div { display: flex; gap: 26px; width: max-content; animation: cxm 30s linear infinite; font: 500 italic 22px "Playfair Display", serif; align-items: center; }
.cx-marquee i { color: #FBE3EC; font-style: normal; font-size: 14px; }
@keyframes cxm { to { transform: translateX(-50%); } }
.cx-svcs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: 40px; }
@media (max-width: 960px) { .cx-svcs { grid-template-columns: 1fr 1fr; } } @media (max-width: 560px) { .cx-svcs { grid-template-columns: 1fr; } }
.cx-svc { text-decoration: none; color: #111111; background: #fff; border-radius: 28px; padding: 12px 12px 22px; box-shadow: 0 14px 40px rgba(110,47,85,.08); transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s, opacity .8s ease var(--d, 0s); }
.cx-svc:hover { transform: translateY(-8px); box-shadow: 0 26px 60px rgba(110,47,85,.16); }
.cx-v { position: relative; aspect-ratio: 4/5; border-radius: 20px; overflow: hidden; margin-bottom: 16px; }
.cx-v.v1 { background: linear-gradient(160deg, #F6C9DA, #E59AB9); } .cx-v.v2 { background: linear-gradient(160deg, #F9DCE6, #5A5A5A); } .cx-v.v3 { background: linear-gradient(160deg, #FBE3EC, #F2C4D6); } .cx-v.v4 { background: linear-gradient(160deg, #FBE3EC, #111111); }
.cx-svc:hover .cx-play { scale: 1.12; }
.cx-svc h3, .cx-pack h3, .cx-tool h3 { font-family: "Playfair Display", serif; font-weight: 500; font-style: italic; font-size: 24px; margin: 0 8px 6px; }
.cx-svc p { margin: 0 8px; color: #7A7570; font-size: 15px; }
.cx-packs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 40px; align-items: stretch; }
@media (max-width: 900px) { .cx-packs { grid-template-columns: 1fr; max-width: 460px; margin-inline: auto; } }
.cx-pack { background: #fff; border-radius: 30px; padding: 30px 26px; display: flex; flex-direction: column; box-shadow: 0 14px 40px rgba(110,47,85,.08); }
.cx-pack h3 { margin: 4px 0; } .cx-pack ul { list-style: none; padding: 0; margin: 10px 0 24px; } .cx-pack li { padding: 8px 0 8px 24px; position: relative; color: #111111; border-bottom: 1px solid #F9DCE6; } .cx-pack li::before { content: "✦"; position: absolute; left: 0; color: #EFAFC8; }
.cx-pack .btn { margin-top: auto; }
.cx-pack.hl { background: linear-gradient(160deg, #111111, #5A5A5A); color: #FBE3EC; transform: translateY(-10px); box-shadow: 0 30px 70px rgba(110,47,85,.3); }
.cx-pack.hl li { color: #FBE3EC; border-color: rgba(251,228,236,.2); } .cx-pack.hl .btn { background: #FBE3EC; color: #111111; } .cx-pack.hl .cx-pk { background: #FBE3EC; }
.cx-pk { align-self: flex-start; background: #FBE3EC; color: #111111; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; padding: 5px 11px; border-radius: 999px; }
.cx-pr { font: 600 40px "Playfair Display", serif; margin: 6px 0 4px; letter-spacing: -0.02em; } .cx-pr small { font: 500 14px "Inter", sans-serif; opacity: .7; }
.cx-how { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 56px; }
@media (max-width: 900px) { .cx-how { grid-template-columns: 1fr 1fr; } } @media (max-width: 520px) { .cx-how { grid-template-columns: 1fr; } }
.cx-how > div { border-top: 2px solid #EFAFC8; padding-top: 16px; } .cx-how b { font: 500 italic 34px "Playfair Display", serif; color: #EFAFC8; } .cx-how h3 { font: 700 18px "Inter", sans-serif; margin: 6px 0 4px; color: #111111; } .cx-how p { color: #7A7570; font-size: 15px; margin: 0; }
.cx-tools { display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: auto; gap: 18px; margin-top: 40px; }
@media (max-width: 960px) { .cx-tools { grid-template-columns: 1fr 1fr; } } @media (max-width: 600px) { .cx-tools { grid-template-columns: 1fr; } }
.cx-tool { position: relative; text-decoration: none; color: #111111; background: linear-gradient(180deg, #FBF9F6, #FBE3EC); border: 1px solid #F9DCE6; border-radius: 28px; padding: 26px; display: flex; flex-direction: column; gap: 6px; transition: transform .3s, box-shadow .3s; }
.cx-tool:hover { transform: translateY(-6px); box-shadow: 0 24px 50px rgba(110,47,85,.14); }
.cx-tool.big { grid-row: span 2; background: linear-gradient(160deg, #F6C9DA, #FBE3EC 60%); }
.cx-tool h3 { margin: 6px 0 2px; } .cx-tool p { margin: 0; color: #7A7570; font-size: 15px; }
.cx-ico { width: 52px; height: 52px; border-radius: 16px; background: #fff; display: grid; place-items: center; font-size: 24px; box-shadow: 0 8px 20px rgba(110,47,85,.1); }
.cx-go { margin-top: auto; padding-top: 12px; font-weight: 700; font-size: 14px; }
.cx-tv { background: #fff; border-radius: 20px; padding: 18px; margin-bottom: 10px; box-shadow: 0 14px 34px rgba(110,47,85,.12); }
.cx-pf { display: grid; grid-template-columns: 64px 1fr 1fr 1fr; grid-template-rows: auto auto auto; gap: 6px 8px; align-items: center; }
.cx-pf i { grid-row: span 2; width: 64px; height: 80px; border-radius: 14px; background: linear-gradient(160deg, #F9DCE6, #F2C4D6); }
.cx-pf b { grid-column: 2 / -1; font: 500 italic 22px "Playfair Display", serif; } .cx-pf small { grid-column: 2 / -1; color: #7A7570; font-size: 12px; }
.cx-pf span { aspect-ratio: 9/14; border-radius: 10px; background: linear-gradient(160deg, #FBE3EC, #EFAFC8); grid-row: 3; } .cx-pf span:nth-of-type(1) { grid-column: 2; } .cx-pf span:nth-of-type(2) { grid-column: 3; background: linear-gradient(160deg, #FBE3EC, #F6C9DA); } .cx-pf span:nth-of-type(3) { grid-column: 4; }
@media (prefers-reduced-motion: reduce) { .cx-blobs i, .cx-ph, .cx-play, .cx-sticker, .cx-bubble, .cx-marquee div { animation: none !important; } }
@media (max-width: 560px) {
  .cx-phones { height: 360px; } .cx-ph { width: 40%; } .cx-ph.p1 { left: 0; top: 50px; } .cx-ph.p2 { left: 30%; } .cx-ph.p3 { left: 60%; top: 56px; }
  .cx-bubble { font-size: 11px; padding: 7px 10px; } .cx-bubble.b2 { bottom: 30px; }
  .cx-svcs { grid-template-columns: 1fr 1fr; gap: 10px; } .cx-svc { padding: 8px 8px 16px; border-radius: 22px; } .cx-v { aspect-ratio: 1; margin-bottom: 10px; } .cx-svc h3 { font-size: 19px; margin: 0 4px 4px; } .cx-svc p { font-size: 13px; margin: 0 4px; }
  .cx-play { width: 42px; height: 42px; font-size: 14px; }
  .cx-tool.big { grid-row: auto; }
}

.cx-v > .cx-vid { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.cx-vtag { position: absolute; left: 10px; top: 10px; background: rgba(255,255,255,.88); color: #111111; font: 600 11px/1 Inter, sans-serif; text-transform: uppercase; letter-spacing: .08em; padding: 6px 10px; border-radius: 99px; }

/* Loja de templates */
.tp-hero { padding: 90px 0 40px; }
.tp-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
@media (max-width: 900px) { .tp-grid { grid-template-columns: 1fr 1fr; } } @media (max-width: 560px) { .tp-grid { grid-template-columns: 1fr; } }
.tp-card { background: #fff; border-radius: 22px; overflow: hidden; box-shadow: 0 0 0 1px rgba(17,17,17,.08); display: flex; flex-direction: column; }
.tp-cover { position: relative; aspect-ratio: 4/3; background: color-mix(in srgb, var(--c1) 70%, #fff); overflow: hidden; }
.tp-s { position: absolute; width: 46%; aspect-ratio: 4/5; border-radius: 10px; background: var(--c1); box-shadow: 0 14px 30px rgba(17,17,17,.12); display: grid; place-content: center; text-align: center; color: var(--c2); padding: 10px; }
.tp-s.s1 { left: 27%; top: 12%; z-index: 3; } .tp-s.s2 { left: 10%; top: 20%; transform: rotate(-8deg); opacity: .85; } .tp-s.s3 { left: 44%; top: 20%; transform: rotate(8deg); opacity: .85; }
.tp-s i { font: italic 400 15px "Instrument Serif", serif; } .tp-s b { font: 400 26px/1 "Instrument Serif", serif; }
.tp-cover em { position: absolute; right: 10px; bottom: 10px; font: 600 11px Inter, sans-serif; background: #fff; color: #111; border-radius: 99px; padding: 5px 10px; font-style: normal; }
.tp-body { padding: 18px 20px 20px; } .tp-body h3 { margin: 0; font-size: 28px; } .tp-body p { margin: 4px 0 14px; color: #6B6661; font-size: 14px; }
.tp-row { display: flex; align-items: center; gap: 12px; } .tp-row b { font: 400 30px/1 "Instrument Serif", serif; margin-right: auto; } .tp-row s { color: #6B6661; }
.tp-all { margin-top: 26px; background: #111; color: #F7F4EF; border-radius: 26px; padding: 34px; display: grid; grid-template-columns: 1fr auto; gap: 24px; align-items: center; }
.tp-all h2 { margin: 10px 0 6px; } .tp-all p { margin: 0; opacity: .75; } .tp-all .tp-big { font-size: 54px; } .tp-all .btn { background: #F7F4EF !important; color: #111 !important; }
@media (max-width: 700px) { .tp-all { grid-template-columns: 1fr; } }
.tp-links { display: grid; gap: 10px; margin-top: 22px; } .tp-links .btn { justify-content: center; }