/* ==========================================
   WIO Minimal Overrides - NO palette change
   ========================================== */

/* Container & Section rhythm */
.container{ width:min(1120px,100%); margin-inline:auto; padding-inline:clamp(16px,4vw,32px); }
.section{ padding-block: clamp(56px, 8vw, 128px); }

/* Headings & text spacing (keep existing font + colors) */
h1,h2,h3{ letter-spacing:-.02em; margin:0 0 24px; }
p{ margin:0 0 24px; }

/* Header clean (only if your header already uses these classes) */
.site-header.clean{ position:sticky; top:0; z-index:1000; background:inherit; border-bottom:1px solid var(--line, #e6edf5); }
.site-header.clean .nav{ display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:24px; height:72px; }
.site-header .brand img{ height:28px; display:block; }
.main-menu{ display:flex; gap: clamp(16px,3.2vw,28px); justify-content:center; }
.header-cta{ display:flex; justify-content:flex-end; }
.nav-toggle{ display:none; background:none; border:0; width:40px; height:40px; font-size:22px; }
@media (max-width: 900px){
  .site-header.clean .nav{ grid-template-columns:auto 1fr auto; }
  .main-menu{ position:fixed; inset:72px 0 0 0; background:inherit; display:flex; flex-direction:column;
              gap:24px; padding:24px; transform:translateY(-8px); opacity:0; pointer-events:none; transition:.2s ease; }
  .main-menu.is-open{ transform:none; opacity:1; pointer-events:auto; }
  .nav-toggle{ display:block; }
  .header-cta{ display:none; }
}

/* ===== Integraciones grid (fix final for mobile/tablet/desktop) ===== */
.section.integrations ul.logos{
  display:grid !important;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap:16px;
  justify-items:center; align-items:stretch;
  list-style:none; padding:0; margin:24px 0 0;
  float:none !important; position:relative !important;
}
.section.integrations ul.logos > li.logo-item{
  box-sizing:border-box; display:flex !important; align-items:center; justify-content:center;
  min-width:0; height:84px; padding:12px 16px; border-radius:16px;
  background: rgba(255,255,255,.65); border:1px solid var(--line, #e6edf5); overflow:hidden;
  float:none !important; position:relative !important; inset:auto !important; clear:none !important; margin:0 !important;
}
.section.integrations ul.logos > li.logo-item img,
.section.integrations ul.logos > li.logo-item svg{
  display:block !important; position:static !important; float:none !important; transform:none !important; -webkit-transform:none !important;
  width:auto !important; height: clamp(24px, 5.5vw, 36px) !important; max-width:90% !important; object-fit:contain !important;
  margin:0 !important; opacity:1 !important;
}
@supports not (display:grid){
  .section.integrations ul.logos{ display:flex !important; flex-wrap:wrap !important; gap:16px !important; justify-content:center !important; }
  .section.integrations ul.logos > li.logo-item{ flex:1 1 45% !important; }
}

/* Consent block symmetry (keep your markup) */
.consents{ display:grid; grid-template-columns: 1fr 1fr; gap:24px; align-items:center; }
@media (max-width: 900px){ .consents{ grid-template-columns:1fr; } }
.consents label{ display:flex; align-items:flex-start; gap:10px; line-height:1.45; }
.consents input[type="checkbox"]{ margin-top:3px; }

/* Utilities */
.section--compact{ padding-block: clamp(40px,6vw,80px) !important; }
.muted{ opacity:.9; }
.hide-on-mobile{ display:block; } @media (max-width:768px){ .hide-on-mobile{ display:none !important; } }