/* ===== BOTÓN DE TEMA ===== */
.nav__theme{width:40px;height:40px;flex:none;border-radius:50%;display:grid;place-items:center;color:var(--violet);border:1px solid var(--line);background:#fff;margin-left:.6rem;cursor:pointer;transition:.22s}
.nav__theme:hover{background:var(--violet);color:var(--cream);border-color:var(--violet)}
.nav__theme .ic-win{display:none}
body.win11 .nav__theme .ic-nabati{display:none}
body.win11 .nav__theme .ic-win{display:block}

/* ===== TEMA WINDOWS 11 ===== */
body.win11{
  --cream:#f5f5f5;--cream-2:#e9edf2;--ink:#1b1b1b;--ink-soft:#5b5b5b;
  --violet:#0067c0;--violet-2:#2b88d8;--lilac:#a9d1f2;--lilac-soft:#eaf3fc;
  --clay:#0067c0;--line:rgba(0,0,0,.1);
  --r:8px;--shadow:0 14px 34px -16px rgba(0,0,0,.4);
  --serif:"Segoe UI Variable Display","Segoe UI",system-ui,sans-serif;
  --sans:"Segoe UI Variable Text","Segoe UI",system-ui,sans-serif;
  background:#f5f5f5;
}
body.win11 h1,body.win11 h2,body.win11 h3,body.win11 h4{font-weight:600;letter-spacing:-.01em}
body.win11 em,body.win11 .hero__title em{font-style:normal;font-weight:600}
/* Los botones conservan el pill de la marca también en el tema azul: el
   resto del tema sigue con esquinas de 8px (--r), solo los botones no. */
body.win11 .nav__cta{box-shadow:none}
body.win11 .hero__bg{background:linear-gradient(180deg,#fbfbfb,#e9eef4)}
body.win11 .nav{background:rgba(245,245,245,.82);backdrop-filter:blur(20px) saturate(1.4)}
body.win11 .site-header.scrolled .nav{background:rgba(245,245,245,.94)}
body.win11 .perks{background:linear-gradient(180deg,#fff,#eef1f5)}
body.win11 .footer{background:#202832}
body.win11 .wa-float,body.win11 .wa-btn{background:var(--violet)}
body.win11 .wa-float::before{background:var(--violet)}
body.theming *{transition:none!important;animation:none!important}