/* Ajustes capa externa - landing C_C (no altera export Framer) */

/* Header del menu (nav) fijo arriba: queda quieto al scrollear, sin barra de fondo.
   Se fuerza position:fixed (Framer lo deja a var(--framer-canvas-fixed-position)) y se
   elimina el fondo oscuro que antes pintaba una linea/barra negra. */
nav.framer-uhp824 {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 10 !important;
  background-color: transparent !important;
}
nav.framer-uhp824 a,
nav.framer-uhp824 a.framer-text,
nav.framer-uhp824 span,
nav.framer-uhp824 button {
  color: #ffffff !important;
}
nav.framer-uhp824 a:hover,
nav.framer-uhp824 a.framer-text:hover {
  color: #1c3f8f !important;
}

/* CTA "Empeza un proyecto" del header: el <p> interno tambien en blanco */
nav.framer-uhp824 a .framer-styles-preset-nii3kr,
nav.framer-uhp824 .framer-styles-preset-nii3kr,
nav.framer-uhp824 a p.framer-text {
  color: #ffffff !important;
}
nav.framer-uhp824 a:hover .framer-styles-preset-nii3kr,
nav.framer-uhp824 a:hover p.framer-text {
  color: #1c3f8f !important;
}

/* Logo C_C mas pequeño */
nav.framer-uhp824 a[data-framer-name="Logo"],
nav.framer-uhp824 a[href="index.html"] {
  font-size: 15px !important;
}

/* Hero con video de fondo: "Agencia creativa impulsada por IA" en blanco */
.framer-pvv0b3 .framer-styles-preset-1o2pivb {
  color: #ffffff !important;
}

/* Ocultar editorbar / badge de Framer (restos del theme viejo) */
#__framer-editorbar-container,
#__framer-editorbar,
.__framer-editorbar,
.framer-editorbar,
[data-framer-editorbar] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Eliminar la linea/borde blanco inferior del header - todo liso como un lienzo */
nav.framer-uhp824 div[data-framer-name],
nav.framer-uhp824 .framer-saqxiv {
  border-bottom: none !important;
  --border-bottom-width: 0px !important;
  --border-color: transparent !important;
}
nav.framer-uhp824 {
  border-bottom: none !important;
}

/* Color secundario global: azul marino en hover de enlaces (reemplaza verde limon de Framer) */
a.framer-text:hover,
a.framer-text:hover span,
.framer-text a:hover,
.framer-styles-preset-1x5mes2:hover {
  color: #1c3f8f !important;
}
/* Links activos / seleccion */
a.framer-text:active {
  color: #1c3f8f !important;
}

/* ---------------------------------------------------------------------------
   Contraste del header al scrollear.

   El nav es position:fixed y transparente (lo define el propio Framer, no esta
   hoja: la regla .framer-uhp824 trae position:var(--framer-canvas-fixed-position,
   fixed) y background-color:#0000, y esa variable no esta definida en ningun
   lado). Con el texto en blanco, la barra se lee sobre el hero oscuro de la home
   y desaparece apenas pasa por debajo una seccion blanca. En el resto de las
   paginas el contenido es blanco desde arriba, asi que el header nace invisible.

   El fondo aparece cuando hace falta y se disuelve cuando no, sin volver a la
   barra negra fija que se habia sacado a proposito. La clase la maneja
   header-scroll.js sobre <html>, no sobre el <nav>: Framer rehidrata el nav y
   le borraria la clase.
   --------------------------------------------------------------------------- */
nav.framer-uhp824 {
  transition: background-color .25s ease;
}
html.cc-header-solido nav.framer-uhp824 {
  background-color: rgba(10, 10, 10, .92) !important;
}
@media (prefers-reduced-motion: reduce) {
  nav.framer-uhp824 { transition: none; }
}

/* El CTA "Empeza un proyecto" trae su fondo inline como un token de 6% de negro
   (background-color: var(--token-2afc..., rgba(0,0,0,.06))). Sobre el blanco de
   la pagina eso da una pastilla clara; sobre la barra oscura desaparece. Cuando
   el header tiene fondo, se invierte la pastilla para conservar el mismo aspecto
   de boton tenue, ahora en claro sobre oscuro. Necesita !important porque el
   valor original viene en el atributo style. */
html.cc-header-solido nav.framer-uhp824 a[data-framer-name="Second - Desktop"] {
  background-color: rgba(255, 255, 255, .14) !important;
}
html.cc-header-solido nav.framer-uhp824 a[data-framer-name="Second - Desktop"],
html.cc-header-solido nav.framer-uhp824 a[data-framer-name="Second - Desktop"] * {
  /* Los textos de Framer no toman su color de `color`, sino de la variable
     --framer-text-color que definen los presets. Pisar esa variable es el
     resorte correcto; el `color` queda para el SVG de la flecha, que usa
     currentColor. */
  --framer-text-color: #ffffff !important;
  color: #ffffff !important;
}
