/* Marmo's shared material language. Approved landing hero and footer are outside these selectors. */
:root{--marmo-surface:#07142c;--marmo-glass:rgba(12,32,62,.78);--marmo-line:rgba(160,195,246,.2);--marmo-text:#f2f6ff;--marmo-muted:#b0c3df;--marmo-blue:#a9caff;--marmo-radius:30px}
.studio-shell,.services-section,.marketing-board,.idea-builder,.marmo-site-case,.project-note{background-color:var(--marmo-surface);color:var(--marmo-text);border:1px solid var(--marmo-line);border-radius:var(--marmo-radius);box-shadow:0 24px 70px #07193612;position:relative;isolation:isolate;overflow:hidden}
.studio-shell,.services-section,.marketing-board,.idea-builder,.marmo-site-case{background-image:linear-gradient(110deg,rgba(6,19,41,.97),rgba(6,19,41,.86) 55%,rgba(8,28,59,.62)),url('assets/img/marmo-flow.svg');background-size:cover;background-position:center}
.studio-shell{padding:14px}.studio-toolbar{padding:3px 3px 16px}.studio-tabs{background:#071426a8;border:1px solid var(--marmo-line);padding:5px}.studio-tabs button{color:#b0c3df}.studio-tabs button[aria-selected=true]{background:#b7d1f6;color:#071936;box-shadow:0 3px 14px #0003}.studio-tabs button:hover{color:white}.studio-tabs button[aria-selected=true]:hover{color:#071936}.studio-mark{color:#b0c3df}.studio-scene{background:transparent;border-radius:22px;padding:40px;gap:45px;min-height:475px}.scene-index{color:#b7d1f6}.scene-copy h3{color:white;font-size:clamp(34px,3.6vw,52px);letter-spacing:-.055em;line-height:1.06}.scene-copy>p{color:var(--marmo-muted);font-size:13px;line-height:1.85}.scene-note{color:#91aaca}.scene-copy .button-primary,.solution-next .button,.marketing-section .button-primary,.idea-builder .button{background:white;color:#071936;border:1px solid white;border-radius:999px;box-shadow:none}.scene-copy .button-primary:hover,.solution-next .button:hover,.marketing-section .button-primary:hover{background:#b9d4ff;color:#071936}
.marmo-chip,.status-chip{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--marmo-line);background:#abc9f20a;color:#bfd5f5;padding:7px 11px;border-radius:999px;font-size:9px;line-height:1.3;white-space:nowrap}.marmo-web-preview{width:100%;min-width:0;position:relative;isolation:isolate;background:#07142c url('assets/img/marmo-flow.svg') 58% center/cover;color:white;border:1px solid #8bb6f544;border-radius:24px;box-shadow:0 25px 45px #0003;overflow:hidden}.mini-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 19px;background:#08192de0;border-bottom:1px solid #9dbce326;font-size:8px}.mini-brand{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:600}.mini-brand img{width:25px;height:auto}.mini-nav>span:last-child{color:#adc2e0}.mini-hero{padding:30px 27px;min-height:280px;position:relative}.mini-hero>strong{display:block;font-size:clamp(38px,4.2vw,62px);line-height:.99;letter-spacing:-.065em;font-weight:550;margin-top:24px;position:relative;z-index:1}.mini-hero>strong>span{color:#9ebbe2}.mini-hero .marmo-chip{font-size:7px;padding:6px 9px}.mini-tile{position:absolute;right:9%;bottom:25px;width:88px;height:88px;display:grid;place-items:center;border-radius:25px;border:1px solid #9dc6ff77;transform:rotate(-15deg);background:linear-gradient(135deg,#3b6aa6,#0b1b39 60%,#284d7d);box-shadow:inset 0 2px 6px #b6d3ff55,0 20px 35px #0005}.mini-tile img{width:55px;height:auto}.mini-bottom{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;border-top:1px solid #ffffff14;background:#06132988;color:#b8cae4;font-size:9px}
.apcit-preview{border:1px solid #a2c6ff36;background:#0c1e38b5;border-radius:24px;overflow:hidden;box-shadow:0 25px 45px #0003}.preview-app-header{display:flex;align-items:center;gap:12px;padding:18px;border-bottom:1px solid var(--marmo-line);background:#08172cbb}.preview-app-header>div{flex:1;min-width:0}.preview-app-header strong{display:block;font-size:14px}.preview-app-header>div>span{display:block;color:#9bb4d7;font-size:8px;margin-top:3px}.brand-avatar{display:inline-grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:15px;background:linear-gradient(145deg,#5387ce,#132e54);border:1px solid #b3d2ff4d;color:#d7e8ff;font-size:18px;font-weight:500}.preview-app-body{padding:30px}.preview-eyebrow{font-size:8px;letter-spacing:.12em;color:#9db9dd}.preview-app-body h4{font-size:clamp(25px,2.9vw,39px);line-height:1.1;letter-spacing:-.05em;margin:20px 0 30px}.resource-row{display:flex;align-items:center;gap:13px;padding:17px 0;border-top:1px solid #bad4ff1c;font-size:12px}.resource-row>span:nth-child(2){flex:1}.resource-row small{display:block;color:#94afd1;font-size:9px;margin-top:5px}.resource-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:12px;background:#9bbfff15;color:#accdff}.preview-app-body .visual-caption{color:#9ab3d4;font-size:9px;margin-top:22px}
.services-section{padding:50px 40px 32px;margin-block:26px 90px}.services-section::before{background:none}.services-intro>p,.solution-description,.solution-live>p{color:var(--marmo-muted)}.services-intro h2>span{color:#9eb6d8}.capability-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.capability-card{--card:143,183,244!important;background:linear-gradient(135deg,#27466b55,#091a33b8);border:1px solid #a8c9ff20;border-radius:24px;min-height:210px;box-shadow:inset 0 1px 0 #d7e6ff0c}.capability-card[data-capability=marketing]{grid-column:span 2;min-height:210px}.capability-card[data-capability=marketing]>strong{max-width:none}.capability-card[data-capability=marketing] .capability-glyph{right:32px;top:65px;font-size:95px}.capability-card[aria-pressed=true]{background:linear-gradient(135deg,#335c96a8,#132e54b8);border-color:#b4d4ff8c;box-shadow:inset 0 0 35px #759fe42a,0 0 0 1px #90bdff14}.capability-card>strong{font-size:clamp(22px,2.4vw,31px)}.capability-top,.capability-bottom>span:first-child{color:#a9bdd8}.capability-top .icon{color:#b7d2fa}.capability-glyph{color:#8db9f21a}.solution-number{color:#b7d2fa}.solution-next .button{font-size:11px}.solution-example{color:#c6dcff}.solution-live{min-height:225px}.solution-focus{border-color:var(--marmo-line)}.sound-toggle{background:#07182e80;border-color:var(--marmo-line);color:#bed1ec}
.marketing-section{align-items:center;gap:70px}.marketing-board{padding:30px;background-position:65% center;min-height:460px;display:flex;flex-direction:column;justify-content:space-between}.marketing-board-top{align-items:center;font-size:10px;color:#c9ddfa}.creator-identity{display:flex;align-items:center;gap:11px}.creator-identity>span:last-child{font-weight:550;font-size:13px}.creator-identity small{display:block;font-size:9px;color:#9db6d8;font-weight:400;margin-top:3px}.marketing-proof{padding:38px 0 27px}.marketing-proof>span{font-size:11px;color:#b6cae5}.marketing-proof>strong{display:block;font-size:clamp(70px,8vw,116px);letter-spacing:-.075em;line-height:1.1;font-weight:500;margin-top:15px}.marketing-proof>strong>span{font-size:.45em;color:#93bdf8;margin-left:18px;vertical-align:top}.marketing-proof>p{color:#abc2e3;font-size:13px;margin-top:10px}.marketing-method{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid var(--marmo-line);padding-top:22px}.marketing-method>span{border:1px solid var(--marmo-line);padding:8px 10px;border-radius:999px;color:#bdd0eb;font-size:8px}.marketing-board>p{font-size:9px;color:#97afd0;line-height:1.8;margin-top:20px}
.idea-builder{padding:42px;margin-top:50px}.idea-intro h3,.idea-feedback h4{color:#f1f6ff}.idea-intro>p,.idea-choice-note,.idea-builder legend,.idea-builder .field-hint{color:#a9c0e0}.idea-choices label{border-color:#a3c5f333;background:#102b4a80;color:#cbdcf4;border-radius:18px;padding:16px}.idea-choices label:has(input:checked){background:#345b8c8f;border-color:#a7cbff;color:white;box-shadow:inset 0 0 24px #91baff14}.idea-choices input{accent-color:#9cc4ff;width:17px;height:17px;flex-shrink:0}.idea-result{background:#07182ba1;border:1px solid var(--marmo-line);border-radius:24px}.idea-feedback p,.idea-result>p,.idea-pieces li{color:#a8c0e1}.idea-feedback .idea-label{color:#afccf6}
.marmo-site-case{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center;padding:45px;margin-bottom:22px;scroll-margin-top:110px}.marmo-site-case h3{font-size:clamp(32px,3.8vw,52px);line-height:1.08;letter-spacing:-.055em;margin:20px 0}.marmo-site-case>div>p:not(.section-kicker){font-size:13px;color:#a9c0e0;line-height:1.85}.marmo-site-case .section-kicker,.marmo-site-case .text-link{color:#c2d7f5}.marmo-site-case .text-link{margin-top:30px;display:inline-flex}.project-note,#prisma{background:linear-gradient(135deg,#153151,#07172f);border-color:#9fc3f238;color:white;border-radius:26px;min-height:250px}.project-note::before{border-color:#6494d514}.project-note>p,#prisma>p,.project-note details>p,#prisma details>p{color:#a7bfdf}.project-note .project-state,#prisma .project-state,.project-note summary,#prisma summary{color:#b9d2f4}.pata-note{margin-bottom:20px;padding:30px}.creator-proof{background:#dce8f9;border-color:#bacde7;color:#102b4d}
/* All Marmo-owned account and legal screens use the very same hero asset. */
.marmo-owned-page{min-height:100vh;background:#07142c;color:#eef5ff;position:relative;isolation:isolate}.marmo-owned-page::before{content:'';position:fixed;inset:0;z-index:-2;background:linear-gradient(110deg,#061329c7,#0613295e),url('assets/img/marmo-flow.svg') 58% center/cover;pointer-events:none}.marmo-owned-page .portal-nav{background:#08192de6;border:1px solid var(--marmo-line);border-radius:24px;margin:18px auto 0;width:calc(100% - 40px);max-width:1200px;backdrop-filter:blur(16px)}.marmo-owned-page .portal-shell{padding-top:65px}.marmo-owned-page .portal-shell h1{color:white}.marmo-owned-page .portal-shell h1 span{color:#a3bcdf}.marmo-owned-page .portal-shell>p{color:#b6cbe8}.marmo-owned-page .portal-card,.marmo-owned-page .request-card{background:linear-gradient(135deg,#1c3b627d,#081a32df);border:1px solid var(--marmo-line);color:#e8f1ff;border-radius:28px;backdrop-filter:blur(18px);box-shadow:0 20px 70px #0002}.marmo-owned-page .portal-card p,.marmo-owned-page .request-card>p{color:#b0c6e4}.marmo-owned-page .portal-card a:not(.button),.marmo-owned-page footer a,.marmo-owned-page #portal-status{color:#c3dafa}.marmo-owned-page .portal-card .button{background:white;color:#071936;border:1px solid white;border-radius:999px}.marmo-owned-page .portal-card input:not([type=checkbox]),.marmo-owned-page .portal-card textarea,.marmo-owned-page .portal-card select,.marmo-owned-page .request-form input,.marmo-owned-page .request-form select,.marmo-owned-page .request-form textarea{background:#07182dba;border-color:#a4c6f344;color:#e6f0ff}.marmo-owned-page input[type=checkbox]{accent-color:#9bc4ff}.marmo-owned-page .portal-notice,.marmo-owned-page .draft-notice{background:#102c4dc9;border:1px solid var(--marmo-line);color:#bed1ec;border-radius:18px}.marmo-owned-page .draft-notice strong{color:white}.marmo-owned-page .legal-hero h1,.marmo-owned-page .legal-content h2,.marmo-owned-page .legal-content h3,.marmo-owned-page .request-card h2{color:white}.marmo-owned-page .legal-hero p,.marmo-owned-page .legal-content p,.marmo-owned-page .legal-content ul,.marmo-owned-page .legal-content li,.marmo-owned-page .legal-content a,.marmo-owned-page .request-form label,.marmo-owned-page .request-status,.marmo-owned-page .request-fallback{color:#b6cce9}.marmo-owned-page .legal-content,.marmo-owned-page .legal-toc{background:#081b33d9;border:1px solid var(--marmo-line);border-radius:25px}.marmo-owned-page .legal-toc a{color:#c4d9f6}.marmo-owned-page .legal-content section{border-color:var(--marmo-line)}
@media(hover:hover) and (pointer:fine){.capability-card:hover{border-color:#a6c9ff80;box-shadow:inset 0 0 35px #85b3ff24}.marmo-site-case .marmo-web-preview:hover{border-color:#b6d4ff88}}
@media(max-width:1000px){.capability-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.capability-card[data-capability=marketing]{grid-column:1/-1;min-height:160px}.studio-scene{padding:30px;gap:25px}.marketing-section{gap:35px}.marmo-site-case{gap:30px;padding:32px}.preview-app-header>.marmo-chip{display:none}}
@media(max-width:719px){.studio-shell{padding:8px;border-radius:26px}.studio-toolbar{padding-bottom:8px}.studio-tabs{width:100%}.studio-scene{padding:25px 17px;min-height:0;gap:30px}.scene-copy h3{font-size:36px}.scene-copy>p{font-size:12px}.scene-note{font-size:9px}.mini-hero{padding:24px 20px;min-height:255px}.mini-hero>strong{font-size:44px}.mini-tile{width:74px;height:74px;right:18px;bottom:28px;border-radius:22px}.mini-tile img{width:47px}.mini-nav{padding:13px 15px}.mini-nav>span:last-child{font-size:7px}.preview-app-body{padding:24px 20px}.preview-app-body h4{font-size:30px}.resource-row{gap:10px}.resource-row .status-chip{font-size:8px;padding:6px 8px}.services-section{padding:32px 18px 22px;border-radius:27px;margin-bottom:65px}.services-intro{margin-bottom:28px}.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.capability-card{padding:17px;min-height:190px;border-radius:21px}.capability-card>strong{font-size:24px}.capability-bottom{padding-top:45px;gap:7px}.capability-bottom>span:first-child{font-size:9px}.capability-card[data-capability=marketing]{min-height:150px}.capability-card[data-capability=marketing] .capability-glyph{top:40px;right:24px;font-size:80px}.capability-top{font-size:8px}.capability-top .icon{width:18px}.solution-focus{gap:20px}.marketing-board{padding:23px;min-height:410px;border-radius:26px}.marketing-proof>strong{font-size:90px}.marketing-proof{padding:30px 0}.marketing-board-top>.marmo-chip{font-size:7px;padding:6px 8px}.marketing-method{gap:7px}.marketing-method>span{font-size:7px}.idea-builder{padding:27px 18px;border-radius:26px}.idea-choices label{padding:15px 13px;min-height:56px;font-size:11px}.idea-result{padding:24px 18px}.marmo-site-case{grid-template-columns:1fr;padding:27px 18px;gap:30px;border-radius:26px}.marmo-site-case h3{font-size:36px}.marmo-owned-page .portal-nav{width:calc(100% - 24px);margin-top:12px;padding:18px}.marmo-owned-page .portal-shell{padding-top:35px}.marmo-owned-page .portal-card{padding:25px 20px}.marmo-owned-page::before{background-position:57% center}}
.studio-section,.services-section,.marketing-section,#idea-builder{scroll-margin-top:110px}.portal-brand{display:flex;align-items:center;gap:10px}.portal-brand img{width:32px;height:auto}
.marketing-section .button-primary{background:#071936;color:white;border-color:#071936}.marketing-section .button-primary:hover{background:#1f487b;color:white}.industry-section{background:#e9eff8}.industry-switcher{background:#dbe5f3}
/* Small accents, one shared blue architecture. No hero, contact or footer changes. */
.studio-shell{--section-accent:150,203,203;border-color:rgba(var(--section-accent),.3)}.studio-shell[data-color=software]{--section-accent:150,203,183}.studio-shell[data-color=web]{--section-accent:159,193,243}.studio-shell[data-color=automation]{--section-accent:186,172,222}.studio-heading .section-kicker{color:#477374}.studio-mark::before{content:'';width:5px;height:5px;background:rgb(var(--section-accent));border-radius:50%;display:inline-block}.studio-tabs button[aria-selected=true]{background:rgba(var(--section-accent),.9)}.scene-index{color:rgb(var(--section-accent))}.apcit-preview .brand-avatar{color:#caeadc;border-color:#97cab54d;background:linear-gradient(145deg,#3d7468,#132e3e)}.resource-icon{color:#b0d7c7}.resource-row .status-chip{color:#b9dbcf;border-color:#9acbb22e}.automation-visual .flow-label{color:#d0c4ea;border-color:#b1a0ce40}
.capability-card[data-capability=web]{--card:151,185,238!important}.capability-card[data-capability=catalogo]{--card:213,192,151!important}.capability-card[data-capability=ventas]{--card:151,201,175!important}.capability-card[data-capability=turnos]{--card:190,174,220!important}.capability-card[data-capability=recursos]{--card:145,200,205!important}.capability-card[data-capability=automation]{--card:209,175,158!important}.capability-card[data-capability=marketing]{--card:209,169,190!important}.capability-top .icon{color:rgb(var(--card))}.capability-top>span:first-child::before{content:'';width:4px;height:4px;display:inline-block;margin:0 6px 2px 0;background:rgb(var(--card));border-radius:50%;opacity:.9}.capability-card[aria-pressed=true]{border-color:rgba(var(--card),.7);box-shadow:inset 0 0 24px rgba(var(--card),.09),0 0 0 1px rgba(var(--card),.06)}.capability-card[aria-pressed=true] .capability-check{background:rgb(var(--card));color:#0b1c32}.capability-card[aria-pressed=true] .capability-glyph{color:rgba(var(--card),.17)}.solution-number{color:rgb(var(--mood))}#solution-features li{border-color:rgba(var(--mood),.22)}.solution-example:hover{color:rgb(var(--mood))}
.marketing-section>.marketing-copy .section-kicker,.marketing-section>div:first-child>.section-kicker{color:#885c76}.marketing-board{border-color:#c9a2bd42}.marketing-board .brand-avatar{background:linear-gradient(145deg,#7a6089,#182e4d);border-color:#d6abc44d}.marketing-board .marmo-chip{color:#dac4db;border-color:#b89bc034}.marketing-proof>strong>span{color:#ccb5d8}.marketing-method>span:first-child{border-color:#bc9bb34d}.marketing-method>span:nth-child(2){border-color:#93b8bf4d}.marketing-method>span:nth-child(3){border-color:#c4b48d4d}
.industry-label{border-left-color:#7da8aa}.industry-switcher button[aria-selected=true]{box-shadow:inset 0 -2px 0 #a4c8c3}.idea-builder{border-color:#9bc9bf40}.idea-intro>.section-kicker,.idea-intro>p:first-child{color:#b7dacf}.idea-choices label:has(input:checked){border-color:#a8d1c3;box-shadow:inset 0 0 24px #a4d0bf0c}.idea-choices input{accent-color:#b6d8ca}.idea-result{border-color:#a2cdbb35}.idea-feedback .idea-label{color:#b6d8ca}
.projects-intro .section-kicker{color:#836946}.marmo-site-case{border-color:#adc6e84d}.pata-note{border-color:#d0bd9950}.pata-note .project-kind,.pata-note .project-state{color:#d9c8a9}.pata-note::before{border-color:#cfbd9514}#apcit{border-color:#98c8bc50}#apcit .project-kind,#apcit .project-state{color:#b6d8cb}#apcit::before{border-color:#a3cbb713}#prisma{border-color:#b4a2ce50}#prisma .project-kind,#prisma .project-state{color:#c9bcde}#prisma::before{border-color:#b7a3d215}.hello-note{color:#806383}.work-note>p:not(.note-heading)::before{color:#806b96;background:#eae4f2}.creator-proof>span:first-child{color:#6f5b7f}.faq-list summary>span{color:#8f79a8}
.marmo-owned-page #signup{border-color:#a8cabb55}.marmo-owned-page #admin{border-color:#b5a1ce55}