html[class*="proposal-"]{color-scheme:light;--bg:#fff;--surface:#fff;--ink:#161719;--muted:#5f6468;--line:#dfe0de;--white:#f8f8f6}
html[class*="proposal-"] body{background:var(--bg);color:var(--ink)}
html[class*="proposal-"] .intro-mark{color:var(--surface-2)}
html[class*="proposal-"] .services,html[class*="proposal-"] .process{background:var(--surface-2);color:var(--ink)}
html[class*="proposal-"] .process-track article{border-color:var(--line)}
html[class*="proposal-"] .process-track article:before{box-shadow:0 0 0 8px color-mix(in srgb,var(--accent) 10%,white)}
html[class*="proposal-"] .process-track p{color:var(--muted)}
html[class*="proposal-"] .contact-copy>p{color:#555b5e}
html[class*="proposal-"] footer{background:#f4f4f1;color:var(--ink);border-top:1px solid var(--line)}
html[class*="proposal-"] footer>p,html[class*="proposal-"] footer>div>span{color:var(--muted)}
html[class*="proposal-"] .footer-brand img{filter:none}
html[class*="proposal-"] .footer-brand{display:flex;align-items:center;justify-content:flex-start;width:150px;height:auto;overflow:visible}
html[class*="proposal-"] .footer-brand img{display:block;width:150px!important;height:auto!important;max-width:100%;max-height:none;object-fit:contain;object-position:left center}

/* Propuesta 1: Editorial Rojo */
.proposal-1{--accent:#c70f28;--accent-dark:#9c0b1e;--surface-2:#f5f3f1;--shadow:0 24px 70px rgba(99,20,30,.12);--radius:10px}
.proposal-1 .site-header{top:18px;height:76px;padding:0 10px 0 0;border:1px solid #e2dfdc;border-radius:10px;background:rgba(255,255,255,.94);color:#171719;box-shadow:0 16px 45px rgba(55,16,21,.12)}
.proposal-1 .site-header.scrolled{top:8px;background:rgba(255,255,255,.98)}
.proposal-1 .brand{position:relative;width:230px;height:74px;padding-left:82px;background:#c70f28;overflow:visible}
.proposal-1 .brand img{position:absolute;left:15px;width:58px;filter:brightness(0) invert(1)}
.proposal-1 .brand:after{content:"SERVICLIMA";color:#fff;font-size:16px;font-weight:900;letter-spacing:.08em}
.proposal-1 .site-header nav>a:not(.nav-cta){color:#27292b}
.proposal-1 .nav-cta{border-radius:7px}
.proposal-1 .menu-toggle{color:#171719}
.proposal-1 .hero{background:#fff;color:#171719}
.proposal-1 .hero-overlay{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 37%,rgba(255,255,255,.22) 70%),linear-gradient(0deg,rgba(255,255,255,.32),transparent 35%)}
.proposal-1 .hero h1{max-width:780px}.proposal-1 .hero-lead{color:#4d5255}.proposal-1 .button-ghost{border-color:#c7c7c3;background:#fff;color:#171719}
.proposal-1 .hero-panel{border:1px solid #dfdedb;border-radius:10px;background:rgba(255,255,255,.9);color:#171719;box-shadow:var(--shadow)}
.proposal-1 .hero-panel>p{color:#666a6c}.proposal-1 .hero-panel li{border-color:#dddcd8}.proposal-1 .contact-shade{background:linear-gradient(90deg,rgba(255,255,255,.97),rgba(255,255,255,.78) 60%,rgba(255,255,255,.15))}.proposal-1 .contact{justify-content:flex-start;text-align:left}.proposal-1 .contact-copy{margin-left:max(5vw,24px)}

/* Propuesta 2: Precisión Suiza */
.proposal-2{--accent:#d3182d;--accent-dark:#a60f20;--surface-2:#f2f4f4;--line:#cfd3d4;--shadow:0 20px 55px rgba(20,26,28,.1);--radius:0}
.proposal-2 .site-header{top:0;width:100%;height:78px;padding:0 max(4vw,20px);border:0;border-bottom:1px solid #dadddd;border-radius:0;background:rgba(255,255,255,.97);color:#17191a;box-shadow:none}
.proposal-2 .site-header.scrolled{top:0;background:rgba(255,255,255,.98);box-shadow:0 10px 30px rgba(10,15,18,.08)}
.proposal-2 .brand{position:relative;width:190px;height:64px;padding-left:75px;overflow:visible}
.proposal-2 .brand img{position:absolute;left:0;width:64px}.proposal-2 .brand:after{content:"SERVICLIMA";font-size:15px;font-weight:900;letter-spacing:.12em;color:#1d2022}
.proposal-2 .site-header nav{gap:32px}.proposal-2 .site-header nav>a:not(.nav-cta){color:#242729}.proposal-2 .nav-cta{min-height:44px;border:2px solid var(--accent);border-radius:0;background:#fff;color:var(--accent)}
.proposal-2 .menu-toggle{width:48px;height:48px;background:#17191a;color:#fff}
.proposal-2 .hero{background:#fff;color:#17191a}.proposal-2 .hero-photo{inset:78px 0 0 52%;width:48%;height:calc(100% - 78px);object-position:62% center}.proposal-2 .hero-overlay{display:none}
.proposal-2 .hero-grid{grid-template-columns:minmax(0,1fr) 310px;width:min(1320px,calc(100% - 64px));padding-top:150px}.proposal-2 .hero-copy{max-width:660px}.proposal-2 .hero h1{font-size:clamp(65px,7vw,112px)}.proposal-2 .hero-lead{color:#565c5f}.proposal-2 .button-ghost{border:1px solid #bbbfc1;background:#fff;color:#17191a}
.proposal-2 .hero-panel{align-self:end;margin-bottom:10px;border:0;border-left:5px solid var(--accent);border-radius:0;background:#fff;color:#17191a;box-shadow:var(--shadow)}.proposal-2 .hero-panel>p{color:#6a6d70}.proposal-2 .hero-panel li{border-color:#dadcdd}
.proposal-2 .service-card,.proposal-2 .solutions-photo,.proposal-2 .contact{border-radius:0}.proposal-2 .service-simple{border:1px solid #dfe1e1}.proposal-2 .contact-shade{background:rgba(255,255,255,.82)}.proposal-2 .contact{color:#17191a}

/* Propuesta 3: Pulso Rojo */
.proposal-3{--accent:#bb1027;--accent-dark:#8f0b1c;--surface-2:#f7f7f5;--shadow:0 24px 70px rgba(61,15,22,.13);--radius:22px}
.proposal-3 .site-header{top:16px;height:74px;padding:8px 10px 8px 18px;border:0;border-radius:22px;background:#bb1027;color:#fff;box-shadow:0 15px 38px rgba(122,8,26,.23)}
.proposal-3 .site-header.scrolled{top:8px;background:#a90d22}.proposal-3 .brand{position:relative;width:205px;height:56px;padding-left:66px;overflow:visible}.proposal-3 .brand img{position:absolute;left:0;width:56px;filter:brightness(0) invert(1)}.proposal-3 .brand:after{content:"SERVICLIMA";font-size:15px;font-weight:900;letter-spacing:.1em;color:#fff}
.proposal-3 .site-header nav>a:not(.nav-cta){color:#fff}.proposal-3 .nav-cta{background:#fff;color:#a90d22;border-radius:14px}.proposal-3 .menu-toggle{color:#fff}
.proposal-3 .hero{background:#fff;color:#171719}.proposal-3 .hero-photo{inset:110px 4vw 50px auto;width:56%;height:calc(100% - 160px);border-radius:22px;object-position:60% center;box-shadow:var(--shadow)}.proposal-3 .hero-overlay{background:linear-gradient(90deg,#fff 0%,#fff 41%,rgba(255,255,255,.18) 68%)}.proposal-3 .hero-grid{width:min(1260px,calc(100% - 64px));grid-template-columns:1.05fr .55fr}.proposal-3 .hero-copy{max-width:680px}.proposal-3 .hero h1{font-size:clamp(68px,7.4vw,116px)}.proposal-3 .hero-lead{color:#555a5d}.proposal-3 .button-ghost{border-color:#c8c9c7;background:#fff;color:#171719}
.proposal-3 .hero-panel{border:0;border-radius:22px;background:#17191a;color:#fff;box-shadow:var(--shadow)}.proposal-3 .hero-panel>p{color:#b7bab8}.proposal-3 .contact{margin:0 4vw 70px;border-radius:22px}.proposal-3 .contact-shade{background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.75),rgba(255,255,255,.12))}.proposal-3 .contact{justify-content:flex-start;color:#171719;text-align:left}.proposal-3 .contact-copy{margin-left:4vw}

@media(max-width:900px){
  .proposal-1 .site-header,.proposal-3 .site-header{width:calc(100% - 24px)}
  .proposal-1 .brand{width:190px}.proposal-1 .brand:after,.proposal-3 .brand:after{font-size:13px}
  .proposal-2 .site-header{width:100%}.proposal-2 .brand{width:180px}
  .proposal-2 .hero-photo{inset:auto 0 0 44%;width:56%;height:55%}.proposal-2 .hero-grid{grid-template-columns:1fr}
  html[class*="proposal-"] .site-header nav{background:#fff;color:#17191a;border:1px solid var(--line)}
  html[class*="proposal-"] .site-header nav a:not(.nav-cta){color:#17191a}
  .proposal-3 .site-header nav{background:#a90d22;color:#fff;border:0}.proposal-3 .site-header nav a:not(.nav-cta){color:#fff}
}
@media(max-width:600px){
  html[class*="proposal-"] .hero{min-height:100dvh;background:#fff;color:#17191a}
  html[class*="proposal-"] .hero-grid{width:calc(100% - 40px);padding:112px 0 132px}
  html[class*="proposal-"] .hero h1{font-size:clamp(54px,16.5vw,70px);line-height:.88}
  html[class*="proposal-"] .hero-lead{color:#4f5557}
  html[class*="proposal-"] .hero-actions .button-ghost{display:none}
  .proposal-1 .site-header{height:64px;padding-left:0;border-radius:10px}.proposal-1 .brand{width:174px;height:62px;padding-left:64px}.proposal-1 .brand img{left:10px;width:48px}.proposal-1 .brand:after{font-size:12px}
  .proposal-1 .hero-photo{inset:82px 0 auto auto;width:100%;height:42%;object-position:68% 25%}.proposal-1 .hero-overlay{background:linear-gradient(0deg,#fff 0%,#fff 50%,rgba(255,255,255,.02) 72%)}.proposal-1 .hero-copy{padding-top:38vh}.proposal-1 .hero .eyebrow{color:var(--accent)}
  .proposal-2 .site-header{height:68px;padding:0 14px}.proposal-2 .brand{width:166px;height:62px;padding-left:60px}.proposal-2 .brand img{width:52px}.proposal-2 .brand:after{font-size:11px}.proposal-2 .hero-photo{inset:68px 0 auto 0;width:100%;height:42%;object-position:67% 26%}.proposal-2 .hero-copy{padding-top:37vh}.proposal-2 .hero-overlay{display:block;background:linear-gradient(0deg,#fff 0%,#fff 42%,rgba(255,255,255,.08) 59%)}.proposal-2 .hero h1{letter-spacing:-.065em}.proposal-2 .hero-panel{display:none}
  .proposal-3 .site-header{height:66px;border-radius:18px}.proposal-3 .brand{width:170px;padding-left:58px}.proposal-3 .brand img{width:49px}.proposal-3 .hero-photo{inset:92px 14px auto 14px;width:calc(100% - 28px);height:45%;border-radius:22px;object-position:67% 24%}.proposal-3 .hero-overlay{background:linear-gradient(0deg,#fff 0%,#fff 48%,rgba(255,255,255,.05) 70%)}.proposal-3 .hero-copy{padding-top:40vh}.proposal-3 .hero-panel{display:none}.proposal-3 .contact{margin:0 14px 60px}.proposal-3 .contact-copy{margin-left:0;text-align:center}
  html[class*="proposal-"] .footer-brand{width:125px;height:auto}
  html[class*="proposal-"] .footer-brand img{width:125px!important;height:auto!important}
}