.elementor-399 .elementor-element.elementor-element-8e0c045{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-399 .elementor-element.elementor-element-8af6a7d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-8af6a7d *//* FIX ELEMENTOR: que no se "coma" el contenido */
html, body { height: auto !important; overflow: visible !important; }

.cc-landing{
  position: relative;
  display: block;
  min-height: 100vh;
}

/* Asegura que el main exista y tenga layout */
.cc-landing main{
  display: block !important;
  position: relative;
  z-index: 1;
}

/* Evita que algún contenedor padre recorte */
.elementor, .elementor-section, .elementor-container, .elementor-widget-wrap{
  overflow: visible !important;
}

/* Si algún theme mete height:100% + overflow hidden */
#page, #content, .site, .site-content{
  overflow: visible !important;
  height: auto !important;
}

/* =========================
   CLUSTER CANADA · PREMIUM LANDING
========================= */

.cc-landing{
  --font-main: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --font-display: "DM Sans", "Inter", system-ui;

  --bg:#0a0d12;
  --panel:#0f141b;
  --card:#131a24;

  --text:#e8edf3;
  --muted:#9aa4b2;
  --line: rgba(255,255,255,.10);

  --accent:#7dd3fc;
  --accent2:#a7f3d0;
  --accent-soft: rgba(125,211,252,.12);

  --radius: 18px;
  --shadow: 0 28px 80px rgba(0,0,0,.45);
  --header-h: 104px;
}

.cc-landing, .cc-landing *{box-sizing:border-box}
.cc-landing{font-family:var(--font-main); color:var(--text)}
.cc-landing a{color:inherit; text-decoration:none}
.cc-landing{
  background:
    radial-gradient(1500px 800px at 20% -10%, rgba(125,211,252,.16), transparent 58%),
    radial-gradient(900px 650px at 90% 10%, rgba(167,243,208,.09), transparent 55%),
    var(--bg);
}

.cc-container{width:min(1500px, 92%); margin:0 auto}
.cc-section{padding: 96px 0}
.cc-anchor{scroll-margin-top: calc(var(--header-h) + 18px);}

.cc-h1,.cc-h2,.cc-h3,.cc-h4{font-family:var(--font-display); letter-spacing:-.03em; margin:0}
.cc-h1{font-size: clamp(36px, 4.4vw, 60px); line-height:1.06}
.cc-h2{font-size: clamp(26px, 3vw, 38px)}
.cc-h3{font-size: 20px}
.cc-h4{font-size: 16px}
.cc-p{color:var(--muted); margin:10px 0 0}
.cc-muted{color:var(--muted)}
.cc-lead{margin-top: 14px; color: var(--muted); font-size: 18px; max-width: 70ch}

/* Reveal */
.cc-reveal{opacity:0; transform: translateY(12px); transition: .65s cubic-bezier(.2,.8,.2,1)}
.cc-reveal.is-visible{opacity:1; transform:none}

/* Header */
.cc-header{
  position: sticky;
  top:0;
  z-index: 999;
  height: var(--header-h);
  background: rgba(10,13,18,.55);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--line);
}
body.cc-scrolled .cc-header{background: rgba(10,13,18,.88)}
.cc-header__inner{
  height: var(--header-h);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 18px;
  padding-bottom: 14px; /* + aire bajo el header */
}

.cc-brand{
  display:flex;
  align-items:center;
  padding: 4px 8px;
  border-radius: 14px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.03);
}
.cc-brand__logo{height: 20px; width:auto; display:block}

.cc-progress{
  position:absolute;
  left:0; right:0; bottom:-1px;
  height:2px;
  background: rgba(255,255,255,.04);
}
.cc-progress__bar{
  display:block;
  height:100%;
  width:0%;
  background: linear-gradient(90deg, var(--accent), var(--accent2));
}

/* Nav */
.cc-nav{display:flex; align-items:center}
.cc-nav__list{
  display:flex;
  align-items:center;
  gap: 6px;
  list-style:none;
  padding:0;
  margin:0;
}
.cc-nav__link{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 14px;
  color: var(--muted);
  transition: .15s ease;
}
.cc-nav__link:hover{
  color: var(--text);
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.08);
}
.cc-chev{opacity:.7; font-size: 12px}

/* Buttons */
.cc-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 12px 16px;
  border-radius: 14px;
  border: 1px solid var(--line);
  font-weight: 650;
  transition: .15s ease;
}
.cc-btn:hover{transform: translateY(-1px)}
.cc-btn--primary{
  border:0;
  color:#061016;
  background: linear-gradient(90deg, var(--accent), var(--accent2));
}
.cc-btn--ghost{
  background: rgba(255,255,255,.03);
  color: var(--muted);
}
.cc-btn--ghost:hover{color: var(--text); background: rgba(255,255,255,.05)}
.cc-nav__cta{margin-left: 6px}

/* Dropdown */
.cc-dd{position:relative}
.cc-dd__menu{
  position:absolute;
  top: 46px;
  left: 0;
  width: 340px;
  padding: 10px;
  margin:0;
  list-style:none;
  border-radius: 16px;
  background: rgba(19,26,36,.96);
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
  display:none;
}
.cc-dd__menu li a{
  display:block;
  padding: 10px 10px;
  border-radius: 12px;
  color: var(--muted);
}
.cc-dd__menu li a:hover{
  color: var(--text);
  background: rgba(255,255,255,.06);
}
.cc-dd:hover .cc-dd__menu{display:block}

/* Mobile nav */
.cc-nav-toggle{display:none}
.cc-burger{
  display:none;
  cursor:pointer;
  padding:10px;
  border-radius:14px;
  border:1px solid var(--line);
  background: rgba(255,255,255,.03);
}
.cc-burger span{
  display:block;
  width: 22px;
  height: 2px;
  background: var(--text);
  margin: 5px 0;
  opacity:.9;
}

@media (max-width: 980px){
  .cc-burger{display:block}
  .cc-nav{
    position: fixed;
    top: var(--header-h);
    left: 0; right: 0;
    background: rgba(10,13,18,.94);
    border-bottom: 1px solid var(--line);
    transform: translateY(-130%);
    transition: .18s ease;
    padding: 12px 0 16px;
  }
  .cc-nav__list{
    width:min(1500px, 92%);
    margin: 0 auto;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }
  .cc-dd__menu{
    position: static;
    width:auto;
    display:block;
    background: rgba(255,255,255,.03);
    box-shadow:none;
  }
  #cc-nav-toggle:checked ~ .cc-nav{transform: translateY(0)}
}

/* Hero */
.cc-hero{padding-top: 48px}
.cc-hero__grid{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 28px;
  align-items: start;
}
@media (max-width: 980px){
  .cc-hero__grid{grid-template-columns: 1fr}
  .cc-section{padding: 80px 0}
}

.cc-meta{
  display:flex;
  align-items:center;
  gap: 14px;
  margin-bottom: 16px;
}
.cc-pill{
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.04);
  color: var(--text);
}
.cc-meta__text{color:var(--muted); font-size:14px}

.cc-actions{display:flex; flex-wrap:wrap; gap:12px; margin-top: 18px}

.cc-trust{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 22px;
}
@media (max-width: 980px){ .cc-trust{grid-template-columns: 1fr} }
.cc-trust__item{
  padding: 14px;
  border-radius: 16px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.02);
}
.cc-trust__k{
  display:block;
  font-size: 12px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--muted);
}
.cc-trust__v{display:block; margin-top: 6px}

/* Hero card */
.cc-heroCard{
  border-radius: var(--radius);
  border: 1px solid var(--line);
  background: rgba(19,26,36,.72);
  box-shadow: var(--shadow);
  padding: 20px;
}
.cc-heroCard__title{font-weight:700; margin:0}
.cc-heroCard__sub{color: var(--muted); margin-top: 6px}
.cc-kpis{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-top: 14px;
}
@media (max-width: 980px){ .cc-kpis{grid-template-columns:1fr} }
.cc-kpi{
  border: 1px solid var(--line);
  background: rgba(255,255,255,.02);
  border-radius: 16px;
  padding: 12px;
}
.cc-kpi__k{display:block; font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--muted)}
.cc-kpi__v{display:block; margin-top: 6px; color:var(--text)}

.cc-divider{height:1px; background: var(--line); margin: 14px 0}

.cc-steps{
  margin:0;
  padding-left: 0;
  list-style:none;
  color: var(--muted);
}
.cc-steps li{
  display:flex;
  gap: 10px;
  padding: 10px 0;
  border-top: 1px solid rgba(255,255,255,.06);
}
.cc-steps li:first-child{border-top:0}
.cc-steps li span{
  font-family: var(--font-display);
  color: var(--text);
  opacity:.9;
  min-width: 28px;
}
.cc-link{
  display:inline-flex;
  margin-top: 12px;
  color: var(--accent);
  font-weight: 650;
}
.cc-link:hover{filter: brightness(1.08)}

/* Timeline */
.cc-head{margin-bottom: 26px}
.cc-timeline{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
@media (max-width: 980px){ .cc-timeline{grid-template-columns:1fr} }
.cc-tile{
  border-radius: 18px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.02);
  padding: 16px;
}
.cc-tile__n{
  margin:0 0 8px;
  font-size: 12px;
  letter-spacing: .2em;
  color: var(--muted);
}

/* GTM layout */
.cc-gtm{
  display:grid;
  grid-template-columns: 280px 1fr;
  gap: 22px;
  align-items: start;
}
@media (max-width: 980px){ .cc-gtm{grid-template-columns:1fr} }

.cc-aside{
  position: sticky;
  top: calc(var(--header-h) + 14px);
  padding: 14px;
  border-radius: 16px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.02);
}
.cc-aside__title{
  margin:0 0 8px;
  font-size: 12px;
  letter-spacing:.16em;
  text-transform: uppercase;
  color: var(--muted);
}
.cc-aside a{
  display:block;
  padding: 10px 10px;
  border-radius: 12px;
  color: var(--muted);
}
.cc-aside a:hover{background: rgba(255,255,255,.06); color: var(--text)}
.cc-aside__line{display:block; height:1px; background: var(--line); margin: 10px 0}
.cc-aside__cta{color: var(--accent)!important; font-weight: 650}

/* Blocks */
.cc-block{
  border-radius: var(--radius);
  border: 1px solid var(--line);
  background: rgba(19,26,36,.58);
  padding: 18px;
  margin-bottom: 14px;
}
.cc-block__top{
  display:flex;
  align-items: baseline;
  gap: 10px;
}
.cc-block__n{
  font-size: 12px;
  letter-spacing: .2em;
  color: var(--muted);
}

/* Cards & info */
.cc-cards{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}
@media (max-width: 980px){ .cc-cards{grid-template-columns:1fr} }
.cc-card{
  padding: 16px;
  border-radius: 18px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.02);
}
.cc-cards--2{grid-template-columns: repeat(2, 1fr)}
@media (max-width: 980px){ .cc-cards--2{grid-template-columns:1fr} }

.cc-infoRow{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 16px;
}
@media (max-width: 980px){ .cc-infoRow{grid-template-columns:1fr} }
.cc-info{
  padding: 16px;
  border-radius: 18px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.02);
}

/* FAQ */
.cc-faq details{
  border: 1px solid var(--line);
  background: rgba(255,255,255,.02);
  border-radius: 18px;
  padding: 14px 16px;
  margin: 10px 0;
}
.cc-faq summary{
  cursor:pointer;
  font-weight: 650;
  font-family: var(--font-display);
}
.cc-faq p{color: var(--muted); margin: 10px 0 0}

/* Contact */
.cc-contact{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 22px;
  align-items: start;
}
@media (max-width: 980px){ .cc-contact{grid-template-columns:1fr} }

.cc-form{display:flex; flex-direction:column; gap:12px}
.cc-form label{display:flex; flex-direction:column; gap:8px; color: var(--muted); font-size: 14px}
.cc-form input, .cc-form select, .cc-form textarea{
  padding: 12px 12px;
  border-radius: 14px;
  border: 1px solid var(--line);
  background: rgba(0,0,0,.18);
  color: var(--text);
  outline:none;
}
.cc-form input:focus, .cc-form select:focus, .cc-form textarea:focus{border-color: rgba(125,211,252,.55)}
.cc-row{display:grid; grid-template-columns: 1fr 1fr; gap:12px}
@media (max-width: 720px){ .cc-row{grid-template-columns:1fr} }

.cc-check{flex-direction:row!important; align-items:center; gap:10px!important}
.cc-check input{width:18px; height:18px}
.cc-fine{color: var(--muted); font-size: 13px; margin-top: 8px}

.cc-side{
  border-radius: var(--radius);
  border: 1px solid var(--line);
  background: rgba(19,26,36,.70);
  box-shadow: var(--shadow);
  padding: 18px;
  position: sticky;
  top: calc(var(--header-h) + 18px);
}
.cc-bullets{margin: 12px 0 0; padding-left: 18px; color: var(--muted)}
.cc-bullets li{margin: 8px 0}

.cc-miniRow{display:flex; gap:10px; flex-wrap:wrap; margin-top: 10px}
.cc-mini{
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.02);
  color: var(--muted);
}
.cc-mini:hover{color: var(--text); background: rgba(255,255,255,.05)}

/* Footer */
.cc-footer{
  padding: 26px 0 50px;
  border-top: 1px solid var(--line);
  background: rgba(0,0,0,.10);
}
.cc-footer__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  flex-wrap:wrap;
}

/* FIX: si el JS no corre, no escondas el contenido */
.reveal{opacity:1 !important; transform:none !important;}


/* =========================
   FIX LOGO HEADER (FORCE)
========================= */

/* Desktop + general */
.cc-header .cc-brand__logo{
  height: 80px !important;   /* baja de verdad */
  width: auto !important;
  max-height: 80px !important;
}

.cc-header .cc-brand{
  padding: 4px 8px !important;  /* menos aire */
  border-radius: 12px;
}

/* Reduce altura real del header (si sigue viéndose enorme) */
.cc-landing{
  --header-h: 84px !important;
}

/* Al hacer scroll, más compacto */
body.cc-scrolled .cc-header .cc-brand__logo{
  height: 16px !important;
  max-height: 16px !important;
}
body.cc-scrolled .cc-header .cc-brand{
  padding: 3px 6px !important;
}

/* Mobile: mantenlo legible */
@media (max-width: 980px){
  .cc-landing{ --header-h: 76px !important; }

  .cc-header .cc-brand__logo{
    height: 18px !important;
    max-height: 18px !important;
  }
  body.cc-scrolled .cc-header .cc-brand__logo{
    height: 18px !important;
    max-height: 18px !important;
  }
}/* End custom CSS */
/* Start custom CSS *//* =========================
   CLUSTER CANADA · LANDING BG GLOBAL
========================= */

body.page-id-399{
  min-height: 100vh;

  background:
    radial-gradient(
      1500px 800px at 20% -10%,
      rgba(125,211,252,.16),
      transparent 58%
    ),
    radial-gradient(
      900px 650px at 90% 10%,
      rgba(167,243,208,.09),
      transparent 55%
    ),
    #0a0d12;
}

/* Elementor: matar fondos internos */
body.page-id-123 .elementor-section,
body.page-id-123 .elementor-container,
body.page-id-123 .elementor-column,
body.page-id-123 .elementor-widget-wrap,
body.page-id-123 .elementor-element{
  background: transparent !important;
}

/* Quitar overlays / shapes que puedan meter blancos */
body.page-id-123 .elementor-background-overlay,
body.page-id-123 .elementor-shape,
body.page-id-123 .elementor-shape-top,
body.page-id-123 .elementor-shape-bottom{
  display:none !important;
}/* End custom CSS */