/* Sea Of Glass And Mirrors — Appearance Engine 0.5.23
   Contract: layouts may reposition PRESENTATION, never mutate content/media data.
   Every public hero remains full-bleed and every layout remains responsive. */
:root{
  --sog-accent:#21d4f3;--sog-accent-2:#1388c9;--sog-theme-bg:#020b18;
  --sog-theme-surface:#0a2036;--sog-theme-text:#f6fbff;
  --sog-layout-max:1280px;--sog-layout-gap:clamp(16px,2vw,28px);
}
html[data-sog-appearance]{background:var(--sog-theme-bg)!important}
body[data-sog-design]{background:var(--sog-theme-bg)!important;color:var(--sog-theme-text)!important;transition:background-color .25s ease,color .25s ease}
body[data-sog-design] main{background:var(--sog-theme-bg)!important;overflow-x:clip}
body[data-sog-design] main>section:not(.hero-carousel):not(.page-hero):not(.article-hero-local):not(.sog-location-modal__dialog){background-color:var(--sog-theme-bg)!important;color:var(--sog-theme-text)!important}
body[data-sog-design] .bg-alt{background:color-mix(in srgb,var(--sog-theme-surface) 56%,var(--sog-theme-bg))!important}
body[data-sog-design] .card,
body[data-sog-design] article,
body[data-sog-design] .service-card,
body[data-sog-design] .category-card,
body[data-sog-design] .contact-card,
body[data-sog-design] .content-card,
body[data-sog-design] .series-item,
body[data-sog-design] .partition-application-card{border-color:color-mix(in srgb,var(--sog-accent) 24%,transparent)!important}
body[data-sog-design] a,body[data-sog-design] .section-title{--theme-accent:var(--sog-accent)}
body[data-sog-design] .button,body[data-sog-design] .btn,body[data-sog-design] button[type="submit"],body[data-sog-design] .cta-button,body[data-sog-design] .hero-cta,body[data-sog-design] .hero-free-estimate{border-color:color-mix(in srgb,var(--sog-accent) 70%,transparent)!important}
body[data-sog-design] .nav-link.active,body[data-sog-design] .nav-link:hover,body[data-sog-design] [aria-current="page"]{border-color:var(--sog-accent)!important;box-shadow:0 0 18px color-mix(in srgb,var(--sog-accent) 24%,transparent)!important}
body[data-sog-design] h1::after,body[data-sog-design] h2::after,body[data-sog-design] .accent-line{background:var(--sog-accent)!important}
body[data-sog-design] .theme-accent{color:var(--sog-accent)!important}

/* FULL-BLEED INVARIANT — fixes the 1180px clipping introduced by earlier theme selectors. */
body[data-sog-design] .hero-carousel,
body[data-sog-design] .page-hero,
body[data-sog-design] .article-hero-local{
  width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;
}
body[data-sog-design] .hero-carousel{width:100vw!important;max-width:100vw!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important}
body[data-sog-design] .hero-carousel .carousel-container,
body[data-sog-design] .hero-carousel .carousel-slide{inset:0!important;width:100%!important;max-width:none!important;height:100%!important;background-size:cover!important;background-repeat:no-repeat!important}
body[data-sog-design] .hero-carousel .carousel-slide{background-position:center center!important}
body[data-sog-design] .hero-content{width:min(1180px,92vw)!important;margin-inline:auto!important}

/* Shared visual grammar: palette truly reaches panels, fields, cards and maps. */
body[data-sog-design] .contact-map-card,
body[data-sog-design] .contact-location-card,
body[data-sog-design] .local-service-map,
body[data-sog-design] .partition-benefits,
body[data-sog-design] .partition-official-page,
body[data-sog-design] .article-reading-card,
body[data-sog-design] .article-reading-section>div,
body[data-sog-design] .about-content{
  background-color:color-mix(in srgb,var(--sog-theme-surface) 86%,var(--sog-theme-bg))!important;
  border-color:color-mix(in srgb,var(--sog-accent) 30%,transparent)!important;
}

/* DESIGN 1 — Cristal Editorial: centered editorial hierarchy, broad balanced cards. */
body[data-sog-design="design-1"]{--sog-layout-max:1240px}
body[data-sog-design="design-1"] main>section:not(.hero-carousel):not(.page-hero):not(.article-hero-local):not(.sog-location-modal__dialog)>.container,
body[data-sog-design="design-1"] main>section:not(.hero-carousel):not(.page-hero):not(.article-hero-local):not(.sog-location-modal__dialog){max-width:var(--sog-layout-max);margin-inline:auto}
body[data-sog-design="design-1"] .hero-content{text-align:center!important}
body[data-sog-design="design-1"] .card,body[data-sog-design="design-1"] article,body[data-sog-design="design-1"] .content-card{border-radius:22px!important;background:color-mix(in srgb,var(--sog-theme-surface) 88%,transparent)!important}

/* DESIGN 2 — Pasarela de Espejos: gallery/runway focus, center hero. */
body[data-sog-design="design-2"]{--sog-layout-max:1380px}
body[data-sog-design="design-2"] .hero-content{text-align:center!important}
body[data-sog-design="design-2"] .gallery-grid,body[data-sog-design="design-2"] [class*="carousel"],body[data-sog-design="design-2"] .runway-stage{perspective:1200px}
body[data-sog-design="design-2"] .gallery-grid{max-width:1320px!important;margin-inline:auto!important}
body[data-sog-design="design-2"] .gallery-item,body[data-sog-design="design-2"] [class*="carousel"] img{border-radius:16px!important;box-shadow:0 18px 48px rgba(0,0,0,.36),0 0 28px color-mix(in srgb,var(--sog-accent) 17%,transparent)!important}
body[data-sog-design="design-2"] .gallery-item:nth-child(3n+1){transform:perspective(1000px) rotateY(2.2deg)}
body[data-sog-design="design-2"] .gallery-item:nth-child(3n){transform:perspective(1000px) rotateY(-2.2deg)}

/* DESIGN 3 — Paneles Luminosos: modular panels, visible surface/color change. */
body[data-sog-design="design-3"]{--sog-layout-max:1320px}
body[data-sog-design="design-3"] main>section:not(.hero-carousel):not(.page-hero):not(.article-hero-local):not(.sog-location-modal__dialog){max-width:var(--sog-layout-max);margin:24px auto!important;border:1px solid color-mix(in srgb,var(--sog-accent) 30%,transparent)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--sog-theme-surface) 90%,transparent),color-mix(in srgb,var(--sog-theme-bg) 94%,transparent))!important;border-radius:26px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 20px 54px rgba(0,0,0,.24)!important;overflow:hidden}
body[data-sog-design="design-3"] .hero-content{text-align:center!important}

/* DESIGN 4 — Corporativo Premium: split/structured presentation. */
body[data-sog-design="design-4"]{--sog-layout-max:1320px}
body[data-sog-design="design-4"] .hero-content{width:min(1320px,92vw)!important;text-align:left!important;display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)!important;align-content:center!important;column-gap:clamp(24px,5vw,80px)!important}
body[data-sog-design="design-4"] .hero-content h1,body[data-sog-design="design-4"] .hero-content h2,body[data-sog-design="design-4"] .hero-content p,body[data-sog-design="design-4"] .hero-content .hero-btns,body[data-sog-design="design-4"] .hero-content .hero-free-estimate{grid-column:1!important;justify-self:start!important}
body[data-sog-design="design-4"] main>section:not(.hero-carousel):not(.page-hero):not(.article-hero-local):not(.sog-location-modal__dialog){max-width:var(--sog-layout-max);margin-inline:auto!important}
body[data-sog-design="design-4"] h1,body[data-sog-design="design-4"] h2{text-transform:uppercase;letter-spacing:.055em}
body[data-sog-design="design-4"] .card,body[data-sog-design="design-4"] article{border-radius:14px!important}

/* DESIGN 5 — Cinemático: dominant full-bleed photography + lower-left overlay. */
body[data-sog-design="design-5"] .hero-carousel{min-height:min(88vh,900px)!important}
body[data-sog-design="design-5"] .hero-content{text-align:left!important;align-self:end!important;margin-bottom:clamp(48px,8vh,110px)!important;margin-left:max(4vw,28px)!important;margin-right:auto!important;width:min(760px,88vw)!important}
body[data-sog-design="design-5"] .hero-content h1,body[data-sog-design="design-5"] .hero-content h2{transform:none!important;text-align:left!important}
body[data-sog-design="design-5"] .hero-btns{justify-content:flex-start!important;margin-top:24px!important;transform:none!important}
body[data-sog-design="design-5"] main>section:not(.hero-carousel):not(.page-hero):not(.article-hero-local):not(.sog-location-modal__dialog){padding-block:clamp(48px,7vw,96px)!important}

/* DESIGN 6 — Magazine: editorial columns/cards. */
body[data-sog-design="design-6"]{--sog-layout-max:1380px}
body[data-sog-design="design-6"] .hero-content{text-align:center!important}
body[data-sog-design="design-6"] .blog-grid,body[data-sog-design="design-6"] .gallery-grid,body[data-sog-design="design-6"] .categories-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;max-width:var(--sog-layout-max)!important;margin-inline:auto!important}
body[data-sog-design="design-6"] article,body[data-sog-design="design-6"] .card{overflow:hidden;border-radius:12px!important;background:color-mix(in srgb,var(--sog-theme-surface) 84%,transparent)!important}

/* DESIGN 7 — Minimal Lux: air, text-first, reduced decoration. */
body[data-sog-design="design-7"]{--sog-layout-max:1080px}
body[data-sog-design="design-7"] .hero-content{width:min(900px,88vw)!important;text-align:center!important}
body[data-sog-design="design-7"] main>section:not(.hero-carousel):not(.page-hero):not(.article-hero-local):not(.sog-location-modal__dialog){max-width:var(--sog-layout-max);margin-inline:auto!important;padding-block:clamp(58px,8vw,112px)!important}
body[data-sog-design="design-7"] .card,body[data-sog-design="design-7"] article{background:transparent!important;border-color:color-mix(in srgb,var(--sog-accent) 20%,transparent)!important;box-shadow:none!important}
body[data-sog-design="design-7"] h1,body[data-sog-design="design-7"] h2{letter-spacing:.08em}

/* DESIGN 8 — Galería Arquitectónica: asymmetric SECTION composition, but media frames remain governed. */
body[data-sog-design="design-8"]{--sog-layout-max:1380px}
body[data-sog-design="design-8"] .hero-content{text-align:left!important;margin-left:max(5vw,36px)!important;margin-right:auto!important;width:min(880px,88vw)!important}
body[data-sog-design="design-8"] .gallery-grid{gap:clamp(16px,2vw,28px)!important;max-width:var(--sog-layout-max)!important;margin-inline:auto!important}
body[data-sog-design="design-8"] .gallery-item{border:1px solid color-mix(in srgb,var(--sog-accent) 35%,transparent)!important;box-shadow:0 18px 42px rgba(0,0,0,.27)!important}
body[data-sog-design="design-8"] .featured-series .series-grid-main{max-width:var(--sog-layout-max)!important;margin-inline:auto!important;display:grid!important;grid-template-columns:1fr!important;gap:var(--sog-layout-gap)!important}

/* Palette has visible impact on principal navigation and calls-to-action. */
body[data-sog-design] .btn:not(.btn-outline),body[data-sog-design] .hero-free-estimate,body[data-sog-design] .free-estimate-btn{background:linear-gradient(135deg,var(--sog-accent),var(--sog-accent-2))!important;color:var(--sog-theme-button-text,var(--sog-theme-text))!important}
body[data-sog-design] .btn-outline{background:color-mix(in srgb,var(--sog-theme-surface) 70%,transparent)!important;color:var(--sog-theme-text)!important}

@media(max-width:1050px){
  body[data-sog-design="design-4"] .hero-content{display:block!important;text-align:center!important}
  body[data-sog-design="design-4"] .hero-content>*{justify-self:auto!important}
  body[data-sog-design="design-6"] .blog-grid,body[data-sog-design="design-6"] .gallery-grid,body[data-sog-design="design-6"] .categories-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body[data-sog-design="design-8"] .featured-series .series-grid-main{grid-template-columns:1fr!important}
}
@media(max-width:680px){
  body[data-sog-design] .hero-carousel{width:100%!important;left:0!important;transform:none!important}
  body[data-sog-design="design-5"] .hero-content,body[data-sog-design="design-8"] .hero-content{margin-inline:auto!important;text-align:center!important}
  body[data-sog-design="design-6"] .blog-grid,body[data-sog-design="design-6"] .gallery-grid,body[data-sog-design="design-6"] .categories-grid{grid-template-columns:1fr!important}
  body[data-sog-design="design-2"] .gallery-item{transform:none!important}
}
@media(prefers-reduced-motion:reduce){body[data-sog-design]{transition:none!important}}


/* Version 0.5.23 — Professional multi-color palette engine */
:root{--sog-accent-3:#7cf6ff;--sog-theme-bg-2:#003a66;--sog-theme-surface-2:#0c6a8e;--sog-theme-muted:#b8e9f5;--sog-theme-border:#53e6ff;--sog-theme-button:#00bce8;--sog-theme-button-2:#006dff;--sog-theme-nav:#021d3c;--sog-theme-nav-text:#f5fdff}
body[data-sog-design]{background:linear-gradient(145deg,var(--sog-theme-bg) 0%,color-mix(in srgb,var(--sog-theme-bg-2) 72%,var(--sog-theme-bg)) 56%,var(--sog-theme-bg) 100%)!important}
body[data-sog-design] main{background:linear-gradient(180deg,var(--sog-theme-bg),color-mix(in srgb,var(--sog-theme-bg-2) 45%,var(--sog-theme-bg)) 48%,var(--sog-theme-bg))!important}
body[data-sog-design] .header,body[data-sog-design] header.header{background:transparent!important;background-color:transparent!important;background-image:none!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:var(--sog-theme-nav-text)!important}
body[data-sog-design] .header-container{background:color-mix(in srgb,var(--sog-theme-nav) 78%,transparent)!important;border-color:color-mix(in srgb,var(--sog-theme-border) 45%,transparent)!important;color:var(--sog-theme-nav-text)!important}
body[data-sog-design] .premium-mobile-nav{background:linear-gradient(120deg,var(--sog-theme-nav),color-mix(in srgb,var(--sog-theme-nav) 64%,var(--sog-theme-surface-2)))!important;border-color:color-mix(in srgb,var(--sog-theme-border) 45%,transparent)!important;color:var(--sog-theme-nav-text)!important}
body[data-sog-design] .nav a,body[data-sog-design] .premium-nav-list a{color:var(--sog-theme-nav-text)!important}
body[data-sog-design] .nav a.active,body[data-sog-design] .nav a:hover,body[data-sog-design] .premium-nav-list a[aria-current="page"]{background:linear-gradient(135deg,var(--sog-theme-button),var(--sog-theme-button-2))!important;color:var(--sog-theme-button-text,var(--sog-theme-text))!important;border-color:var(--sog-theme-accent, var(--sog-accent))!important;box-shadow:0 8px 24px color-mix(in srgb,var(--sog-accent) 28%,transparent)!important}
body[data-sog-design] .btn:not(.btn-outline),body[data-sog-design] .button,body[data-sog-design] button[type="submit"],body[data-sog-design] .cta-button,body[data-sog-design] .hero-cta,body[data-sog-design] .hero-free-estimate,body[data-sog-design] .free-estimate-btn{background:linear-gradient(135deg,var(--sog-theme-button),var(--sog-theme-button-2))!important;border-color:color-mix(in srgb,var(--sog-theme-border) 74%,transparent)!important;box-shadow:0 10px 28px color-mix(in srgb,var(--sog-theme-button) 25%,transparent)!important}
body[data-sog-design] .btn-outline{background:color-mix(in srgb,var(--sog-theme-surface) 76%,transparent)!important;border-color:color-mix(in srgb,var(--sog-theme-border) 62%,transparent)!important;color:var(--sog-theme-text)!important}
body[data-sog-design] .card,body[data-sog-design] article,body[data-sog-design] .service-card,body[data-sog-design] .category-card,body[data-sog-design] .contact-card,body[data-sog-design] .content-card,body[data-sog-design] .series-item,body[data-sog-design] .partition-application-card{background:linear-gradient(150deg,color-mix(in srgb,var(--sog-theme-surface) 94%,transparent),color-mix(in srgb,var(--sog-theme-surface-2) 72%,var(--sog-theme-surface)))!important;border-color:color-mix(in srgb,var(--sog-theme-border) 42%,transparent)!important}
body[data-sog-design] .bg-alt,body[data-sog-design] section.bg-alt{background:linear-gradient(140deg,color-mix(in srgb,var(--sog-theme-bg-2) 76%,var(--sog-theme-bg)),color-mix(in srgb,var(--sog-theme-surface) 68%,var(--sog-theme-bg)))!important}
body[data-sog-design] .section-title,body[data-sog-design] h1,body[data-sog-design] h2{color:var(--sog-theme-text)!important}
body[data-sog-design] p,body[data-sog-design] .muted,body[data-sog-design] small{color:var(--sog-theme-muted)}
body[data-sog-design] .contact-map-card,body[data-sog-design] .contact-location-card,body[data-sog-design] .local-service-map{background:linear-gradient(145deg,color-mix(in srgb,var(--sog-theme-surface) 95%,transparent),color-mix(in srgb,var(--sog-theme-bg-2) 70%,var(--sog-theme-surface-2)))!important;box-shadow:0 18px 48px color-mix(in srgb,var(--sog-theme-bg) 60%,transparent),0 0 34px color-mix(in srgb,var(--sog-accent) 14%,transparent)!important}
body[data-sog-design] .map-point,body[data-sog-design] .location-dot{background:var(--sog-accent-3)!important;box-shadow:0 0 18px var(--sog-accent),0 0 42px color-mix(in srgb,var(--sog-accent-2) 60%,transparent)!important}
body[data-sog-design] .footer{background:linear-gradient(115deg,var(--sog-theme-nav),color-mix(in srgb,var(--sog-theme-nav) 58%,var(--sog-theme-bg-2)))!important;border-top-color:color-mix(in srgb,var(--sog-theme-border) 35%,transparent)!important}

/* Version 0.5.23 — herencia cromática completa de contenedores textuales */
body[data-sog-design] .testimonial-card,
body[data-sog-design] .about-content,
body[data-sog-design] .official-article-card,
body[data-sog-design] .official-article-card .category-info,
body[data-sog-design] .content-text,
body[data-sog-design] .article-card,
body[data-sog-design] .blog-card,
body[data-sog-design] .contact-info,
body[data-sog-design] .glass-info-card,
body[data-sog-design] .info-card,
body[data-sog-design] .feature-card,
body[data-sog-design] .service-card{
 background:linear-gradient(150deg,color-mix(in srgb,var(--sog-theme-surface) 90%,transparent),color-mix(in srgb,var(--sog-theme-surface-2) 78%,var(--sog-theme-bg-2)))!important;
 border-color:color-mix(in srgb,var(--sog-theme-border) 55%,transparent)!important;
 box-shadow:0 14px 34px color-mix(in srgb,var(--sog-theme-bg) 52%,transparent),inset 0 1px rgba(255,255,255,.035)!important;
}
body[data-sog-design] .testimonial-card p,
body[data-sog-design] .testimonial-card strong,
body[data-sog-design] .about-content p,
body[data-sog-design] .content-text p,
body[data-sog-design] .official-article-card p{color:var(--sog-theme-text)!important}
body[data-sog-design] .testimonial-card strong,
body[data-sog-design] .official-article-cta{color:var(--sog-accent-3)!important}
body[data-sog-design] .testimonial-card::before{color:color-mix(in srgb,var(--sog-accent-3) 28%,transparent)!important}
body[data-sog-design] .testimonial-card strong::before{background:linear-gradient(90deg,var(--sog-accent-3),transparent)!important}

/* v0.5.23 — Desktop navigation shell: never paint a rectangular header plate behind the rounded menu. */
body[data-sog-design] header.header,body[data-sog-design] .header{background:transparent!important;background-color:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}

/* SOG-123 r5 — Universal global-design geometry contract.
   Page Designs are website-wide visual systems, not page presets.  These tokens
   intentionally target shared primitives so future pages inherit the same world
   without per-page hardcoding. */
body[data-sog-design="design-1"]{--sog-card-radius:22px;--sog-media-radius:18px;--sog-button-radius:12px;--sog-nav-radius:24px;--sog-section-space:clamp(54px,6.5vw,88px);--sog-card-shadow:0 16px 42px rgba(0,0,0,.24);--sog-ui-letter:.015em}
body[data-sog-design="design-2"]{--sog-card-radius:18px;--sog-media-radius:16px;--sog-button-radius:999px;--sog-nav-radius:999px;--sog-section-space:clamp(58px,7vw,96px);--sog-card-shadow:0 22px 54px rgba(0,0,0,.34),0 0 28px color-mix(in srgb,var(--sog-accent) 13%,transparent);--sog-ui-letter:.025em}
body[data-sog-design="design-3"]{--sog-card-radius:26px;--sog-media-radius:20px;--sog-button-radius:14px;--sog-nav-radius:18px;--sog-section-space:clamp(48px,6vw,84px);--sog-card-shadow:inset 0 1px rgba(255,255,255,.055),0 18px 48px rgba(0,0,0,.28);--sog-ui-letter:.018em}
body[data-sog-design="design-4"]{--sog-card-radius:12px;--sog-media-radius:10px;--sog-button-radius:8px;--sog-nav-radius:10px;--sog-section-space:clamp(50px,6vw,82px);--sog-card-shadow:0 12px 32px rgba(0,0,0,.22);--sog-ui-letter:.055em}
body[data-sog-design="design-5"]{--sog-card-radius:8px;--sog-media-radius:4px;--sog-button-radius:4px;--sog-nav-radius:4px;--sog-section-space:clamp(68px,8vw,112px);--sog-card-shadow:0 28px 70px rgba(0,0,0,.42);--sog-ui-letter:.08em}
body[data-sog-design="design-6"]{--sog-card-radius:10px;--sog-media-radius:8px;--sog-button-radius:8px;--sog-nav-radius:12px;--sog-section-space:clamp(44px,5.5vw,76px);--sog-card-shadow:0 10px 30px rgba(0,0,0,.24);--sog-ui-letter:.025em}
body[data-sog-design="design-7"]{--sog-card-radius:2px;--sog-media-radius:2px;--sog-button-radius:999px;--sog-nav-radius:999px;--sog-section-space:clamp(72px,9vw,128px);--sog-card-shadow:none;--sog-ui-letter:.075em}
body[data-sog-design="design-8"]{--sog-card-radius:6px;--sog-media-radius:2px;--sog-button-radius:6px;--sog-nav-radius:8px;--sog-section-space:clamp(52px,6.5vw,92px);--sog-card-shadow:0 20px 52px rgba(0,0,0,.30);--sog-ui-letter:.035em}

body[data-sog-design] main>section:not(.hero-carousel):not(.page-hero):not(.article-hero-local):not(.sog-location-modal__dialog){padding-top:var(--sog-section-space);padding-bottom:var(--sog-section-space)}
body[data-sog-design] .card,
body[data-sog-design] article,
body[data-sog-design] .service-card,
body[data-sog-design] .category-card,
body[data-sog-design] .contact-card,
body[data-sog-design] .content-card,
body[data-sog-design] .series-item,
body[data-sog-design] .partition-application-card,
body[data-sog-design] .testimonial-card,
body[data-sog-design] .official-article-card,
body[data-sog-design] .article-reading-card,
body[data-sog-design] .glass-info-card,
body[data-sog-design] .info-card,
body[data-sog-design] .feature-card{border-radius:var(--sog-card-radius)!important;box-shadow:var(--sog-card-shadow)!important}
body[data-sog-design] .gallery-item,
body[data-sog-design] .gallery-item img,
body[data-sog-design] .series-item img,
body[data-sog-design] .blog-card img,
body[data-sog-design] .article-card img,
body[data-sog-design] .mirror-runway,
body[data-sog-design] .runway-slide,
body[data-sog-design] .runway-slide img{border-radius:var(--sog-media-radius)!important}
body[data-sog-design] .btn,
body[data-sog-design] .button,
body[data-sog-design] button[type="submit"],
body[data-sog-design] .cta-button,
body[data-sog-design] .hero-cta,
body[data-sog-design] .hero-free-estimate,
body[data-sog-design] .free-estimate-btn{border-radius:var(--sog-button-radius)!important;letter-spacing:var(--sog-ui-letter)!important}
body[data-sog-design] .header-container{border-radius:var(--sog-nav-radius)!important}
body[data-sog-design] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
body[data-sog-design] textarea,
body[data-sog-design] select{border-radius:var(--sog-button-radius)!important;border-color:color-mix(in srgb,var(--sog-theme-border) 42%,transparent)!important}
body[data-sog-design] .section-title,
body[data-sog-design] main h2,
body[data-sog-design] main h3{letter-spacing:var(--sog-ui-letter)}

@media(max-width:1050px){
  body[data-sog-design]{--sog-section-space:clamp(44px,7vw,74px)}
}
@media(max-width:680px){
  body[data-sog-design]{--sog-section-space:clamp(36px,8vw,58px)}
  body[data-sog-design] .header-container{border-radius:min(var(--sog-nav-radius),18px)!important}
}

/* SOG-123 — Semantic contrast governance.
   Palette surfaces own their readable foreground. Explicit Editor inline color
   remains authoritative; otherwise textual descendants inherit the semantic token. */
body[data-sog-design] .card:not([style*="color:"]),
body[data-sog-design] article:not([style*="color:"]),
body[data-sog-design] .service-card:not([style*="color:"]),
body[data-sog-design] .category-card:not([style*="color:"]),
body[data-sog-design] .content-card:not([style*="color:"]),
body[data-sog-design] .sog-editorial-panel:not([style*="color:"]){color:var(--sog-theme-surface-text,var(--sog-theme-text))}
body[data-sog-design] .sog-editorial-panel :is(h1,h2,h3,h4,h5,h6,p,li,strong,em,span):not([style*="color:"]){color:inherit}
body[data-sog-design] .sog-editorial-list li:not([style*="color:"]){color:var(--sog-theme-surface-text,var(--sog-theme-text));background:color-mix(in srgb,var(--sog-theme-surface-2) 76%,var(--sog-theme-surface));border-color:color-mix(in srgb,var(--sog-theme-border) 52%,transparent)}
body[data-sog-design] .sog-editorial-panel :is(h1,h2,h3):not([style*="text-shadow:"]){text-shadow:0 2px 10px color-mix(in srgb,var(--sog-theme-bg) 42%,transparent)}