/* Approved palette: shared surfaces and accessible color accents. */
:root{--paper:#f6f3eb;--cream:#eeeae0;--dark:#0b0d0b;--lime:#c7f45b;--palette-panel:#171d17;--palette-accent-text:#48622e;--palette-muted:#596152;--palette-light-muted:#bbc3b4;--palette-border:#cccdbf}
.choose-section,.page-intro,.feature-section,.price-section,.plans-section,.pricing-faq{background:var(--paper)}
.marketing-method,.service-section,.automation-section,.product-section,.start-band{background:var(--cream)}
.page-hero,.faq-home,.portal-section,.flow-section{background:var(--dark);color:var(--paper)}
.commerce-hero{background:radial-gradient(circle at 74% 38%,var(--palette-panel) 0,var(--dark) 49%)}
.choose-section h2 em,.marketing-method h2 em,.start-band h2 em,.page-intro h2 em,.service-section h2 em,.product-section h2 em,.feature-section h2 em,.price-section h2 em,.automation-section h2 em,.pricing-faq h2 em{color:var(--palette-accent-text)}
.start-band-copy>p,.marketing-method-copy>p:not(.section-label):not(.method-note){color:var(--palette-muted)}
.start-band{border-top:1px solid var(--palette-border)}
.start-band-terms span{color:var(--palette-accent-text);border-color:#989f8d}
.offer-panel-software,.campaign-map,.service-visual-head,.marketing-visual-media,.automation-visual-design{background:var(--palette-panel)}
.offer-panel-custom,.map-review,.map-brief,.marketing-visual-creative,.automation-visual-current{background:var(--cream);color:#111611}
.map-review strong em{color:var(--palette-accent-text)}
.map-media,.automation-visual-questions>div{background:#262e24;border-color:#56634c}
.campaign-map figcaption,.map-media>span,.marketing-visual-media>small,.automation-visual-design>p{color:var(--palette-light-muted)}
.faq-home{border-color:#343b30}
.faq-home .faq-list,.faq-home .faq-list details{border-color:#56634c}
.faq-home .faq-list details[open]{background:var(--palette-panel);border-color:#849276}
.faq-home-intro>p:not(.section-label),.faq-home .faq-list details p{color:var(--palette-light-muted)}
.faq-home-count,.faq-home .section-label{color:var(--lime)}
.contact{background:var(--paper);color:#111611}
.contact h2 em{color:var(--palette-accent-text)}
.contact-grid>div:first-child>p:not(.section-label){color:var(--palette-muted)}
.contact-tags span{border-color:#989f8d;color:var(--palette-accent-text)}
.contact-card{background:#fffdf8;border-color:var(--palette-border);box-shadow:0 22px 45px #1116110a}
.contact-kicker,.contact-card p,.contact-card small{color:var(--palette-muted)}
.contact-card button:disabled{background:#e1e4d9;color:#536044}
.contact .section-label,.marketing-method .section-label,.choose-section .section-label,.start-band .section-label{color:var(--palette-accent-text)}
.portal-section .section-label,.flow-section .section-label{color:var(--lime)}
.portal-section .section-label span,.flow-section .section-label span{color:var(--palette-light-muted)}

/* Rebranding Mia Conecta: logo horizontal final original, sin recolorear. */
.brand.mia-brand { gap: 0; min-height: 48px; flex-shrink: 0; }
.brand.mia-brand .brand-logo { display: block; width: 200px; height: auto; aspect-ratio: 2000 / 271; object-fit: contain; flex: 0 0 auto; border-radius: 0; }
.site-footer .brand.mia-brand .brand-logo { width: 250px; }
@media (max-width: 640px) {
  .brand.mia-brand .brand-logo { width: 180px; }
  .site-footer .brand.mia-brand .brand-logo { width: 220px; }
  .software-page .site-header .brand.mia-brand .brand-logo { width: 100%; max-width: 140px; min-width: 0; flex-shrink: 1; }
}
@media (max-width: 360px) {
  body.software-page .site-header .header-inner { gap: 3px; }
  .software-page .site-header .brand.mia-brand .brand-logo { max-width: 115px; }
  body.software-page .site-header .os-mobile-meeting { padding-inline: 7px; gap: 3px; }
}

/* Logo MIA en las tres demostraciones elegidas; el PNG original no se altera. */
.marketing-compact .mia-interface-logo,
.software-page .mia-interface-logo { display: inline-flex; position: relative; align-items: center; justify-content: center; width: 100px; height: 40px; overflow: hidden; vertical-align: middle; background: transparent; border-radius: 0; }
.marketing-compact .mia-interface-logo img,
.software-page .mia-interface-logo img { display: block; width: 100px; height: 100px; max-width: none; flex: 0 0 100px; object-fit: contain; }
.software-page .os-mobile-brand .mia-interface-logo,
.software-page .sc-mobile-brand .mia-interface-logo,
.marketing-compact .mp-portal-mobile-head .mia-interface-logo { display: inline-flex; width: 80px; height: 32px; margin-top: 0; }
.software-page .os-mobile-brand .mia-interface-logo img,
.software-page .sc-mobile-brand .mia-interface-logo img,
.marketing-compact .mp-portal-mobile-head .mia-interface-logo img { width: 80px; height: 80px; flex-basis: 80px; }

/* Navbar al hacer scroll: se achica y se vuelve translúcido en todas las páginas (2026-11-06). */
.site-header .header-inner{transition:min-height .22s ease}
.site-header .brand.mia-brand .brand-logo{transition:transform .22s ease;transform-origin:left center}
body .site-header.is-scrolled{background:rgba(11,13,11,.88);box-shadow:0 6px 20px rgba(0,0,0,.12)}
body .site-header.is-scrolled .brand.mia-brand .brand-logo{transform:scale(.82)}
@media(min-width:1051px){body .site-header.is-scrolled .header-inner{min-height:64px}}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  body .site-header.is-scrolled{background:rgba(11,13,11,.6);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
}
@media(max-width:1050px){
  @supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
    body .site-header.is-scrolled{background:rgba(11,13,11,.68);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
  }
}
@media(prefers-reduced-motion:reduce){.site-header .header-inner,.site-header .brand.mia-brand .brand-logo{transition:none}}