/* Cobara Web Studio V28.7: Cabeceras originales, no dependen de estilos de terceros. */
.cs-site .cs-header{width:100%;max-width:none;display:block;padding:0;background:var(--cs-header-bg,var(--cs-primary));color:var(--cs-header-ink,#fff);position:relative;z-index:10}
.cs-site .cs-header-main{max-width:1240px;margin:0 auto;min-height:88px;padding:15px clamp(20px,4.5vw,56px);display:flex;align-items:center;gap:clamp(12px,2vw,32px)}
.cs-site .cs-header .cs-brand{display:flex;flex-direction:column;gap:3px;font-weight:800;font-size:clamp(17px,1.4vw,23px);line-height:1.2;white-space:normal;color:inherit;text-decoration:none;min-width:0}
.cs-site .cs-header .cs-brand strong{color:inherit;font-weight:800}
.cs-site .cs-brand-tagline{font-size:11px;letter-spacing:.08em;font-weight:400;opacity:.8}
.cs-site .cs-header-nav{display:flex;align-items:center;gap:clamp(12px,2vw,29px);margin-left:auto;flex-wrap:wrap}
.cs-site .cs-header-nav a{color:inherit!important;text-decoration:none;font-size:13px;font-weight:600;opacity:.92}
.cs-site .cs-header-nav a:hover,.cs-site .cs-header-nav a:focus-visible{opacity:1;text-decoration:underline}
.cs-site .cs-header-cta{display:inline-flex;align-items:center;justify-content:center;background:var(--cs-header-cta,var(--cs-header-accent,#d4a449));color:var(--cs-header-cta-ink,#14202a)!important;font-weight:700;font-size:13px;text-decoration:none;padding:12px 19px;border-radius:8px;white-space:nowrap}
.cs-site .cs-header--centrada .cs-header-main{flex-direction:column;gap:13px;padding-block:24px}
.cs-site .cs-header--centrada .cs-header-nav{margin:0}
.cs-site .cs-header--centrada .cs-brand{text-align:center}
.cs-site .cs-header--minimal{--cs-header-bg:#fff;--cs-header-ink:#1a2330;box-shadow:0 1px 0 #e9e9ed}
.cs-site .cs-header--minimal .cs-header-main{min-height:70px}
.cs-site .cs-header--minimal .cs-header-cta{background:transparent;border:1px solid currentColor;color:inherit!important}
.cs-site .cs-header--doble .cs-header-top{background:rgba(0,0,0,.16);padding:8px max(24px,calc((100% - 1120px)/2));font-size:12px;display:flex;justify-content:space-between;gap:12px;opacity:.88}
.cs-site .cs-header--flotante{background:transparent;padding:16px clamp(16px,3vw,32px);--cs-header-ink:#1e2830}
.cs-site .cs-header--flotante .cs-header-main{max-width:1180px;background:#fff;color:#1e2830;border-radius:18px;box-shadow:0 14px 40px #15243820;padding:12px 28px;min-height:70px}
.cs-site .cs-header--comercial .cs-header-search{border-radius:10px;flex:1;min-width:90px;max-width:300px;padding:11px 14px;background:rgba(255,255,255,.14);color:inherit;text-decoration:none;font-size:13px}
.cs-site .cs-header--sticky{position:sticky;top:0;z-index:50}
.cs-site.cs-density-compacta .cs-section:not(.cs-hero){padding-top:clamp(28px,4vw,58px)!important;padding-bottom:clamp(28px,4vw,58px)!important}
.cs-site.cs-density-amplia .cs-section:not(.cs-hero){padding-top:clamp(65px,8vw,120px)!important;padding-bottom:clamp(65px,8vw,120px)!important}
.cs-site.cs-density-compacta .cs-hero{min-height:420px!important}
.cs-site.cs-density-amplia .cs-hero{min-height:620px}
/* Vista previa de cabeceras en selector */
.ws-header-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:12px 0 20px}
.ws-header-choice{border:1px solid #e1e3eb;border-radius:12px;padding:10px;cursor:pointer;display:flex;flex-direction:column;gap:6px;font-size:12px}
.ws-header-choice:has(input:checked){border-color:#6d45df;box-shadow:0 0 0 2px #6d45df22}
.ws-header-choice input{position:absolute;opacity:0;pointer-events:none}
.ws-header-choice strong{font-size:13px}.ws-header-choice small{color:#666a79}
.ws-header-mini{height:49px;border-radius:7px;background:#f5f6f8;border:1px solid #e6e7ed;padding:12px;display:flex;align-items:center;gap:9px}
.ws-header-mini i{height:10px;width:27%;background:#384657;border-radius:3px}.ws-header-mini b{height:5px;width:36%;background:#b2b8c5;border-radius:3px;margin-left:auto}.ws-header-mini em{height:16px;width:18%;background:#7356e8;border-radius:4px}
.ws-h-centrada{flex-direction:column;justify-content:center;gap:5px}.ws-h-centrada b{margin:0;width:55%}.ws-h-doble{border-top:8px solid #b1b9c6}
.ws-h-comercial b{height:17px;border:1px solid #abb2bd;background:#fff}.ws-h-flotante{margin:5px 8px;height:39px;box-shadow:0 5px 14px #34405225;background:#fff}
.ws-h-minimal{background:#fff}.ws-h-minimal em{background:transparent;border:1px solid #b0b5c0}
.ws-header-settings,.ws-header-colors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ws-header-check{display:flex;align-items:center;gap:8px;font-size:13px}
@media(max-width:760px){.cs-site .cs-header-main{flex-wrap:wrap;min-height:64px;gap:10px;padding:12px 18px}.cs-site .cs-header-nav{width:100%;order:3;margin:0;justify-content:space-between;overflow-x:auto;flex-wrap:nowrap;gap:16px}.cs-site .cs-header-nav a{white-space:nowrap}.cs-site .cs-header-cta{padding:9px 12px;margin-left:auto;font-size:12px}.cs-site .cs-header--centrada .cs-header-nav{width:auto}.cs-site .cs-header--comercial .cs-header-search{order:4;max-width:none}.cs-site .cs-header--doble .cs-header-top{padding-inline:18px}.ws-header-choices,.ws-header-settings,.ws-header-colors{grid-template-columns:1fr}}

/* V28.9: Navegación suave nativa, sin bloquear los gestos del usuario. */
@media (prefers-reduced-motion: no-preference) {
  html:has(.cs-site) { scroll-behavior: smooth; }
  .cs-site { scroll-behavior: smooth; }
}
.cs-site [id] { scroll-margin-top: 95px; }
.cs-site .cs-brand-logo { max-height: 64px; max-width: min(240px,48vw); width: auto; height: auto; object-fit: contain; display: block; }
.cs-site .cs-header--minimal .cs-brand-logo { max-height: 48px; }
.ws-logo-setting { margin: 14px 0; padding: 12px; border: 1px solid #d4d8e4; border-radius: 12px; }
.ws-logo-setting [data-logo-preview] { margin: 9px 0; font-size: 13px; }
@media (prefers-reduced-motion: reduce) { html:has(.cs-site) { scroll-behavior: auto!important; } }
