:root{font-family:Manrope,'Segoe UI',sans-serif;color:#261542;background:#f7f5fc;--purple:#6938ef;--ink:#261542;--muted:#716780;--line:#e3dced}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}p{line-height:1.7}button,a{touch-action:manipulation}button:disabled{opacity:.5;cursor:default}[hidden]{display:none!important}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #9b6bff;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;top:-90px;left:15px;background:#fff;padding:15px;z-index:100}.skip:focus{top:15px}.app{min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 88% 15%,#e9dcff 0,transparent 42%),#f7f5fc}.studio-header{display:flex;align-items:center;gap:40px;padding:25px clamp(22px,5vw,80px);border-bottom:1px solid #ded4ee;background:#ffffffc9}.studio-brand{display:flex;align-items:center;gap:12px;font-size:27px;letter-spacing:-1.3px;font-weight:800;line-height:1.1}.brand-light{font-weight:500;margin-left:3px}.studio-brand small{font-size:12px;letter-spacing:.2px;font-weight:500;color:var(--muted);display:block;margin-top:6px}.brand-icon{width:44px;height:44px;border-radius:14px;background:var(--purple);color:#fff;display:block;text-align:center;font-size:36px;position:relative;line-height:1.05}.brand-icon>span{position:absolute;right:-5px;top:-4px;font-size:23px;color:#dafb93;text-shadow:0 1px #512bb2}.studio-header nav{display:flex;align-items:center;gap:25px;font-size:14px;font-weight:700;margin-left:auto}.nav-top{color:var(--purple)}.site-link{color:#7c7189}.header-label{font-size:12px;font-weight:700;letter-spacing:1px;border-left:1px solid var(--line);padding-left:25px;color:#82708d}.app main{width:100%;max-width:1280px;padding:38px 38px 50px;margin:0 auto;outline:none;flex:1}.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:800;color:var(--purple);margin-bottom:13px}.choice-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.choice-heading h1{font-size:clamp(36px,4.1vw,56px);line-height:1.05;letter-spacing:-2.3px;font-weight:800;margin-bottom:17px}em{font-style:normal;color:var(--purple)}.choice-heading>div>p:last-child{font-size:16px;color:var(--muted)}.choice-stamp{display:block;border:1px solid #b09ae6;background:#eae0ff;border-radius:22px;padding:22px 27px;font-size:17px;line-height:1.6;transform:rotate(6deg);color:#5328b0;margin-right:16px}.choice-stamp strong{font-size:20px}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.library-card{padding:0;text-align:left;min-width:0;border:1px solid #d6cae9;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 8px 28px #49237a08;transition:transform .22s,box-shadow .22s,border-color .22s;animation:arrive .55s both;display:flex;flex-direction:column}.library-card:nth-child(2){animation-delay:.09s}.library-card:nth-child(3){animation-delay:.18s}.library-card:hover{transform:translateY(-7px);box-shadow:0 18px 38px #5328b021;border-color:#986beb}.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 20px;background:#fff}.card-number{font-size:15px;font-weight:800;color:var(--purple)}.card-category{font-size:12px;font-weight:700;color:#766183}.library-art{padding:15px 32px 0;background:#ffe8cf;overflow:hidden;height:225px;display:flex;justify-content:center;align-items:flex-start}.card-musica .library-art{background:#ded3ff}.card-viagens .library-art{background:#d6effd}.library-art img{width:100%;max-width:235px;height:auto;display:block;transform:none;transition:transform .3s;box-shadow:0 10px 24px #33135a21}.card-musica .library-art img{transform:none}.card-viagens .library-art img{transform:none}.library-card:hover .library-art img{transform:none}.library-info{padding:22px;display:flex;flex:1;flex-direction:column}.library-info h2{font-size:23px;line-height:1.25;letter-spacing:-.7px;margin-bottom:12px}.library-info p{font-size:14px;color:var(--muted);margin-bottom:22px}.card-cta{display:flex;align-items:center;justify-content:space-between;margin-top:auto;border-top:1px solid var(--line);padding-top:17px;font-size:14px;color:var(--purple);font-weight:800}.card-cta>span{width:29px;height:29px;border-radius:50%;background:#eee5ff;display:grid;place-items:center;font-size:22px;font-weight:500}.library-card:hover .card-cta>span{background:var(--purple);color:#fff}.choice-note{font-size:14px;color:var(--muted);margin-top:22px;text-align:center}.app-footer{padding:23px clamp(22px,5vw,80px);display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line);color:#81748e;font-size:12px}.app-footer p{max-width:570px}.app-footer strong{color:#573784}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.back-choice{display:inline-block;font-size:14px;font-weight:700;color:var(--purple);margin-bottom:18px;text-decoration:underline;text-underline-offset:4px}.page-head h1{font-size:38px;line-height:1.12;letter-spacing:-1.2px}.pill{font-size:12px;font-weight:700;border:1px solid #d2bdf6;border-radius:99px;color:#6533c5;background:#eee5ff;padding:9px 13px}.post-workspace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:25px;align-items:start}.chat-panel,.delivery-panel{border:1px solid #dbcfed;border-radius:21px;background:#fff;min-width:0;overflow:hidden;box-shadow:0 7px 30px #43256b06}.chat-header{padding:20px;display:flex;align-items:center;justify-content:space-between;gap:13px;background:#faf7ff;border-bottom:1px solid var(--line);flex-wrap:wrap}.chat-identity{display:flex;align-items:center;gap:12px}.ai-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:var(--purple);color:#e3ffa6;font-size:27px}.chat-identity h2{font-size:16px;font-weight:800}.chat-identity p{font-size:12px;color:var(--muted);margin-top:3px}.play-controls{display:flex;gap:6px;margin-left:auto}.play-controls button{padding:8px 10px;min-height:36px;font-size:12px;background:#fff;border:1px solid #ddcfee;border-radius:8px}.play-controls button:hover{background:#eee4ff}.chat-log{height:540px;overflow:auto;overscroll-behavior:contain;padding:25px;scrollbar-width:thin;scrollbar-color:#c3ace6 transparent;scroll-behavior:smooth}.message{margin-bottom:24px;max-width:100%}.sender{font-size:12px;color:#8c789d;font-weight:700;display:block;margin-bottom:8px}.bubble{font-size:16px;line-height:1.75;overflow-wrap:anywhere}.customer{margin-left:30px}.customer .sender{text-align:right}.customer .bubble{background:#6a3aec;color:#fff;border-radius:17px 17px 3px 17px;padding:16px 19px}.assistant .sender{color:var(--purple)}.message.appear{animation:arrive .4s ease-out both}.topic-options{display:grid;gap:9px;margin-top:16px}.topic-option{border:1px solid #daccec;border-radius:12px;background:#fff;padding:14px;text-align:left;display:grid;grid-template-columns:23px minmax(0,1fr);gap:10px;width:100%}.topic-option>span{font-size:12px;color:var(--purple);padding-top:2px}.topic-option strong{font-size:14px;display:block;line-height:1.5}.topic-option small{font-size:12px;display:block;color:var(--muted);line-height:1.6;margin-top:5px}.topic-option:hover,.topic-option[aria-pressed=true]{background:#f3ebff;border-color:#9d76dd}.typing{display:flex;align-items:center;gap:5px;color:var(--muted);padding:10px 0;font-size:12px}.typing span{width:6px;height:6px;border-radius:50%;background:#9165df;animation:dot 1.2s infinite}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}.typing small{margin-left:7px;font-size:12px}.chat-attachment{display:flex;align-items:center;gap:15px;background:#f6f1ff;border:1px solid #dcccfa;border-radius:13px;padding:12px;width:100%;text-align:left;margin-top:15px}.chat-attachment img{width:70px;height:auto;border-radius:5px}.chat-attachment strong{display:block;font-size:14px;line-height:1.5}.chat-attachment small{display:block;color:#785b98;font-size:12px;margin-top:6px}.chat-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.chat-actions button{border:1px solid #d3baf6;background:#f0e6ff;border-radius:9px;color:#6737b0;padding:11px 13px;font-size:14px;font-weight:700;min-height:44px}.alt-excerpt{padding:15px 18px;border-left:3px solid #976be7;background:#f7f2ff;margin-top:14px;color:#674685;font-size:15px}.chat-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:15px 20px;border-top:1px solid var(--line);background:#faf7ff}.chat-bottom span{font-size:12px;color:var(--muted)}.chat-bottom button{font-size:14px;font-weight:800;color:var(--purple);border:0;background:transparent;min-height:38px;white-space:nowrap}.delivery-header{padding:23px;border-bottom:1px solid var(--line)}.delivery-header .eyebrow{font-size:12px;margin-bottom:10px}.delivery-header h2{font-size:24px;line-height:1.35;letter-spacing:-.5px}.delivery-header p{font-size:12px;color:var(--muted);margin-top:8px}.delivery-empty{min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.empty-mark{font:italic 45px Georgia;color:#ad8ee0;margin-bottom:20px}.delivery-empty h3{font-size:28px;line-height:1.25;margin-bottom:15px}.delivery-empty p{font-size:16px;color:var(--muted)}.deliverable-list{display:flex;list-style:none;padding:0;gap:8px;margin:22px 0 0;flex-wrap:wrap;justify-content:center}.deliverable-list li{border:1px solid #dfd2ed;border-radius:7px;padding:7px 10px;font-size:12px;color:#826495}.delivery-tabs{display:flex;padding:12px;gap:5px;border-bottom:1px solid var(--line)}.delivery-tabs button{flex:1;min-height:44px;border:0;background:white;color:#7f6b90;border-radius:9px;font-size:14px}.delivery-tabs button[aria-selected=true]{background:var(--purple);color:#fff;font-weight:700}.post-image-wrap{background:#f0e9f9;padding:18px}.image-zoom{display:block;background:transparent;border:0;width:100%;padding:0;cursor:zoom-in}.image-zoom img{width:100%;height:auto;max-height:450px;object-fit:contain;display:block;filter:drop-shadow(0 4px 10px #41216e15)}.image-meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted);padding:14px 18px}.caption-scroll{max-height:500px;overflow:auto;padding:23px;scrollbar-width:thin}.caption-scroll h3{font-size:17px;margin-bottom:12px}.variant-label{font-size:12px;color:var(--muted);margin-bottom:18px}.caption-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.8;color:#564363}.delivery-actions{padding:18px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:9px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 16px;border:1px solid #d9c8ef;border-radius:10px;font-size:14px;font-weight:700;background:#fff;color:#633fa0;line-height:1.5}.button:hover{background:#f2eaff}.primary{background:var(--purple);color:#fff;border-color:var(--purple)}.primary:hover{background:#5424ce}.delivery-actions .button{flex:1;padding:11px}.caption-file{width:100%;font-size:12px;color:#785398;text-decoration:underline;text-underline-offset:4px;padding:7px}.delivery-foot:empty{display:none}dialog{border:1px solid #cbb5e9;border-radius:20px;padding:0;width:min(850px,calc(100% - 26px));max-height:92dvh;background:#f5effd;color:var(--ink)}dialog::backdrop{background:#1d0d3ccd;backdrop-filter:blur(4px)}.dialog-bar{position:sticky;top:0;background:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.dialog-bar h2{font-size:16px}.dialog-bar .button{font-size:14px}dialog>img{width:100%;height:auto;display:block}.dialog-footer{padding:18px;text-align:center}.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);border-radius:13px;background:#48228b;color:#fff;box-shadow:0 8px 35px #27143b30;padding:15px 22px;font-size:14px;z-index:100;max-width:calc(100% - 32px);width:max-content}
@keyframes arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes dot{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}
@media(max-width:1000px){.header-label{display:none}.library-grid{gap:16px}.library-art{height:195px;padding-inline:20px}.library-info{padding:19px}.library-info h2{font-size:20px}.app main{padding-inline:25px}.chat-log{padding:20px}.post-workspace{gap:20px}.chat-header{padding:17px}.play-controls{width:100%;justify-content:flex-end}}
@media(max-width:700px){.studio-header{padding:20px;gap:16px}.studio-brand{font-size:24px}.studio-brand small{font-size:12px}.brand-icon{width:39px;height:39px;font-size:33px}.studio-header nav{gap:0}.site-link{display:none}.nav-top{font-size:13px}.app main{padding:29px 19px 35px}.choice-heading{margin-bottom:24px}.choice-heading h1{font-size:38px;letter-spacing:-1.6px}.choice-heading>div>p:last-child{font-size:15px}.choice-stamp{display:none}.library-grid{grid-template-columns:1fr;gap:20px}.library-card{display:grid;grid-template-columns:110px minmax(0,1fr);border-radius:19px;position:relative}.card-top{grid-column:1/-1;padding:12px 16px;border-bottom:1px solid var(--line)}.library-art{height:100%;min-height:228px;padding:22px 7px 0;align-items:center}.library-art img{width:125px;max-width:none;transform:none;flex-shrink:0}.library-info{padding:18px 15px}.library-info h2{font-size:20px;line-height:1.25}.library-info p{font-size:14px;margin-bottom:17px}.card-cta{font-size:14px;padding-top:13px;gap:8px}.card-cta>span{flex-shrink:0;width:25px;height:25px;font-size:20px}.card-category{font-size:12px}.choice-note{font-size:13px}.app-footer{padding:20px;flex-wrap:wrap;gap:8px;font-size:12px}.page-head h1{font-size:32px;letter-spacing:-1px}.page-head{flex-wrap:wrap;gap:18px}.post-workspace{grid-template-columns:1fr}.chat-header{padding:16px}.play-controls{width:auto}.chat-identity h2{font-size:15px}.chat-log{height:470px;padding:20px 16px}.customer{margin-left:15px}.bubble{font-size:16px}.chat-bottom{padding:13px 15px}.image-zoom img{max-height:none}.post-image-wrap{padding:12px}.delivery-header{padding:20px}.delivery-header h2{font-size:23px}.delivery-empty{min-height:290px}.caption-scroll{max-height:none;padding:20px}.delivery-actions{padding:15px}.image-meta{font-size:12px}.topic-option{padding:12px;gap:5px}.choice-heading .eyebrow{font-size:12px}}
@media(max-width:360px){.studio-header{padding:17px 15px}.studio-brand{font-size:21px}.brand-icon{width:35px;height:35px;font-size:29px}.studio-header nav{font-size:12px}.app main{padding-inline:15px}.choice-heading h1{font-size:34px}.library-card{grid-template-columns:85px minmax(0,1fr)}.library-info{padding:17px 13px}.library-art img{width:110px}.card-cta{font-size:13px}.card-cta>span{display:none}.library-info h2{font-size:19px}.play-controls{width:100%;justify-content:flex-end}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.product-label{font-size:12px;font-weight:800;letter-spacing:1.4px;color:var(--purple);margin-bottom:10px}.play-controls .start-button{background:var(--purple);color:#fff;border-color:var(--purple);font-size:15px;font-weight:800;min-height:48px;padding:12px 20px}.play-controls .start-button:hover{background:#5424ce}.chat-log.waiting{height:auto;min-height:220px;display:grid;align-items:center}.chat-ready{padding:15px 0}.ready-label{font-size:12px;color:var(--purple);font-weight:800;letter-spacing:1px}.chat-ready h3{font-size:23px;line-height:1.35;margin:12px 0}.chat-ready p{font-size:16px;color:var(--muted)}.brand-icon{line-height:1.1}.ai-avatar{font-size:23px;font-weight:800}@media(max-width:700px){.page-head{margin-bottom:19px}.page-head h1{font-size:28px}.back-choice{margin-bottom:12px}.page-head .pill{display:none}.chat-header{gap:14px}.play-controls{width:100%;margin-left:0}.play-controls .start-button{width:100%}.chat-log.waiting{min-height:190px}.chat-ready h3{font-size:21px}.chat-bottom{align-items:flex-start}.chat-bottom span{max-width:175px}.product-label{margin-bottom:9px}.app main{padding-top:23px}}

.brand-icon{display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif;font-size:30px;font-weight:800;line-height:1;flex-shrink:0}.card-cta>span{position:relative;display:block;flex-shrink:0}.card-cta>span::before,.card-cta>span::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:currentColor;border-radius:1px}.card-cta>span::before{width:12px;height:2px}.card-cta>span::after{width:2px;height:12px}@media(max-width:700px){.brand-icon{font-size:27px}}@media(max-width:360px){.brand-icon{font-size:24px}.card-cta>span{display:block}}

.delivery-notice{padding:12px 20px;background:#eee5ff;border-bottom:1px solid #d9c9f4;color:#59369c;font-size:14px;line-height:1.6}#delivery{scroll-margin-top:18px}.post-workspace:has(#delivery[hidden]){grid-template-columns:minmax(0,680px);justify-content:center}@media(max-width:700px){.chat-bottom{flex-wrap:wrap}.chat-bottom button{white-space:normal;text-align:left}}

.simulation-progress{display:block;width:100%;height:5px;border:0;background:#ece0ff;accent-color:#6938ef}.simulation-progress::-webkit-progress-bar{background:#ece0ff}.simulation-progress::-webkit-progress-value{background:#6938ef;transition:width .35s}.simulation-progress::-moz-progress-bar{background:#6938ef}.chat-bottom .generate-button{background:#6938ef;color:white;border:1px solid #6938ef;border-radius:10px;padding:13px 20px;font-size:16px;min-height:48px}.chat-bottom .generate-button:hover{background:#5424ce}.finished{padding-block:24px}.finished .ready-label{display:inline-block;background:#eee4ff;padding:8px 12px;border-radius:7px}.post-workspace.showing-delivery{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.showing-delivery .image-zoom img{max-height:450px}@media(max-width:700px){.chat-bottom:has(.generate-button:not([hidden])){flex-direction:column;align-items:stretch}.chat-bottom:has(.generate-button:not([hidden]))>span{max-width:none}.chat-bottom .generate-button{width:100%;text-align:center}.showing-delivery .image-zoom img{max-height:none}}

@media(max-width:700px){.post-workspace.showing-delivery{grid-template-columns:1fr}.showing-delivery .image-zoom img{max-height:none}}

.chat-bottom{flex-direction:column;align-items:stretch;gap:12px}.chat-bottom>span{max-width:none}.chat-bottom .play-controls{width:100%;margin:0;justify-content:flex-start;flex-wrap:wrap}.chat-bottom .play-controls button{border:1px solid #ddcfee;background:#fff;color:#633fa0;border-radius:9px;min-height:44px;padding:10px 16px;font-size:14px}.chat-bottom .play-controls .start-button{background:#6938ef;color:#fff;border-color:#6938ef;flex:1;min-height:48px;font-size:16px}.chat-bottom .generate-button{width:100%}@media(max-width:700px){.chat-bottom>span{max-width:none}.chat-bottom .play-controls{justify-content:flex-start}}

.inline-generate{display:flex;width:100%;min-height:50px;margin-top:18px;font-size:16px;text-align:center}.replay-area{display:flex;justify-content:center;margin-top:26px}.replay-area:has(button[hidden]){display:none}.replay-area .button{min-height:46px;color:#78549d;background:transparent}.replay-area .button:hover{background:#eee5ff}

.creative-proposal{padding:18px 15px;cursor:pointer}.creative-proposal strong{font-size:17px;line-height:1.4}.proposal-section{display:block;margin-top:15px;font-size:14px;line-height:1.7;color:#5d4b6c}.proposal-label{display:block;font-size:12px;line-height:1.5;font-weight:800;color:#6938bf;margin-bottom:5px}.art-direction{background:#f5efff;border-radius:8px;padding:12px}.proposal-select{display:block;margin-top:15px;padding-top:12px;border-top:1px solid #e2d7ef;font-size:14px;font-weight:800;color:#6938ef}@media(max-width:700px){.creative-proposal{grid-template-columns:20px minmax(0,1fr);padding:16px 12px;gap:8px}.creative-proposal strong{font-size:16px}.art-direction{padding:10px}.proposal-section{font-size:14px}}

.idea-confirmation{border:1px solid #dcccf4;border-radius:13px;padding:18px;background:#fcfaff}.idea-confirmation h3{font-size:21px;line-height:1.4;margin:8px 0 12px}.idea-confirmation>p{font-size:14px;color:#655374}.idea-confirmation .proposal-section{margin-top:19px;font-size:15px}.idea-confirmation .proposal-label{color:#6938bf;font-weight:800;font-size:12px}.confirmation-deliverables{margin-top:20px;padding-top:16px;border-top:1px solid #e4d9f2}@media(max-width:700px){.idea-confirmation{padding:15px}.idea-confirmation h3{font-size:20px}}

/* Compact suggestion cards; full artwork remains available in the delivery. */
.card-top{padding:11px 18px}.library-art{height:195px}.library-info{padding:17px 20px}.library-info h2{margin-bottom:8px}.library-info p{margin-bottom:15px}.card-cta{padding-top:12px}
@media(max-width:700px){
.library-grid{gap:16px}.card-top{padding:9px 14px}.library-card{grid-template-columns:110px minmax(0,1fr)}
.library-art{position:relative;padding:0;min-height:0;height:auto;align-self:stretch}
.library-art img,.card-musica .library-art img,.card-viagens .library-art img,.library-card:hover .library-art img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;transform:none;box-shadow:none}
.library-info{padding:13px 14px}.library-info h2{font-size:18px;line-height:1.25;margin-bottom:7px}.library-info p{font-size:14px;line-height:1.5;margin-bottom:11px}.card-cta{padding-top:9px;min-height:35px}.card-cta>span{width:23px;height:23px}
}
@media(max-width:360px){.library-card{grid-template-columns:90px minmax(0,1fr)}.library-info{padding:12px}.library-info h2{font-size:17px}}



/* Expandable solution catalog. */
.solution-card{border:1px solid #d8c8f4;border-radius:24px;overflow:hidden;margin-bottom:24px;background:#fff}
.solution-summary{list-style:none;cursor:pointer;padding:30px;background:linear-gradient(115deg,#f0e7ff,#e5d5ff);color:#291447}
.solution-summary::-webkit-details-marker{display:none}
.solution-summary:focus-visible{outline:3px solid #6938ef;outline-offset:-5px}
.solution-category{display:block;font-size:12px;font-weight:800;letter-spacing:1.5px;color:#6433c5}
.solution-summary h1,.outbound-solution h2{font-size:clamp(27px,3vw,38px);line-height:1.2;letter-spacing:-1px;margin:12px 0}
.solution-summary>p,.outbound-solution>p{font-size:16px;max-width:640px}
.solution-toggle{display:inline-flex;align-items:center;gap:20px;margin-top:22px;padding:12px 18px;min-height:46px;background:#6938ef;color:white;border-radius:10px;font-size:14px;font-weight:800}
.solution-chevron{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-4px}
.collapse-label{display:none}
.social-solution[data-expanded=true] .collapse-label{display:inline}
.social-solution[data-expanded=true] .expand-label{display:none}
.social-solution[data-expanded=true] .solution-chevron{transform:rotate(225deg);margin-top:4px}
.solution-content{padding:28px}
.solution-content .choice-heading h2{font-size:28px;line-height:1.2;letter-spacing:-1px;margin-bottom:12px}
.solution-content .choice-heading .eyebrow,.solution-content .choice-stamp{display:none}
.outbound-solution{padding:30px;background:linear-gradient(115deg,#edf6ff,#dcecff);border-color:#bdd7f4;color:#123a63}
.outbound-top{display:flex;align-items:center;justify-content:space-between;gap:15px}
.outbound-solution .solution-category{color:#255e9a}
.coming-soon{white-space:nowrap;font-size:12px;font-weight:700;border:1px solid #a8c7e8;border-radius:99px;padding:6px 12px;background:#f3f9ff}
.outbound-tags,.social-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.outbound-tags span,.social-tags span{font-size:13px;padding:7px 11px;background:#ffffff80;border-radius:7px;color:#25547f}
@media(max-width:700px){.solution-summary,.outbound-solution{padding:22px 19px}.solution-card{border-radius:20px;margin-bottom:20px}.solution-content{padding:20px 12px}.solution-content .choice-heading{padding:0 6px}.solution-content .choice-heading h2{font-size:25px}.solution-content .library-card{grid-template-columns:95px minmax(0,1fr)}.solution-content .library-info{padding:12px}.solution-content .library-info h2{font-size:17px}.solution-category{font-size:12px;letter-spacing:1px}.outbound-top{align-items:flex-start}.solution-toggle{width:100%;justify-content:space-between}}

/* Desktop: compact visual offers, with the next solution in view. */
@media(min-width:701px){
.app main{padding-top:24px}
.solution-summary{padding:20px 24px;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:26px;align-items:center}
.solution-summary .solution-category,.solution-summary h1,.solution-summary>p{grid-column:1}
.solution-summary h1{font-size:30px;margin:6px 0}
.solution-summary>p{font-size:14px;line-height:1.6;max-width:none}
.solution-toggle{grid-column:2;grid-row:1/4;margin:0}
.solution-content{padding:18px 22px}
.solution-content .choice-heading{margin-bottom:15px}
.solution-content .choice-heading h2{font-size:23px;margin-bottom:5px}
.solution-content .choice-heading>div>p:last-child{font-size:14px}
.solution-content .library-grid{gap:14px}
.solution-content .library-card{display:grid;grid-template-columns:100px minmax(0,1fr);border-radius:15px}
.solution-content .card-top{grid-column:1/-1;padding:8px 12px;border-bottom:1px solid var(--line)}
.solution-content .library-art{position:relative;padding:0;height:auto;min-height:170px;align-self:stretch}
.solution-content .library-art img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;box-shadow:none}
.solution-content .library-info{padding:12px}
.solution-content .library-info h2{font-size:17px;line-height:1.3;letter-spacing:-.4px;margin-bottom:8px}
.solution-content .library-info p{font-size:13px;line-height:1.5;margin-bottom:12px}
.solution-content .card-cta{font-size:13px;padding-top:9px;gap:7px}
.solution-content .card-cta>span{width:23px;height:23px}
.solution-content .choice-note{margin-top:12px;font-size:12px}
.outbound-solution{padding:20px 24px}
.outbound-solution h2{font-size:28px;margin:6px 0}
.outbound-solution>p{font-size:14px;max-width:none}
.outbound-tags{margin-top:12px}
}
@media(min-width:701px) and (max-width:1000px){
.solution-content .library-card{grid-template-columns:75px minmax(0,1fr)}
.solution-content .library-info{padding:10px}
.solution-content .library-info h2{font-size:16px}
.solution-content .library-info p{display:none}
.solution-content .card-category{font-size:11px}
.solution-content .library-art{min-height:160px}
}

@media(min-width:701px){
.page-head h1 br{display:none}
.post-workspace:has(#delivery[hidden]){grid-template-columns:minmax(0,1fr);justify-content:stretch}
.post-workspace:has(#delivery[hidden]) .chat-header{padding:22px 28px}
.post-workspace:has(#delivery[hidden]) .chat-log{padding:28px 32px}
.post-workspace:has(#delivery[hidden]) .chat-bottom{padding:18px 28px}
.post-workspace:has(#delivery[hidden]) .chat-ready h3{font-size:27px}
.post-workspace:has(#delivery[hidden]) .chat-identity h2{font-size:18px}
}

.solution-previews{display:none}
@media(max-width:700px){.solution-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:18px;pointer-events:none}.solution-previews img{display:block;width:100%;height:auto;aspect-ratio:1122/1402;object-fit:cover;border-radius:8px;border:1px solid #ffffff90;box-shadow:0 3px 10px #47207a12}.solution-summary .solution-toggle{margin-top:16px}}

@media(max-width:700px){.solution-previews{display:flex;gap:9px;margin-top:12px;height:76px}.solution-previews img{width:auto;height:76px;aspect-ratio:1122/1402;object-fit:contain;flex:none;border-radius:6px}.solution-summary .solution-toggle{margin-top:12px}.solution-summary{-webkit-tap-highlight-color:transparent}}

.library-card[aria-pressed=true]{border-color:#6938ef;box-shadow:0 0 0 2px #6938ef;background:#faf7ff}.library-card[aria-pressed=true] .card-cta>span{background:#6938ef;color:white}.library-start{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px}.library-start p{font-size:14px;color:#655374}.library-start .button{min-width:220px}.library-start .button:disabled{background:#e9e2f4;border-color:#e0d6ef;color:#7b6b91;opacity:1;cursor:not-allowed}@media(max-width:700px){.library-start{flex-direction:column;align-items:stretch;padding:0 6px;gap:10px}.library-start .button{width:100%;min-height:50px}}

@media(min-width:701px){.post-workspace.showing-delivery{align-items:stretch}.showing-delivery .chat-panel{display:flex;flex-direction:column;min-height:0}.showing-delivery .chat-header{flex:none}.showing-delivery .chat-log{height:0;min-height:540px;flex:1;scroll-behavior:auto}.showing-delivery .delivery-panel{align-self:stretch}}

.solution-summary{cursor:default}.solution-toggle{border:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer}.solution-toggle>*{pointer-events:none}

.login-link{display:inline-flex;align-items:center;justify-content:center;background:#6938ef;color:white;padding:10px 18px;border-radius:9px;font-size:14px;font-weight:700;min-height:42px}.studio-header nav{margin-left:auto;gap:18px}

/* Guided editorial demo: the same idea is confirmed before selecting its product. */
.solution-simulation-note{display:block;font-size:12px;line-height:1.6;color:#705488;margin-top:12px;grid-column:1/-1}
.demo-play-icon{font-size:23px;line-height:1}.solution-toggle{justify-content:center;gap:14px;box-shadow:0 5px 16px #6938ef26}
.demo-mode-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.demo-mode-options button{display:block;text-align:left;border:1px solid #d9c8ef;border-radius:12px;padding:16px;background:#fff;min-height:88px}.demo-mode-options strong{display:block;color:#6538b0;font-size:15px}.demo-mode-options small{display:block;font-size:13px;line-height:1.6;color:#7b6b89;margin-top:7px}.demo-mode-options button:hover{background:#f7f1ff;border-color:#a376ec}.demo-mode-options button[aria-pressed=true]{border-color:#6938ef;background:#f0e6ff;box-shadow:0 0 0 1px #6938ef}
.demo-mode-options button:disabled,.topic-option:disabled,.demo-product-photo:disabled{opacity:1;cursor:default}.demo-mode-options button:disabled:not([aria-pressed=true]),.topic-option:disabled:not([aria-pressed=true]){opacity:.55}.topic-option[aria-pressed=true]{box-shadow:0 0 0 1px #9d76dd}.demo-edit-choice{display:inline-flex;align-items:center;min-height:44px;font-size:13px;border:0;background:transparent;color:#6938bf;text-decoration:underline;text-underline-offset:3px;padding:9px 0;margin-top:4px}
.demo-photo-note{font-size:14px;color:#796888;margin-top:8px}.demo-product-photo{display:flex;align-items:center;gap:20px;text-align:left;width:min(100%,390px);border:1px solid #d5c0f3;border-radius:14px;padding:14px;background:#fcfaff;margin-top:18px;min-height:130px}.demo-product-photo>img{width:105px;height:105px;object-fit:contain;background:#fff;border-radius:8px;flex-shrink:0}.demo-product-photo strong{display:block;font-size:16px;color:#6938bf}.demo-product-photo small{display:block;font-size:12px;margin-top:7px;color:#80718e;line-height:1.6}.demo-product-photo:hover,.demo-product-photo[aria-pressed=true]{border-color:#6938ef;background:#f1e8ff;box-shadow:0 0 0 1px #6938ef}
.demo-product-confirmed{display:flex;align-items:center;gap:11px;padding:10px 12px;background:#f1e9fc;border-radius:8px;margin-top:16px;font-size:13px!important;color:#653c96!important}.demo-product-confirmed img{object-fit:contain;border-radius:5px;background:#fff;flex-shrink:0}.demo-example-note{display:block;text-align:center;font-size:12px;color:#857391;margin-top:9px}.demo-result-note{font-size:12px;line-height:1.6;padding:0 18px 16px;color:#8b789c}.demo-result-next{display:flex;gap:9px;padding:16px 18px;border-top:1px solid #e3dced;background:#fcfaff}.demo-result-next>*{flex:1}.caption-file{border:0;background:none;cursor:pointer}.message[tabindex='-1']{scroll-margin-top:18px;outline:none}.chat-log{scroll-padding-top:22px}.chat-bottom>span{max-width:none}
@media(min-width:701px){.solution-summary{grid-template-columns:minmax(0,1fr) auto;column-gap:32px}.solution-previews{display:flex;grid-column:1;gap:9px;margin-top:17px;height:88px}.solution-previews img{display:block;width:auto;height:88px;border-radius:6px;object-fit:contain;box-shadow:0 4px 12px #5720841a}.solution-summary .solution-toggle{grid-row:1/5;min-height:54px;padding:14px 24px;font-size:16px}.solution-simulation-note{grid-column:1}.post-workspace:has(#delivery[hidden]){grid-template-columns:minmax(0,800px);justify-content:center}.showing-delivery .chat-log{min-height:540px}.chat-log{height:560px}}
@media(max-width:700px){.demo-mode-options{grid-template-columns:1fr;gap:10px}.demo-mode-options button{min-height:76px;padding:13px 15px}.demo-mode-options small{margin-top:4px}.chat-log{height:auto;max-height:none;overflow:visible;padding:20px 16px}.post-workspace.showing-delivery .chat-log{height:auto;min-height:0}.demo-product-photo{gap:14px;padding:12px}.demo-product-photo>img{width:90px;height:90px}.demo-product-photo strong{font-size:15px}.demo-result-next{flex-wrap:wrap}.demo-result-next>*{min-width:120px;font-size:13px}.solution-simulation-note{font-size:12px;margin-top:11px}.solution-toggle{justify-content:center;font-size:16px;min-height:48px}.simulation-progress{height:4px}.bubble .topic-options{gap:11px}.message[tabindex='-1']{scroll-margin-top:18px}.page-head h1{font-size:27px}}

/* Reciprocal navigation uses the full Consultor.ia wordmark with a centered tagline. */
.studio-header{gap:24px}.studio-brand-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:18px;width:386px;min-width:0}
.studio-brand-group>.studio-brand{min-width:0;min-height:52px;justify-content:center}.studio-brand-group .studio-brand small{white-space:nowrap}
.consultoria-entry{display:flex;align-items:center;justify-content:center;min-width:0;min-height:52px;border-radius:10px;color:#172c43;white-space:nowrap}
.consultoria-wordmark{display:block;font-size:29px;font-weight:800;line-height:1.25;letter-spacing:-1px}.consultoria-suffix{color:#096b57;font-weight:500}
.consultoria-wordmark small{display:block;margin-top:7px;font-size:9px;font-weight:500;line-height:1.25;letter-spacing:2px;color:#617183;text-align:center}
.consultoria-entry:hover{background:#096b5708}.consultoria-entry:focus-visible{outline:3px solid #149b7d;outline-offset:4px}.studio-header nav{flex-shrink:0}
@media(max-width:700px){
 .studio-header{padding:18px 16px;gap:12px}.studio-brand-group{width:auto;flex:1;gap:10px}.studio-brand-group>.studio-brand,.consultoria-entry{min-height:50px}
 .studio-brand-group>.studio-brand{font-size:22px;gap:7px;letter-spacing:-.8px}.studio-brand-group .studio-brand small{font-size:9px;letter-spacing:0;margin-top:5px}.studio-brand-group .brand-icon{width:30px;height:30px;border-radius:10px;font-size:24px}
 .consultoria-wordmark{font-size:clamp(17px,5.1vw,23px);letter-spacing:-.7px}.consultoria-wordmark small{font-size:clamp(6px,1.6vw,7.5px);letter-spacing:1px;margin-top:5px}.studio-header .login-link{min-height:44px;padding:9px 11px;font-size:13px}
}
@media(max-width:360px){
 .studio-header{padding:16px 12px;gap:8px}.studio-brand-group{gap:8px}.studio-brand-group>.studio-brand{font-size:19px;gap:6px}.studio-brand-group .studio-brand small{font-size:8px}.studio-brand-group .brand-icon{width:28px;height:28px;font-size:23px}.consultoria-wordmark small{letter-spacing:.8px}.studio-header .login-link{padding-inline:9px;font-size:12px}
}

/* Paired previews share dimensions, navigation and the same three-step cycle. */
.social-solution .solution-summary{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:16px}
.social-solution .solution-category,.social-solution .solution-summary h1,.social-solution .solution-copy>p,.social-solution .solution-toggle{grid-column:auto;grid-row:auto;margin:0}
.social-solution .solution-summary h1{font-size:clamp(26px,3vw,34px);line-height:1.15}
.social-solution .solution-copy>p{font-size:15px;line-height:1.45;max-width:480px}
.social-solution .solution-toggle{width:100%;min-height:46px;margin:0}
.solution-copy{display:contents}.social-solution .solution-showcase{grid-row:4}.solution-showcase{min-width:0}
.showcase-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.showcase-carousel{min-width:0}.showcase-carousel h2{font-size:13px;line-height:1.3;font-weight:800;margin:0 0 6px;color:#593287}
.showcase-frames{width:100%;aspect-ratio:4/5;overflow:hidden;border-radius:9px;background:#eee3fb;box-shadow:0 3px 10px #47207a0d}
.showcase-slide{height:100%;width:100%}.showcase-slide img{display:block;width:100%;height:100%;object-fit:cover}
.showcase-slide img[src$="cafe-aurora-horarios.png"]{object-position:center top}
.showcase-controls{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:2px;padding-inline:0}
.showcase-controls button{display:grid;place-items:center;min-width:40px;min-height:36px;padding:0;border:0;background:transparent;color:#6538b0;border-radius:8px;font-size:30px;line-height:1}

.showcase-controls button:hover{background:#ffffffb3}.showcase-count{font-size:11px;font-variant-numeric:tabular-nums;color:#705488;white-space:nowrap;min-width:28px;text-align:center}
@media(min-width:701px){
 .social-solution .solution-summary{grid-template-columns:minmax(0,1fr) minmax(280px,384px);column-gap:28px;align-items:center;padding:20px}
 .social-solution .solution-copy{display:grid;gap:12px}.social-solution .solution-showcase{grid-column:2;grid-row:1}
 .social-solution .solution-category,.social-solution .solution-summary h1,.social-solution .solution-copy>p,.social-solution .solution-toggle{grid-column:1}
 .social-solution .solution-toggle{max-width:360px;min-height:48px;margin-top:4px}
 .showcase-carousel h2{font-size:14px}
}
@media(max-width:700px){
 .choosing main{padding-top:12px;padding-bottom:24px}.choosing .solution-card{margin-bottom:12px}
 .social-solution .solution-summary{padding:14px 16px;gap:8px}.social-solution .solution-category{font-size:11px}
 .social-solution .solution-copy>p{font-size:14px;line-height:1.45}
 .choosing .outbound-solution{padding:16px 19px}.choosing .outbound-solution h2{margin:8px 0}
}

@media(max-width:700px) and (max-height:600px){
 .social-solution .solution-summary{padding-block:12px}.showcase-pair{max-width:194px;margin-inline:auto}
}

.social-solution .welcome-offer{grid-row:6;font-size:12px;line-height:1.45;color:#593287;text-decoration:none;max-width:390px}.welcome-offer:hover{text-decoration:underline}.welcome-offer:focus-visible{outline:2px solid #683af2;outline-offset:3px}
@media(min-width:701px){.social-solution .welcome-offer{grid-column:1;grid-row:auto}}
@media(max-width:700px){.showcase-pair{max-width:260px;margin-inline:auto}}
@media(max-width:700px) and (max-height:600px){.showcase-pair{max-width:152px}}

@media(max-width:700px) and (max-height:600px){.social-solution .solution-category{display:none}.social-solution .solution-copy>p{display:none}.social-solution .solution-summary{gap:7px}.social-solution .welcome-offer{font-size:11px}}

/* Keep feature labels next to the offer text without an extra desktop row. */
.social-tags{grid-column:1/-1;grid-row:7;margin-top:0}.social-tags span{color:#593287}
@media(min-width:701px){.social-tags{grid-column:1;grid-row:auto}}

/* Keep Social compact and show both Outbound benefits on mobile. */
@media (max-width:700px) {
  .social-tags,.outbound-tags {
    flex-wrap:nowrap;
    gap:6px;
    min-width:0;
  }
  .social-tags>span:nth-child(2) {
    display:none;
  }
  .social-tags>span,.outbound-tags>span {
    flex:0 0 auto;
    white-space:nowrap;
    font-size:clamp(10px,3vw,12px);
    padding:6px 8px;
  }
}

/* The tutorial uses this same interactive simulation, without a second page header. */
html[data-studio-embed=social] :is(.studio-header,.app-footer,.page-head,.skip){display:none!important}
html[data-studio-embed=social] .app{min-height:100dvh}
html[data-studio-embed=social] .app main{width:100%;max-width:none;padding:16px;margin:0}
html[data-studio-embed=social] .post-workspace{margin:0;align-items:start}
html[data-studio-embed=social] .chat-log{height:auto;max-height:none;overflow:visible}
html[data-studio-embed=social] .replay-area{margin-top:16px}
html[data-studio-embed=social] .chat-identity h2{font-size:17px}
@media(max-width:700px){html[data-studio-embed=social] .app main{padding:10px}html[data-studio-embed=social] .chat-header{padding:14px}html[data-studio-embed=social] .chat-log{padding:16px 12px}}

#social-offer{background:#f0e5ff;border-color:#d3b6f5}html[data-studio-theme=dark] #social-offer{background:#271838;border-color:#5c4278}html[data-studio-theme=dark] #social-offer .social-tags span{background:#39244f;color:#cfb4fa}

#social-offer.social-solution>.solution-summary{background:transparent}


html[data-studio-theme=dark] #social-offer.social-solution>.solution-summary{background:#271838}html[data-studio-theme=light] #social-offer.social-solution>.solution-summary{background:#f0e5ff}

/* A single return control is shared by the public simulations. */
.app .simulation-back{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin:0 0 18px;padding:0;color:var(--studio-accent);font-size:14px;font-weight:500;line-height:1.5;text-decoration:none}
.app .simulation-back:hover{text-decoration:underline;text-underline-offset:4px}
.app .simulation-back[data-agent=outbound]{color:#3177a9}.app .simulation-back[data-agent=insights]{color:#176f4a}
html[data-studio-theme=dark] .simulation-back[data-agent=outbound]{color:#80bafa}html[data-studio-theme=dark] .simulation-back[data-agent=insights]{color:#7bd6aa}
@media(max-width:700px){.app .simulation-back{font-size:13px;margin-bottom:18px}}