@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#111215;--panel:#1b1d22;--line:#303239;--muted:#989ba6;--blue:#24a7f5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f4f5f8;font-family:'DM Sans',sans-serif;font-size:16px}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:5px}button{cursor:pointer}header{height:92px;padding:0 6%;border-bottom:1px solid #27292e;display:flex;align-items:center;gap:15px}.brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:white;font-weight:800;letter-spacing:1.5px;font-size:19px}.brand-light{font-weight:400;color:#bbbfc9;letter-spacing:1px}.logo{width:33px;height:34px;border-radius:9px;background:var(--blue);display:grid;place-items:center;color:#071723;font-size:28px}.header-note{margin-left:26px;color:var(--muted);font-size:14px}.demo{margin-left:auto;font-size:12px;border:1px solid #45403a;color:#d4ba8d;border-radius:30px;padding:8px 12px}main{max-width:1360px;margin:auto;padding:49px 6% 0}.intro{margin-bottom:36px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--blue);margin-bottom:16px}h1{font:800 48px/1.15 'Manrope',sans-serif;letter-spacing:-1.8px;margin:0 0 18px}h1 span{color:#8d909a}.intro p{color:#a9acb7;line-height:1.65;margin:0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:40px;align-items:start}h2{font:700 20px 'Manrope',sans-serif;margin:0}.section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.section-top>span{color:var(--muted);font-size:12px}.filters{display:flex;gap:9px;margin-bottom:23px;flex-wrap:wrap}.filters button{border:1px solid var(--line);background:#1b1d22;color:#b1b4bc;border-radius:24px;padding:10px 15px;font-size:14px}.filters button.active{background:#162c3c;color:#42b9ff;border-color:#2588bf}.cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{position:relative;border:1px solid #353840;border-radius:17px;overflow:hidden;background:#202227;padding:0;text-align:left;color:white;transition:transform .2s,border .2s}.card:hover{transform:translateY(-3px)}.card.chosen{border:2px solid var(--blue);box-shadow:0 0 0 3px #219ff512}.art{height:265px;position:relative;overflow:hidden}.art img{width:100%;height:100%;object-fit:cover;object-position:center 42%}.art:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0a0b0caa)}.badge{position:absolute;top:12px;left:12px;padding:6px 9px;border-radius:7px;background:#15171cdc;backdrop-filter:blur(8px);font-size:12px}.check{position:absolute;right:12px;top:12px;width:26px;height:26px;border-radius:50%;border:1px solid #ffffff77;background:#15171c99;display:grid;place-items:center;z-index:1}.chosen .check{background:var(--blue);border-color:var(--blue);color:#052138}.card-info{padding:16px}.card-info h3{font-size:17px;margin:0 0 6px}.card-info p{font-size:13px;color:#a6a9b4;margin:0;line-height:1.45}.reference-note{font-size:12px;color:#777b87;line-height:1.5}.order{background:var(--panel);border:1px solid var(--line);border-radius:19px;padding:25px;margin-top:-158px;position:sticky;top:25px}.order-heading{display:flex;gap:12px;align-items:center}.small-logo{width:43px;height:43px;background:#19394b;color:#3cb5f9;display:grid;place-items:center;border-radius:11px;font-size:26px}.order h2{font-size:17px}.order-heading p{margin:5px 0 0;color:var(--muted);font-size:13px}.steps{list-style:none;display:flex;padding:23px 0;margin:0 0 23px;border-bottom:1px solid var(--line);justify-content:space-between;gap:9px}.steps li{font-size:13px;color:#777d89;display:flex;gap:5px;align-items:center}.steps .current{color:#40b5fa}.steps span{font-size:12px}label{display:block;font-size:14px;font-weight:500;margin-bottom:10px}.phone{display:flex;align-items:center;border:1px solid #3a3d45;border-radius:9px;background:#14161a}.phone>span{padding:13px 10px;border-right:1px solid #363942;font-size:14px;white-space:nowrap}input[type=tel]{width:100%;min-width:0;padding:13px 10px;border:0;background:transparent;color:white}.help{color:var(--muted);font-size:12px;margin:8px 0 23px}.selected{display:flex;align-items:center;gap:12px;border:1px solid #3a3d45;border-radius:9px;padding:10px;margin-bottom:23px}.selected img{height:44px;width:36px;object-fit:cover;border-radius:5px}.selected strong{font-size:14px}.selected p{font-size:12px;color:var(--muted);margin:4px 0 0}.optional{float:right;font-size:12px;color:var(--muted);font-weight:400}textarea{width:100%;resize:vertical;min-height:85px;border:1px solid #3a3d45;border-radius:9px;background:#14161a;color:white;padding:12px;font-size:13px;line-height:1.6}input::placeholder,textarea::placeholder{color:#747985}.details{display:grid;gap:10px;margin:20px 0;color:#959aa6;font-size:12px}.details span{display:flex;justify-content:space-between}.details strong{font-weight:400;color:#d7d9e0}.price{display:flex;justify-content:space-between;align-items:center;padding-top:21px;border-top:1px solid var(--line);margin-bottom:22px}.price small{display:block;font-size:11px;color:#9296a1;margin-top:4px}.price>strong{font-size:27px;font-family:Manrope,sans-serif}.price strong span{font-size:20px}.consent{display:flex;align-items:start;gap:8px;color:#b1b5bf;font-size:12px;line-height:1.5}.consent input{accent-color:var(--blue);margin-top:3px;flex-shrink:0}.primary{width:100%;border:0;background:var(--blue);color:#071e2b;font-weight:700;border-radius:9px;padding:15px;margin-top:9px;font-size:14px}.primary:hover{background:#65c4fc}.secure{text-align:center;color:#878d99;font-size:11px;margin:14px 0 0}.error{color:#ff9393;font-size:13px}.back{color:#adb4c0;background:none;border:0;padding:0;margin-bottom:20px;font-size:13px}.notice{background:#242522;border:1px solid #494334;border-radius:10px;padding:13px;color:#d7c49c;font-size:13px;line-height:1.6;margin:20px 0}.summary{font-size:14px;color:#adb4c0;line-height:1.8}.summary strong{color:white}.status{text-align:center;padding:20px 0}.status h3{font-size:22px;margin:22px 0 10px}.status p{color:#a6abb7;font-size:14px;line-height:1.7}.spinner{width:70px;height:70px;border:4px solid #303f4d;border-top-color:var(--blue);border-radius:50%;margin:10px auto;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}progress{width:100%;height:8px;accent-color:var(--blue)}.progress-label{color:#45b7fa;font-size:14px;margin:12px}.finish-icon{width:75px;height:75px;margin:auto;border-radius:50%;background:#153d34;color:#62ddb4;display:grid;place-items:center;font-size:32px}footer{display:flex;justify-content:space-between;border-top:1px solid #27292f;margin-top:50px;padding:24px 0 30px;color:#737985;font-size:12px;letter-spacing:.5px}[hidden]{display:none!important}@media(max-width:1050px){main{padding:35px 4% 0}.workspace{gap:22px;grid-template-columns:minmax(0,1fr) 340px}.order{padding:20px}.art{height:230px}h1{font-size:41px}}@media(max-width:760px){header{height:74px;padding:0 5%}.brand{font-size:15px;gap:5px}.header-note{display:none}.demo{font-size:10px;padding:6px 8px}main{padding:32px 5% 0}h1{font-size:37px}.intro p{font-size:14px}.workspace{display:flex;flex-direction:column;gap:26px}.catalog{width:100%}.order{margin:0;position:static;width:100%;padding:24px}.art{height:265px}.section-top h2{font-size:18px}.section-top>span{font-size:11px}.cards{gap:12px}.card-info{padding:13px}.card-info h3{font-size:15px}.card-info p{font-size:12px}.filters{gap:6px}.filters button{padding:9px 12px;font-size:12px}}@media(max-width:380px){.art{height:220px}.brand-light{display:none}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}.card{transition:none}}

.description-button{width:100%;padding:12px;background:#14161a;border:1px solid #3a3d45;color:#53bafa;border-radius:9px;text-align:left;font-size:14px}.description-preview{font-size:13px;line-height:1.6;color:#a6abb7;margin:10px 0 22px;overflow-wrap:anywhere;white-space:pre-wrap;max-height:150px;overflow:auto}.duration-field{border:0;padding:0;margin:0 0 20px;min-width:0}.duration-field legend{font-size:14px;margin-bottom:10px}.duration-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.duration-options label{margin:0;position:relative}.duration-options input{position:absolute;opacity:0}.duration-options span{display:block;padding:11px 4px;border:1px solid #3a3d45;border-radius:8px;text-align:center;font-size:12px;background:#14161a;cursor:pointer}.duration-options input:checked+span{border-color:#24a7f5;color:#53bafa;background:#162c3c}.duration-options input:focus-visible+span{outline:2px solid white;outline-offset:3px}dialog{border:1px solid #3a3d45;background:#1b1d22;color:#f4f5f8;border-radius:18px;padding:27px;width:min(510px,calc(100% - 30px));max-height:85vh;overflow:auto}dialog::backdrop{background:#05080bc9;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.dialog-heading h2{font-size:20px}.close-dialog{border:0;background:transparent;color:#b4bac6;font-size:28px;padding:0 5px}#description-input{font-size:16px;min-height:180px}.word-count{text-align:right;color:#939aa7;font-size:13px;margin-top:8px}.over-limit{color:#ff9393}.primary:disabled{opacity:.45;cursor:not-allowed}

.duration-options small{display:block;font-size:12px;color:#a9b2bd;margin-top:6px}.duration-options input:checked+span small{color:#53bafa}.payment-method{border:0;padding:0;margin:22px 0}.payment-method legend{font-size:14px;margin-bottom:10px}.pix-option{display:flex;align-items:center;gap:12px;border:1px solid #32bcad;border-radius:10px;padding:15px;background:#14322e;margin:0}.pix-option input{accent-color:#32bcad}.pix-option img{width:32px;height:32px}.pix-option strong{font-size:16px}.pix-option small{display:block;color:#a9c6c0;font-size:12px;margin-top:4px}

.idea-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 12px;flex-wrap:wrap}.idea-tools label{margin:0}.generate-idea{border:1px solid #2588bf;border-radius:8px;padding:10px 12px;color:#53bafa;background:#162c3c;font-size:13px}.generate-idea:hover{background:#20435a}.idea-feedback{color:#a9c8db;font-size:13px;line-height:1.5;margin:0 0 12px}.idea-feedback:empty{display:none}

/* Compra rápida: controles legíveis e próximos da próxima ação. */
.intro{margin-bottom:25px}.intro h1{font-size:34px;letter-spacing:-1px;margin-bottom:9px}.intro p{font-size:16px}.order{margin-top:0;scroll-margin-top:20px}.workspace{gap:28px}.art{height:225px}.card-info p{font-size:14px}.card-action{display:block;font-size:14px;color:#53bafa;margin:8px 0}.filters button{min-height:44px}.help,.secure,.reference-note,.description-preview,.consent,.steps span,.duration-options span,.duration-options small,.optional,.selected p,.price small,.pix-option small,.word-count,.format-note,.checkout-instruction{font-size:14px}.help,.secure,.reference-note,.description-preview,.consent,.format-note,.checkout-instruction{color:#b7bdc9}.primary,.description-button,.generate-idea{min-height:48px;font-size:16px}.phone input{font-size:16px;min-height:50px}.consent{padding:9px 0;cursor:pointer}.consent input{width:21px;height:21px;margin-right:3px}.duration-options span{padding:13px 3px}.selected{margin-bottom:18px}.description-preview{margin-bottom:18px}.format-note{line-height:1.5;margin:12px 0 18px}.skip-description{display:block;width:100%;border:0;background:transparent;color:#c3cbd7;min-height:48px;margin-top:10px;font-size:14px;text-decoration:underline}.close-dialog{min-width:44px;min-height:44px}.checkout-instruction{line-height:1.6}.mobile-continue{display:none}.order h2{font-size:20px}.order-heading p{font-size:14px}.section-top>span{font-size:14px}.steps li{font-size:14px}.steps{padding:19px 0}.card-info h3{font-size:17px}
@media(max-width:760px){header{height:66px}main{padding-top:22px;padding-bottom:83px}.intro h1{font-size:27px}.intro p{font-size:16px;line-height:1.5}.section-top{margin-bottom:12px;gap:10px}.section-top>span{font-size:13px}.filters{margin-bottom:13px}.art{height:180px}.card-info{padding:12px}.card-info p{display:none}.card-info h3{font-size:15px}.card-action{font-size:13px;margin:8px 0 0}.reference-note{font-size:12px;margin:12px 0 0}.workspace{gap:20px}.order{padding:20px}.mobile-continue{display:block;position:fixed;bottom:0;left:0;right:0;padding:10px 5% max(10px,env(safe-area-inset-bottom));background:#111215f5;border-top:1px solid #363c46;z-index:10}.mobile-continue .primary{margin:0;min-height:50px}.mobile-continue[hidden],body:has(dialog[open]) .mobile-continue{display:none}.duration-options span{font-size:13px}.duration-options small{font-size:13px}footer{margin-top:25px}dialog{padding:20px}.idea-tools{display:block}.idea-tools label{margin-bottom:12px}.generate-idea{width:100%}.dialog-heading h2{font-size:19px}.brand-light{font-size:14px}}
@media(max-width:380px){.art{height:155px}.card-info h3{font-size:14px}.card-action{font-size:12px}.section-top>span{font-size:12px}}
.admin-main{max-width:650px}.admin-panel{position:static}.admin-panel h1{font-size:27px}.admin-panel p{font-size:16px;line-height:1.65}.admin-panel input{width:100%;background:#14161a;border:1px solid #3a3d45;border-radius:9px;padding:15px;color:white;font-size:16px}.admin-return{display:block;color:#53bafa;min-height:44px;margin-top:22px}.pix-code{width:100%;color:white;font-size:14px;min-height:70px}.pix-qr{display:block;width:210px;max-width:100%;margin:18px auto;border:8px solid white;background:white;border-radius:8px}.payment-live-status{line-height:1.6;color:#c7d3df}

.admin-panel select,#payer-email{width:100%;min-height:48px;border:1px solid #3a3d45;background:#14161a;color:white;border-radius:9px;padding:12px;font-size:16px}.admin-panel select{margin-bottom:12px}#real-payer{margin:18px 0}#real-payer .consent{margin-top:12px}

.production-status h3{line-height:1.35;font-size:24px}.production-status p{font-size:16px}.paid-label{color:#62ddb4!important;font-weight:600}.production-status p strong{color:#edf5ff}.delivery-destination{border:1px solid #39434e;background:#14191e;border-radius:10px;padding:16px;margin-top:22px}.delivery-destination span{display:block;color:#b7bdc9;font-size:14px;margin-bottom:7px}.delivery-destination strong{font-size:18px}.production-status .order-reference{font-size:12px;overflow-wrap:anywhere;color:#929baa}

.workspace{display:flex;flex-direction:column;max-width:900px;margin:auto}.catalog,.workspace>.order{width:100%}.workspace>.order{position:static;margin-top:0}.inline-description{margin-top:32px;border:1px solid var(--line);border-radius:18px;padding:25px;background:var(--panel);scroll-margin-top:20px}.inline-description textarea{min-height:150px;font-size:16px}.inline-description .dialog-heading{margin-bottom:14px}.inline-description .primary{width:100%}#flow-loading{border:1px solid #39434e;border-radius:18px;background:#1b1d22;color:#f4f5f8;padding:30px;text-align:center;max-width:min(380px,90vw)}#flow-loading::backdrop{background:#080a10bd}#flow-loading p{font-size:16px;margin:18px 0 0}.flow-spinner{width:38px;height:38px;border:3px solid #314355;border-top-color:#24a7f5;border-radius:50%;margin:auto;animation:flow-spin .8s linear infinite}@keyframes flow-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.flow-spinner{animation:none;border-color:#24a7f5}.card{transition:none}}@media(max-width:760px){.inline-description{padding:20px;margin-top:24px}.inline-description .dialog-heading h2{font-size:20px}}

.order,.inline-description{scroll-margin-top:20px}button:disabled{cursor:wait;opacity:.65}.description-preview{overflow-wrap:anywhere}.notice,.checkout-instruction{font-size:16px;line-height:1.5}.reference-note,.card-info p{font-size:14px}.demo{font-size:14px}@media(max-width:760px){.order,.inline-description{scroll-margin-bottom:90px}.inline-description{padding-bottom:24px}.duration-options span,.duration-options small{font-size:14px}}
