/* Nouz: efectos al pasar el mouse y transiciones (lo que en Framer hacía su script). */

/* links del menú: fondo gris claro y texto más oscuro */
a.nz-4z1as8 { transition: background-color .25s ease; }
a.nz-4z1as8 p { transition: color .25s ease; }
a.nz-4z1as8:hover { background-color: var(--token-8a16c1e0-9178-435f-8361-d83efd74d213, rgb(237, 241, 244)) !important; }
a.nz-4z1as8:hover p { color: var(--token-0edc2e6a-5fd1-47c5-a905-c3de9f07cea3, rgb(29, 29, 29)) !important; }

/* botones negros: la flecha de la izquierda se endereza y la de la derecha se inclina */
.nz-pxq00i .nz-5718yu, .nz-pxq00i .nz-66d7x3 { transition: transform .4s cubic-bezier(.3, .7, .2, 1); }
.nz-pxq00i:hover .nz-5718yu { transform: none !important; }
.nz-pxq00i:hover .nz-66d7x3 { transform: rotate(45deg) !important; }

/* botones blancos pasan a negro; el negro del pie pasa a gris claro */
.nz-izd065 { transition: background-color .25s ease; }
.nz-izd065 p { transition: color .25s ease; }
.nz-izd065[data-nz-name="Default"]:hover { background-color: var(--token-0edc2e6a-5fd1-47c5-a905-c3de9f07cea3, rgb(29, 29, 29)) !important; }
.nz-izd065[data-nz-name="Default"]:hover p { color: var(--token-260f9222-11bc-40e3-a74c-4f1dae7b4ffa, rgb(255, 255, 255)) !important; }
.nz-izd065[data-nz-name="Dark"]:hover { background-color: var(--token-3992e4b1-4934-4fc5-9122-067e1dd544fa, rgb(221, 229, 237)) !important; }
.nz-izd065[data-nz-name="Dark"]:hover p { color: var(--token-0edc2e6a-5fd1-47c5-a905-c3de9f07cea3, rgb(29, 29, 29)) !important; }

/* cambio de estado (preguntas, precios, Sin/Con Nouz, pasos, menú): el alto acompaña y lo nuevo aparece suave */
.nz-cambia { transition: height .45s cubic-bezier(.3, .7, .2, 1); overflow: hidden; }
.nz-cambia > * { animation: nz-aparece .45s ease both; }
@keyframes nz-aparece { from { opacity: 0; } to { opacity: 1; } }

/* barra de progreso de los pasos */
.nz-paso-activo { position: relative; overflow: hidden; }
/* la plantilla mezcla el texto con 'difference'; con la barra pintada a mano tiene que ser normal */
.nz-paso-activo div { mix-blend-mode: normal !important; }
.nz-paso-activo p { -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; }

@media (prefers-reduced-motion: reduce) {
  .nz-cambia, .nz-cambia > * { transition: none; animation: none; }
}

/* ---- modo oscuro: la paleta del CRM (negro neutro, tarjetas apenas más claras) ---- */
html.nz-oscuro body {
  --token-0edc2e6a-5fd1-47c5-a905-c3de9f07cea3: #f3f3f3;
  --token-260f9222-11bc-40e3-a74c-4f1dae7b4ffa: #0b0b0c;
  --token-b923e1cb-cf6e-406c-a3d3-6c79738c4b54: #8e8e94;
  --token-3992e4b1-4934-4fc5-9122-067e1dd544fa: #232326;
  --token-8a16c1e0-9178-435f-8361-d83efd74d213: #161618;
  --token-51f94b53-bb42-43ec-9cc4-5f5eec0c08b0: #5a5a60;
  --token-60bca774-6ba3-4c34-a431-2fd8d1ea1b8a: #ffffff;
  --token-a4ae1e21-2b71-445e-8792-31bd9220629a: #e4e4e7;
  --token-3434016c-2b1b-421d-a7a4-de1700e08024: #232326;
  --token-456a706a-3175-452e-a8be-f8b4e2e708c1: #0b0b0cb3;
  --token-fffc2df6-9817-4522-b0c0-6b2c412b44dc: #141a1f;
  --token-0a34df0a-701b-4bf9-bdf5-c1a9964dab0b: #ffffff14;
  --token-3773b559-408e-44fa-b41c-14281b49a454: #00000099;
  --token-1da6f336-7e27-4609-af93-da7817fb442b: #00000099;
  background: #0b0b0c;
  color-scheme: dark;
}
/* lo que en la plantilla ya es negro (tarjetas, círculos del logo, tarjeta destacada) vuelve a sus colores originales */
html.nz-oscuro .nz-e58ijj, html.nz-oscuro .nz-e03fbb, html.nz-oscuro .nz-gq7lk, html.nz-oscuro .nz-11eo6ss,
html.nz-oscuro .nz-zgoizg, html.nz-oscuro .nz-1a55n79 {
  --token-0edc2e6a-5fd1-47c5-a905-c3de9f07cea3: #1d1d1d; --token-260f9222-11bc-40e3-a74c-4f1dae7b4ffa: #fff;
  --token-b923e1cb-cf6e-406c-a3d3-6c79738c4b54: #8e8e94; --token-3992e4b1-4934-4fc5-9122-067e1dd544fa: #2a2a2e;
  --token-8a16c1e0-9178-435f-8361-d83efd74d213: #edf1f4; --token-51f94b53-bb42-43ec-9cc4-5f5eec0c08b0: #bababa;
  --token-60bca774-6ba3-4c34-a431-2fd8d1ea1b8a: #1e1e21; --token-a4ae1e21-2b71-445e-8792-31bd9220629a: #121214;
  --token-0a34df0a-701b-4bf9-bdf5-c1a9964dab0b: #ffffff1f;
}
html.nz-oscuro .nz-e58ijj, html.nz-oscuro .nz-1a55n79 { box-shadow: 0 0 0 1px #232326; }
/* íconos negros sueltos: pasan a claros (no dentro de lo que volvió a negro) */
html.nz-oscuro img[src*="fcYB20C98FnwhUdtLLlr6wuVx4"], html.nz-oscuro img[src*="yFEi5QJnJZkQ8Z8Dir6b4kCPuZE"],
html.nz-oscuro img[src*="WHSzsHp5e5DPHLLqhUonQOKe8Mc"], html.nz-oscuro img[src*="2XgVfNJ5a1J1qqxqAvqAIfsY"],
html.nz-oscuro img[src*="RXZaWpPO8xqy7UXViVlRYw1NH14"] { filter: invert(.93); }
html.nz-oscuro :is(.nz-e58ijj, .nz-e03fbb, .nz-gq7lk, .nz-11eo6ss, .nz-zgoizg, .nz-1a55n79) img[src*="RXZaWpPO8xqy7UXViVlRYw1NH14"] { filter: none; }
/* degradé blanco sobre el cielo de precios */
html.nz-oscuro .nz-ldt9hd { background: linear-gradient(rgba(11, 11, 12, 0) 19%, #0b0b0c 36%) !important; }
/* perilla Mensual/Anual visible */
html.nz-oscuro [data-nz-name="Toggle"] [data-nz-name="Circle"] { background-color: #f3f3f3 !important; }
/* cielos y paisajes de noche cerrada, tarjetas claras invertidas y el logo en blanco */
html.nz-oscuro img[src*="QonQfzdUmEwRaww2TW9LW9ODvR0"], html.nz-oscuro img[src*="sGvx8VOXGYVGBocxGp5Wy6GfeA"],
html.nz-oscuro img[src*="Osh2UHQcarC8mZnL6oh6gwYnbA"] { filter: brightness(.2) saturate(.6); }
html.nz-oscuro img[alt="Cloud Image"] { filter: brightness(.14) saturate(.4); }
html.nz-oscuro img[src*="subirXJz7lXrSNejZPxoXXA90Ik"], html.nz-oscuro img[src*="IZgCL46gW5tJW2TUtUKnT2MFgMs"] { filter: brightness(.6) saturate(.85); }
html.nz-oscuro img[alt="Decoration Image"] { filter: brightness(.32) saturate(.75); }
html.nz-oscuro img[src*="-8c32b4."]:not([src*="og7FPzt240VYcDubNf6SIke1q0"]) { filter: invert(.94) hue-rotate(180deg); }
html.nz-oscuro img[src*="agq3otCGCLNsRLO7NoQQw8KGEOU"] { filter: invert(1); } /* el logo con letras, en blanco */
html.nz-oscuro [style*="background-color:rgb(255, 255, 255)"], html.nz-oscuro [style*="background-color: rgb(255, 255, 255)"] { background-color: #161618 !important; --border-color: #232326 !important; }
/* botón luna/sol del menú (nz-modo: nz-tema es de las páginas por tema) */
.nz-modo p { display: flex; align-items: center; }
.nz-modo svg { width: 17px; height: 17px; display: block; }

/* "Para quién" en celu: la tarjeta era tan baja que los íconos del fondo pisaban el texto */
@media (max-width: 809.98px) {
  .nz-u9EcE .nz-3xt838 { height: 380px !important; justify-content: space-between !important; }
}
/* nota bajo los planes: en celu baja de línea en vez de cortarse */
@media (max-width: 809.98px) {
  .nz-1qeeevc { white-space: normal !important; width: 100% !important; max-width: 100%; }
  .nz-1qeeevc p { white-space: normal !important; text-align: center; }
}

/* ---- páginas por tema (/crm-para-whatsapp y demás): secciones propias con los mismos tokens y letras ---- */
.nz-tema { width: 100%; padding: 60px 30px; box-sizing: border-box; }
.nz-tema-caja { max-width: 1200px; margin: 0 auto; }
.nz-tema h2, .nz-tema h3, .nz-tema p { margin: 0; }
.nz-tema-dos { display: grid; grid-template-columns: 5fr 7fr; gap: 70px; align-items: start; }
.nz-tema-izq { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.nz-tema-izq h2, .nz-tema-funciones h2 { color: var(--token-0edc2e6a-5fd1-47c5-a905-c3de9f07cea3, rgb(29, 29, 29)); }
.nz-tema-der { display: flex; flex-direction: column; gap: 20px; padding-top: 6px; }
.nz-tema p { color: var(--token-b923e1cb-cf6e-406c-a3d3-6c79738c4b54, rgb(77, 88, 95)); }
.nz-tema-tarjetas { list-style: none; margin: 40px 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.nz-tema-tarjeta { background: var(--token-8a16c1e0-9178-435f-8361-d83efd74d213, rgb(237, 241, 244)); border-radius: 30px; padding: 30px; display: flex; flex-direction: column; gap: 10px; }
.nz-tema-tarjeta h3 { color: var(--token-0edc2e6a-5fd1-47c5-a905-c3de9f07cea3, rgb(29, 29, 29)); }
/* preguntas: mismas medidas que las de la portada, pero con details (abren sin JavaScript) */
.nz-tema-preguntas { display: flex; flex-direction: column; gap: 20px; }
.nz-tema-pregunta { width: 100%; box-sizing: border-box; border-radius: 20px; border: 1px solid var(--token-3992e4b1-4934-4fc5-9122-067e1dd544fa, rgb(221, 229, 237)); transition: background-color .25s ease, border-color .25s ease; }
.nz-tema-pregunta[open] { background: var(--token-8a16c1e0-9178-435f-8361-d83efd74d213, rgb(237, 241, 244)); border-color: transparent; }
.nz-tema-pregunta summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 20px; cursor: pointer; }
.nz-tema-pregunta summary::-webkit-details-marker { display: none; }
.nz-tema-pregunta summary span:first-child { color: var(--token-0edc2e6a-5fd1-47c5-a905-c3de9f07cea3, rgb(29, 29, 29)); }
.nz-tema-mas-icono { flex: none; position: relative; width: 30px; height: 30px; border-radius: 50%; background: var(--token-8a16c1e0-9178-435f-8361-d83efd74d213, rgb(237, 241, 244)); transition: background-color .25s ease, transform .38s cubic-bezier(.3, .7, .2, 1); }
.nz-tema-mas-icono::before, .nz-tema-mas-icono::after { content: ""; position: absolute; left: 50%; top: 50%; width: 16px; height: 2px; margin: -1px 0 0 -8px; border-radius: 100px; background: var(--token-0edc2e6a-5fd1-47c5-a905-c3de9f07cea3, rgb(29, 29, 29)); }
.nz-tema-mas-icono::after { transform: rotate(90deg); }
.nz-tema-pregunta[open] .nz-tema-mas-icono { background: var(--token-0edc2e6a-5fd1-47c5-a905-c3de9f07cea3, rgb(29, 29, 29)); transform: rotate(45deg); }
.nz-tema-pregunta[open] .nz-tema-mas-icono::before, .nz-tema-pregunta[open] .nz-tema-mas-icono::after { background: var(--token-260f9222-11bc-40e3-a74c-4f1dae7b4ffa, rgb(255, 255, 255)); }
.nz-tema-pregunta > p { padding: 0 60px 20px 20px; }
/* links a los otros temas: van pegados a las preguntas (que ya traen su espacio abajo) */
[data-nz-name="FAQs"] + .nz-tema-mas { padding-top: 0; }
.nz-tema-faq { padding-top: 0 !important; }
.nz-tema-mas h2 { color: var(--token-0edc2e6a-5fd1-47c5-a905-c3de9f07cea3, rgb(29, 29, 29)); }
.nz-tema-chips { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.nz-tema-chip { display: inline-flex; padding: 10px 18px; border-radius: 100px; border: 1px solid var(--token-3992e4b1-4934-4fc5-9122-067e1dd544fa, rgb(221, 229, 237)); text-decoration: none; transition: background-color .25s ease; }
.nz-tema-chip span { color: var(--token-0edc2e6a-5fd1-47c5-a905-c3de9f07cea3, rgb(29, 29, 29)); }
.nz-tema-chip:hover { background: var(--token-8a16c1e0-9178-435f-8361-d83efd74d213, rgb(237, 241, 244)); }
@media (min-width: 1200px) { .nz-tema { padding: 80px 30px; } }
@media (max-width: 1199.98px) { .nz-tema-tarjetas { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 809.98px) {
  .nz-tema { padding: 40px 20px; }
  .nz-tema-dos { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .nz-tema-tarjetas { grid-template-columns: minmax(0, 1fr); gap: 12px; margin-top: 28px; }
  .nz-tema-tarjeta { padding: 24px; border-radius: 24px; }
  .nz-tema-pregunta summary { padding: 16px; }
  .nz-tema-pregunta > p { padding: 0 16px 16px; }
}