/* SegunAlex · solo recoloreo con los azules del canal (sin cambiar fondo, fuentes ni maquetación).
   Paleta del canal: celeste #34B8EB / #1DA6DE · celeste pálido #9FD3FF / #DDF1FC · azul Muse #1F5EF5
   (hover #1747BA) · azul claro #4C82FF · marino #0A5C8F · tinta #0B1220 · blanco.
   Cada color de la plantilla pasa a un azul distinto con la misma luminosidad relativa.
   Neutros (texto negro/gris, blanco, papel y cuadrícula) no cambian. */

/* 1 · Tokens de color de Framer (definidos en body por el export). */
html body {
  --token-1892785e-8581-4826-b411-015017430ad3: #34b8eb; /* cian #36c5f0  → celeste base */
  --token-a40bc7b7-fed8-4930-b9f7-5dc39bc097a2: #9fd3ff; /* cian pálido   → celeste pálido */
  --token-29f9695a-09e2-4c55-ace7-e9873233e207: #4c82ff; /* amarillo      → azul claro */
  --token-cd9da077-16e0-46f3-9a80-6bf4c2a79928: #ddf1fc; /* amarillo pálido → celeste hielo */
  --token-e22e0fe6-83a6-4381-a625-c6f173619c49: #1f5ef5; /* rosa/rojo     → azul Muse */
  --token-221f5458-30ad-42f0-b005-7c3d9fe30e8d: #c9d9ff; /* rosa pálido   → azul claro pálido */
  --token-5572d352-4df4-4ec3-ad7e-a66a084483f0: #1da6de; /* verde         → celeste profundo */
  --token-8291df36-c774-4ed2-bdd0-1fd1c4052c15: #1da6de; /* verde 2       → celeste profundo */
  --token-3b25897c-a78c-4fb0-9a93-831975a769c1: #c2eaf9; /* verde pálido  → celeste agua */
  --token-35988afc-fafd-4260-9962-57ff14cb1fea: #0a5c8f; /* marrón        → marino */
}

/* 2 · Logo original (arcos): misma forma, tres azules. */
html path[d^="M24.6953 0C"] { fill: #0a5c8f !important; }
html path[d^="M24.6953 7.73005"] { fill: #1f5ef5 !important; }
html path[d^="M24.6953 15.1087"] { fill: #34b8eb !important; }

/* 3 · Botones: el negro de cada botón pasa a azul dentro del propio componente. */
/* CTA «Contáctame»: relleno azul Muse; al pasar el cursor, fondo blanco con azul hover. */
html .framer-JoWOw { --token-4f4ed186-9023-4858-830a-5202d69249c1: #1f5ef5; }
html .framer-JoWOw.framer-v-1bc61rp { --token-4f4ed186-9023-4858-830a-5202d69249c1: #1747ba; }
html .framer-JoWOw .framer-12c9etj { --token-4f4ed186-9023-4858-830a-5202d69249c1: #111212; }
html .framer-JoWOw [data-framer-name="Dot"] { --border-color: #1747ba !important; }
/* «Contacto» del menú y botón «Menú» móvil: contorno y texto azul Muse; relleno al pasar el cursor. */
html .framer-YVcpB.framer-v-9o7ndm { --token-4f4ed186-9023-4858-830a-5202d69249c1: #1f5ef5; }
html .framer-YVcpB.framer-v-9o7ndm.hover { --token-4f4ed186-9023-4858-830a-5202d69249c1: #1747ba; }
html .framer-5bgls .framer-16ahjtk { --token-4f4ed186-9023-4858-830a-5202d69249c1: #1f5ef5; }
/* EM / PH: círculo gris → celeste hielo (al abrirse ya usa el celeste base). */
html .framer-1W99m { --token-eee4728f-06ef-4d99-9d02-ac8944e7f6dd: #ddf1fc; }
/* Navegación lateral (Bio/Historia/Trabajo) y redes de contacto: marino. */
html .framer-891Ch { --token-4f4ed186-9023-4858-830a-5202d69249c1: #0a5c8f; }
/* Formulario: «Siguiente» y «Enviar mensaje». */
html .framer-12hbfkr { --token-4f4ed186-9023-4858-830a-5202d69249c1: #1f5ef5; }
html .framer-kXHLo { --token-4f4ed186-9023-4858-830a-5202d69249c1: #1f5ef5; }

/* 4 · Etiquetas flotantes añadidas en la portada (estilo propio del HTML). */
html .framer-gCmCB .framer-1m00fsl:not(.bogota-tape-clone):not(.monterrey-tape-clone) { background-color: #0a5c8f !important; }
html .framer-gCmCB .bogota-tape-clone { background-color: #9fd3ff !important; }
html .framer-gCmCB .monterrey-tape-clone { background-color: #34b8eb !important; }

/* 5 · Tarjeta de carga inicial. */
html #sa-loader > div { background-color: #34b8eb !important; }

/* 6 · Cursor «TÚ»: misma forma, tamaño y animación. La plantilla lo invertía con
   mix-blend-mode: difference, que convierte cualquier azul en naranja/marrón. Aquí la
   inversión conserva el tono (negro sobre blanco igual que antes; sobre azul, azul). */
@supports ((backdrop-filter: invert(1)) or (-webkit-backdrop-filter: invert(1))) {
  html .framer-5gUuO.framer-1cbkm86 { mix-blend-mode: normal !important; }
  html .framer-5gUuO.framer-1cbkm86 > .framer-1aouf9l,
  html .framer-5gUuO.framer-1cbkm86 > .framer-1bwsdzm {
    background-color: transparent !important;
    -webkit-backdrop-filter: invert(1) hue-rotate(180deg);
    backdrop-filter: invert(1) hue-rotate(180deg);
  }
  html .framer-5gUuO.framer-1cbkm86 > .framer-1bwsdzm p { color: #fff !important; }
  html .framer-5gUuO.framer-1cbkm86 > div:not(.framer-1aouf9l):not(.framer-1bwsdzm) {
    background-color: #000 !important;
    --border-color: #000 !important;
  }
}