/**
 * Lookiom brand — colors + typography (alineado con lookiom-site / Astro).
 * Navy #18324b · Gold #f7ae40 · Poppins 400/600/700
 */

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,600;1,700&display=swap');

:root {
  --lookiom-navy: #18324b;
  --lookiom-navy-deep: #0f2133;
  --lookiom-navy-soft: #243f5c;
  --lookiom-gold: #f7ae40;
  --lookiom-gold-hover: #e89a28;
  --lookiom-cream: #f6f8fb;
  --lookiom-text: #1a2b3c;
  --lookiom-muted: #5a6b7c;
  --lookiom-line: #d8e0ea;
  --lookiom-font: 'Poppins', system-ui, -apple-system, sans-serif;
}

/* —— Tipografía global (como Astro) —— */
html {
  -webkit-font-smoothing: antialiased;
}

body,
.elementor,
.elementor-kit-358,
.elementor-widget,
.elementor-widget-text-editor,
.elementor-widget-heading,
.elementor-button,
.hfe-nav-menu,
.as-footer {
  font-family: var(--lookiom-font) !important;
}

body {
  color: var(--lookiom-text) !important;
  font-weight: 400 !important;
  line-height: 1.6;
}

/* Elementor kit vars */
.elementor-kit-358 {
  --e-global-color-primary: #18324b !important;
  --e-global-color-secondary: #243f5c !important;
  --e-global-color-text: #5a6b7c !important;
  --e-global-color-accent: #f7ae40 !important;
  /* Kit "Black" (5a2dcea) se usa en H1–H6: remapear a navy corporativo */
  --e-global-color-5a2dcea: #18324b !important;
  --e-global-color-242b93b: #18324b !important;
  --e-global-typography-primary-font-family: 'Poppins' !important;
  --e-global-typography-secondary-font-family: 'Poppins' !important;
  --e-global-typography-text-font-family: 'Poppins' !important;
  --e-global-typography-accent-font-family: 'Poppins' !important;
  --e-global-typography-primary-font-weight: 700 !important;
  --e-global-typography-secondary-font-weight: 600 !important;
  --e-global-typography-text-font-weight: 400 !important;
  --e-global-typography-accent-font-weight: 600 !important;
}

/* Títulos: Poppins bold; color navy (blancos se respetan vía variable/global blanco) */
body .elementor h1,
body .elementor h2,
body .elementor h3,
body .elementor h4,
body .elementor h5,
body .elementor h6,
body .elementor .elementor-heading-title,
body .elementor .elementor-headline,
body .elementor .elementor-widget-heading .elementor-heading-title {
  font-family: var(--lookiom-font) !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.01em;
}

body .elementor h3,
body .elementor .elementor-widget-heading h3.elementor-heading-title {
  font-weight: 600 !important;
}

/* Por defecto navy como en Astro; si Elementor asigna blanco vía global, mantenerlo */
body .elementor .elementor-widget-heading .elementor-heading-title {
  color: var(--lookiom-navy);
}

/* Home hero H1: forzar navy (Elementor mezcla vars white/black en este widget) */
body .elementor .elementor-element-1520142 .ekit-heading--title,
body .elementor .elementor-element-1520142 .elementskit-section-title {
  color: var(--lookiom-navy) !important;
}

body .elementor .elementor-element .elementor-heading-title[style*="color: var( --e-global-color-f43f71f"],
body .elementor .elementor-element .elementor-widget-heading.elementor-element .elementor-heading-title {
  /* post CSS specificity handles white via var(--e-global-color-f43f71f) */
}

/* Párrafos / leads: muted, no negro */
body .elementor p,
body .elementor .elementor-widget-text-editor,
body .elementor .elementor-icon-list-text,
body .elementor .elementor-icon-box-description {
  font-family: var(--lookiom-font) !important;
  color: var(--lookiom-muted) !important;
  font-weight: 400 !important;
}

body .elementor .elementor-icon-box-title,
body .elementor .elementor-icon-box-title span {
  color: var(--lookiom-navy) !important;
  font-weight: 600 !important;
  font-family: var(--lookiom-font) !important;
}

/* Nav */
body .elementor .hfe-nav-menu a.hfe-menu-item {
  font-family: var(--lookiom-font) !important;
  font-weight: 500 !important;
  color: var(--lookiom-navy) !important;
}

body .elementor .hfe-nav-menu a.hfe-menu-item:not(.elementor-button):hover,
body .elementor .hfe-nav-menu a.hfe-menu-item:not(.elementor-button):focus {
  color: var(--lookiom-gold) !important;
}

/* Página actual del menú → dorado */
body .elementor .hfe-nav-menu a.hfe-menu-item.elementor-item-active:not(.elementor-button),
body .elementor .hfe-nav-menu .current-menu-item > a.hfe-menu-item:not(.elementor-button),
body .elementor .hfe-nav-menu .current_page_item > a.hfe-menu-item:not(.elementor-button),
body .elementor .hfe-nav-menu .current-menu-ancestor > a.hfe-menu-item:not(.elementor-button) {
  color: var(--lookiom-gold) !important;
}

body .elementor .hfe-nav-menu a.hfe-menu-item.elementor-button,
body .elementor .hfe-nav-menu a.hfe-menu-item.elementor-item-active.elementor-button {
  background-color: var(--lookiom-navy) !important;
  color: #fff !important;
  border-color: var(--lookiom-navy) !important;
  font-weight: 600 !important;
}

body .elementor .hfe-nav-menu a.hfe-menu-item.elementor-button:hover,
body .elementor .hfe-nav-menu a.hfe-menu-item.elementor-button:focus {
  background-color: var(--lookiom-gold) !important;
  border-color: var(--lookiom-gold) !important;
  color: var(--lookiom-navy) !important;
}

/* Accent spans (highlights) → oro, mismo peso que el título (no parece otra fuente) */
body .elementor h1 span,
body .elementor h2 span,
body .elementor h3 span,
body .elementor .elementor-heading-title span,
body .elementor .ekit-heading--title span,
body .elementor .elementskit-section-title span,
body .elementor .elementor-headline--style-highlight .elementor-headline-dynamic-wrapper,
body .elementor .elementor-headline--style-color .elementor-headline-dynamic-text {
  color: var(--lookiom-gold) !important;
  font-family: var(--lookiom-font) !important;
  font-weight: 700 !important;
  font-style: normal !important;
}

/* Iconos */
body .elementor .elementor-view-stacked .elementor-icon,
body .elementor .elementor-icon-box-icon .elementor-icon,
body .elementor .elementor-widget-icon-box .elementor-icon {
  background-color: var(--lookiom-navy) !important;
  fill: #fff;
  color: #fff !important;
  border-color: var(--lookiom-navy) !important;
}

body .elementor .elementor-view-framed .elementor-icon,
body .elementor .elementor-view-default .elementor-icon {
  color: var(--lookiom-navy) !important;
  fill: var(--lookiom-navy) !important;
  border-color: var(--lookiom-navy) !important;
}

/* Botones */
body .elementor a.elementor-button {
  font-family: var(--lookiom-font) !important;
  font-weight: 600 !important;
  border-radius: 999px;
}

body .elementor a.elementor-button[href*="contacto"],
body .elementor a.elementor-button[href*="Contacto"],
body .elementor a.elementor-button[href*="demo"],
body .elementor a.elementor-button[href*="Demo"],
body .elementor a.elementor-button[href*="precios"],
body .elementor a.elementor-button[href*="Precios"] {
  background-color: var(--lookiom-gold) !important;
  border-color: var(--lookiom-gold) !important;
  color: var(--lookiom-navy) !important;
}

body .elementor a.elementor-button[href*="contacto"]:hover,
body .elementor a.elementor-button[href*="demo"]:hover,
body .elementor a.elementor-button[href*="precios"]:hover,
body .elementor a.elementor-button[href*="Precios"]:hover {
  background-color: var(--lookiom-gold-hover) !important;
  border-color: var(--lookiom-gold-hover) !important;
  color: var(--lookiom-navy) !important;
}

/* En bloques navy: el botón blanco/navy quedaba sin contraste frente al CTA dorado */
body .elementor .elementor-element-92c4d33 a.elementor-button[href*="precios"],
body .elementor .elementor-element-92c4d33 a.elementor-button[href*="Precios"] {
  background-color: var(--lookiom-gold) !important;
  border-color: var(--lookiom-gold) !important;
  color: var(--lookiom-navy) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
}

/* Cómo ayudamos: una sola tarjeta de plan (las otras eran restos de Básico/Avanzado/Premium) */
body .elementor .elementor-element-787bc79,
body .elementor .elementor-element-60278d4 {
  display: none !important;
}

body .elementor .elementor-element-4f8d8c2 {
  justify-content: center !important;
}

body .elementor .elementor-element-cb90933 {
  max-width: 420px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Badge vacío del plan antiguo (Novato/Plan único): solo dejaba una franja de ~10px */
body .elementor .elementor-element-64fd0a5 {
  display: none !important;
}

body .elementor .lookiom-hide-plan-card {
  display: none !important;
}

body .elementor .lookiom-single-plan-card {
  max-width: 420px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Contadores */
body .elementor .elementor-counter-number-wrapper,
body .elementor .elementor-counter-number,
body .elementor .elementor-counter-number-prefix,
body .elementor .elementor-counter-number-suffix {
  color: var(--lookiom-gold) !important;
  font-family: var(--lookiom-font) !important;
  font-weight: 700 !important;
}

/* Anular negros hardcodeados en tipografía Elementor */
body .elementor .elementor-heading-title[style*="color:#000"],
body .elementor .elementor-heading-title[style*="color: #000"],
body .elementor .elementor-heading-title[style*="color:rgb(0, 0, 0)"],
body .elementor .elementor-heading-title[style*="color:rgb(0,0,0)"] {
  color: var(--lookiom-navy) !important;
}

/* Listas / cards títulos */
body .elementor .elementor-price-table__heading,
body .elementor .elementor-price-table__price,
body .elementor .elementor-testimonial__name,
body .elementor strong {
  color: var(--lookiom-navy);
  font-family: var(--lookiom-font);
}

/* Footer Montserrat → Poppins */
.as-footer,
.as-footer__list a,
.as-footer__col a {
  font-family: var(--lookiom-font) !important;
}

/* Remapeo inline residual de azules/morados */
body .elementor [style*="#4B1EAC"],
body .elementor [style*="#4b1eac"],
body .elementor [style*="#7360F2"],
body .elementor [style*="#7360f2"],
body .elementor [style*="#467FF7"],
body .elementor [style*="#467ff7"],
body .elementor [style*="#168AFF"],
body .elementor [style*="#168aff"],
body .elementor [style*="#5392CF"],
body .elementor [style*="#5392cf"] {
  color: var(--lookiom-navy) !important;
  border-color: var(--lookiom-navy) !important;
  fill: var(--lookiom-navy) !important;
  background-color: var(--lookiom-navy) !important;
}

body .elementor [style*="#4A6B8A"],
body .elementor [style*="#4a6b8a"] {
  color: var(--lookiom-gold) !important;
  fill: var(--lookiom-gold) !important;
}

/* —— Secciones con wallpapers coloridos → fondos de marca —— */
body.elementor-page .elementor .elementor-element.elementor-element-a7e392d,
body.elementor-page .elementor .elementor-element.elementor-element-c0b2ff1,
body.elementor-page .elementor .elementor-element.elementor-element-92c4d33,
body.elementor-page .elementor .elementor-element.elementor-element-87c499b,
body.elementor-page .elementor .elementor-element.elementor-element-2306586,
body.elementor-page .elementor .elementor-element.elementor-element-bde5d4a,
body.elementor-page .elementor .elementor-element.elementor-element-86d654e,
body.elementor-page .elementor .elementor-element.elementor-element-ae08a66,
body.elementor-page .elementor .elementor-element.elementor-element-787bc79,
body.elementor-page .elementor .elementor-element.elementor-element-b259e30,
body.elementor-page .elementor .elementor-element.elementor-element-3ea60a7,
body.elementor-page .elementor .elementor-element.elementor-element-fa90177,
body.elementor-page .elementor .elementor-element.elementor-element-059c869,
body.elementor-page .elementor .elementor-element.elementor-element-a04444b,
body.elementor-page .elementor .elementor-element.elementor-element-602b16c,
body.elementor-page .elementor .elementor-element.elementor-element-a7e392d:not(.elementor-motion-effects-element-type-background),
body.elementor-page .elementor .elementor-element.elementor-element-c0b2ff1:not(.elementor-motion-effects-element-type-background),
body.elementor-page .elementor .elementor-element.elementor-element-92c4d33:not(.elementor-motion-effects-element-type-background),
body.elementor-page .elementor .elementor-element.elementor-element-87c499b:not(.elementor-motion-effects-element-type-background),
body.elementor-page .elementor .elementor-element.elementor-element-2306586:not(.elementor-motion-effects-element-type-background),
body.elementor-page .elementor .elementor-element.elementor-element-bde5d4a:not(.elementor-motion-effects-element-type-background),
body.elementor-page .elementor .elementor-element.elementor-element-86d654e:not(.elementor-motion-effects-element-type-background),
body.elementor-page .elementor .elementor-element.elementor-element-ae08a66:not(.elementor-motion-effects-element-type-background),
body.elementor-page .elementor .elementor-element.elementor-element-787bc79:not(.elementor-motion-effects-element-type-background),
body.elementor-page .elementor .elementor-element.elementor-element-b259e30:not(.elementor-motion-effects-element-type-background),
body.elementor-page .elementor .elementor-element.elementor-element-3ea60a7:not(.elementor-motion-effects-element-type-background),
body.elementor-page .elementor .elementor-element.elementor-element-fa90177:not(.elementor-motion-effects-element-type-background),
body.elementor-page .elementor .elementor-element.elementor-element-059c869:not(.elementor-motion-effects-element-type-background),
body.elementor-page .elementor .elementor-element.elementor-element-a04444b:not(.elementor-motion-effects-element-type-background),
body.elementor-page .elementor .elementor-element.elementor-element-602b16c:not(.elementor-motion-effects-element-type-background) {
  background-image: none !important;
  background-color: #18324b !important;
  background: linear-gradient(145deg, #0f2133 0%, #18324b 55%, #243f5c 100%) !important;
}

body.elementor-page .elementor .elementor-element.elementor-element-a7e392d::before,
body.elementor-page .elementor .elementor-element.elementor-element-c0b2ff1::before,
body.elementor-page .elementor .elementor-element.elementor-element-92c4d33::before,
body.elementor-page .elementor .elementor-element.elementor-element-87c499b::before,
body.elementor-page .elementor .elementor-element.elementor-element-2306586::before,
body.elementor-page .elementor .elementor-element.elementor-element-bde5d4a::before,
body.elementor-page .elementor .elementor-element.elementor-element-86d654e::before,
body.elementor-page .elementor .elementor-element.elementor-element-ae08a66::before,
body.elementor-page .elementor .elementor-element.elementor-element-787bc79::before,
body.elementor-page .elementor .elementor-element.elementor-element-b259e30::before,
body.elementor-page .elementor .elementor-element.elementor-element-3ea60a7::before,
body.elementor-page .elementor .elementor-element.elementor-element-fa90177::before,
body.elementor-page .elementor .elementor-element.elementor-element-059c869::before,
body.elementor-page .elementor .elementor-element.elementor-element-a04444b::before,
body.elementor-page .elementor .elementor-element.elementor-element-602b16c::before {
  background-image: none !important;
  background-color: transparent !important;
  opacity: 0 !important;
  content: none !important;
}

/* Home hero navy block (marquee): sin wallpaper, solo azul corporativo */
body.elementor-page .elementor .elementor-element.elementor-element-10ff1f7e,
body.elementor-page .elementor .elementor-element.elementor-element-10ff1f7e:not(.elementor-motion-effects-element-type-background) {
  background-image: none !important;
  background-color: #18324b !important;
  background: linear-gradient(145deg, #0f2133 0%, #18324b 55%, #243f5c 100%) !important;
}

body.elementor-page .elementor .elementor-element.elementor-element-10ff1f7e::before {
  background-image: none !important;
  background-color: transparent !important;
  opacity: 0 !important;
  content: none !important;
}

/* Texto legible sobre navy (especificidad > párrafos muted globales) */
body .elementor .elementor-element-a7e392d,
body .elementor .elementor-element-a7e392d .elementor-heading-title,
body .elementor .elementor-element-a7e392d p,
body .elementor .elementor-element-a7e392d span,
body .elementor .elementor-element-a7e392d .elementor-widget-text-editor,
body .elementor .elementor-element-a7e392d .elementor-icon-list-text,
body .elementor .elementor-element-c0b2ff1,
body .elementor .elementor-element-c0b2ff1 .elementor-heading-title,
body .elementor .elementor-element-c0b2ff1 p,
body .elementor .elementor-element-c0b2ff1 span,
body .elementor .elementor-element-c0b2ff1 .elementor-widget-text-editor,
body .elementor .elementor-element-c0b2ff1 .elementor-icon-list-text,
body .elementor .elementor-element-92c4d33,
body .elementor .elementor-element-92c4d33 .elementor-heading-title,
body .elementor .elementor-element-92c4d33 p,
body .elementor .elementor-element-92c4d33 span,
body .elementor .elementor-element-92c4d33 .elementor-widget-text-editor,
body .elementor .elementor-element-92c4d33 .elementor-icon-list-text,
body .elementor .elementor-element-87c499b,
body .elementor .elementor-element-87c499b .elementor-heading-title,
body .elementor .elementor-element-87c499b p,
body .elementor .elementor-element-87c499b span,
body .elementor .elementor-element-87c499b .elementor-widget-text-editor,
body .elementor .elementor-element-87c499b .ekit-heading--title,
body .elementor .elementor-element-87c499b .elementskit-section-title,
body .elementor .elementor-element-2306586,
body .elementor .elementor-element-2306586 .elementor-heading-title,
body .elementor .elementor-element-2306586 p,
body .elementor .elementor-element-2306586 span,
body .elementor .elementor-element-2306586 .elementor-widget-text-editor,
body .elementor .elementor-element-bde5d4a,
body .elementor .elementor-element-bde5d4a .elementor-heading-title,
body .elementor .elementor-element-bde5d4a p,
body .elementor .elementor-element-bde5d4a span,
body .elementor .elementor-element-bde5d4a .elementor-widget-text-editor,
body .elementor .elementor-element-86d654e,
body .elementor .elementor-element-86d654e .elementor-heading-title,
body .elementor .elementor-element-86d654e p,
body .elementor .elementor-element-86d654e span,
body .elementor .elementor-element-ae08a66,
body .elementor .elementor-element-ae08a66 .elementor-heading-title,
body .elementor .elementor-element-ae08a66 p,
body .elementor .elementor-element-ae08a66 span,
body .elementor .elementor-element-787bc79,
body .elementor .elementor-element-787bc79 .elementor-heading-title,
body .elementor .elementor-element-787bc79 p,
body .elementor .elementor-element-787bc79 span,
body .elementor .elementor-element-b259e30,
body .elementor .elementor-element-b259e30 .elementor-heading-title,
body .elementor .elementor-element-b259e30 p,
body .elementor .elementor-element-b259e30 span,
body .elementor .elementor-element-3ea60a7,
body .elementor .elementor-element-3ea60a7 .elementor-heading-title,
body .elementor .elementor-element-3ea60a7 p,
body .elementor .elementor-element-3ea60a7 span,
body .elementor .elementor-element-fa90177,
body .elementor .elementor-element-fa90177 .elementor-heading-title,
body .elementor .elementor-element-fa90177 p,
body .elementor .elementor-element-fa90177 span,
body .elementor .elementor-element-fa90177 .elementor-widget-text-editor,
body .elementor .elementor-element-059c869,
body .elementor .elementor-element-059c869 .elementor-heading-title,
body .elementor .elementor-element-059c869 p,
body .elementor .elementor-element-059c869 span,
body .elementor .elementor-element-059c869 .elementor-widget-text-editor,
body .elementor .elementor-element-a04444b,
body .elementor .elementor-element-a04444b .elementor-heading-title,
body .elementor .elementor-element-a04444b p,
body .elementor .elementor-element-a04444b span,
body .elementor .elementor-element-602b16c,
body .elementor .elementor-element-602b16c .elementor-heading-title,
body .elementor .elementor-element-602b16c p,
body .elementor .elementor-element-602b16c span {
  color: #ffffff !important;
}

body .elementor .elementor-element-a7e392d .elementor-heading-title span,
body .elementor .elementor-element-c0b2ff1 .elementor-heading-title span,
body .elementor .elementor-element-92c4d33 .elementor-heading-title span,
body .elementor .elementor-element-87c499b .elementor-heading-title span,
body .elementor .elementor-element-87c499b .ekit-heading--title span,
body .elementor .elementor-element-87c499b .elementskit-section-title span,
body .elementor .elementor-element-2306586 .elementor-heading-title span,
body .elementor .elementor-element-bde5d4a .elementor-heading-title span,
body .elementor .elementor-element-86d654e .elementor-heading-title span,
body .elementor .elementor-element-ae08a66 .elementor-heading-title span,
body .elementor .elementor-element-787bc79 .elementor-heading-title span,
body .elementor .elementor-element-b259e30 .elementor-heading-title span,
body .elementor .elementor-element-3ea60a7 .elementor-heading-title span,
body .elementor .elementor-element-fa90177 .elementor-heading-title span,
body .elementor .elementor-element-059c869 .elementor-heading-title span,
body .elementor .elementor-element-a04444b .elementor-heading-title span,
body .elementor .elementor-element-602b16c .elementor-heading-title span,
body .elementor .elementor-element-a7e392d .elementor-counter-number-wrapper,
body .elementor .elementor-element-a7e392d .elementor-counter-number,
body .elementor .elementor-element-a7e392d .elementor-counter-number-prefix,
body .elementor .elementor-element-a7e392d .elementor-counter-number-suffix,
body .elementor .elementor-element-c0b2ff1 .elementor-counter-number-wrapper,
body .elementor .elementor-element-c0b2ff1 .elementor-counter-number,
body .elementor .elementor-element-c0b2ff1 .elementor-counter-number-prefix,
body .elementor .elementor-element-c0b2ff1 .elementor-counter-number-suffix,
body .elementor .elementor-element-92c4d33 .elementor-counter-number-wrapper,
body .elementor .elementor-element-92c4d33 .elementor-counter-number,
body .elementor .elementor-element-92c4d33 .elementor-counter-number-prefix,
body .elementor .elementor-element-92c4d33 .elementor-counter-number-suffix {
  color: var(--lookiom-gold) !important;
}

/* CTA “Solicita una demo…”: acento oro (fondo navy del padre) */
body .elementor .elementor-element-ed96c2c .elementskit-section-title span,
body .elementor .elementor-element-ed96c2c .ekit-heading--title span {
  color: var(--lookiom-gold) !important;
  font-weight: 700 !important;
  font-style: normal !important;
}

/* Card clara hermana (03a4c74): títulos navy, métricas oro, sin texto “fantasma” */
body .elementor .elementor-element-03a4c74,
body .elementor .elementor-element-03a4c74:not(.elementor-motion-effects-element-type-background) {
  background-image: none !important;
  background-color: var(--lookiom-cream) !important;
}

body .elementor .elementor-element-03a4c74::before {
  background-image: none !important;
  opacity: 0 !important;
  content: none !important;
}

body .elementor .elementor-element-03a4c74 .elementor-heading-title,
body .elementor .elementor-element-03a4c74 h2,
body .elementor .elementor-element-03a4c74 h3,
body .elementor .elementor-element-03a4c74 h4 {
  color: var(--lookiom-navy) !important;
}

body .elementor .elementor-element-03a4c74 p,
body .elementor .elementor-element-03a4c74 .elementor-widget-text-editor,
body .elementor .elementor-element-03a4c74 .elementor-icon-list-text {
  color: var(--lookiom-muted) !important;
}

body .elementor .elementor-element-03a4c74 .elementor-counter-number-wrapper,
body .elementor .elementor-element-03a4c74 .elementor-counter-number,
body .elementor .elementor-element-03a4c74 .elementor-counter-number-prefix,
body .elementor .elementor-element-03a4c74 .elementor-counter-number-suffix {
  color: var(--lookiom-gold) !important;
}

/* Plan cards (Básico / Avanzado / Premium): mismo estilo */
body .elementor .elementor-element-bc22d90,
body .elementor .elementor-element-5296844b,
body .elementor .elementor-element-506b428a,
body .elementor .elementor-element-bc22d90:not(.elementor-motion-effects-element-type-background),
body .elementor .elementor-element-5296844b:not(.elementor-motion-effects-element-type-background),
body .elementor .elementor-element-506b428a:not(.elementor-motion-effects-element-type-background) {
  background-color: #ffffff !important;
  background-image: none !important;
  border-color: var(--lookiom-line) !important;
}

body .elementor .elementor-element-bc22d90::before,
body .elementor .elementor-element-5296844b::before,
body .elementor .elementor-element-506b428a::before {
  background-image: none !important;
  opacity: 0 !important;
  content: none !important;
}

body .elementor .elementor-element-bc22d90 .elementor-heading-title,
body .elementor .elementor-element-5296844b .elementor-heading-title,
body .elementor .elementor-element-506b428a .elementor-heading-title {
  color: var(--lookiom-navy) !important;
}

body .elementor .elementor-element-bc22d90 p,
body .elementor .elementor-element-bc22d90 .elementor-widget-text-editor,
body .elementor .elementor-element-5296844b p,
body .elementor .elementor-element-5296844b .elementor-widget-text-editor,
body .elementor .elementor-element-506b428a p,
body .elementor .elementor-element-506b428a .elementor-widget-text-editor {
  color: var(--lookiom-muted) !important;
}

body .elementor .elementor-element-bc22d90:hover,
body .elementor .elementor-element-5296844b:hover,
body .elementor .elementor-element-506b428a:hover {
  border-color: var(--lookiom-navy) !important;
  box-shadow: 0 0 12px 3px rgba(24, 50, 75, 0.14) !important;
}

/* Métricas anidadas claras dentro de card navy (a7e392d): no heredar blanco */
body .elementor .elementor-element-ef10ddd .elementor-heading-title,
body .elementor .elementor-element-ef10ddd p,
body .elementor .elementor-element-ef10ddd span,
body .elementor .elementor-element-ef10ddd .elementor-widget-text-editor,
body .elementor .elementor-element-5838065 .elementor-heading-title,
body .elementor .elementor-element-5838065 p,
body .elementor .elementor-element-5838065 span,
body .elementor .elementor-element-5838065 .elementor-widget-text-editor {
  color: var(--lookiom-navy) !important;
}

body .elementor .elementor-element-ef10ddd .elementor-counter-number-wrapper,
body .elementor .elementor-element-ef10ddd .elementor-counter-number,
body .elementor .elementor-element-ef10ddd .elementor-counter-number-prefix,
body .elementor .elementor-element-ef10ddd .elementor-counter-number-suffix {
  color: var(--lookiom-gold) !important;
}

/* Métricas anidadas navy dentro de card clara (03a4c74): texto blanco/oro */
body .elementor .elementor-element-8f2be65 .elementor-heading-title,
body .elementor .elementor-element-8f2be65 p,
body .elementor .elementor-element-8f2be65 span,
body .elementor .elementor-element-8f2be65 .elementor-widget-text-editor,
body .elementor .elementor-element-df191c7 .elementor-heading-title,
body .elementor .elementor-element-df191c7 p,
body .elementor .elementor-element-df191c7 span,
body .elementor .elementor-element-df191c7 .elementor-widget-text-editor {
  color: #ffffff !important;
}

body .elementor .elementor-element-8f2be65 .elementor-counter-number-wrapper,
body .elementor .elementor-element-8f2be65 .elementor-counter-number,
body .elementor .elementor-element-8f2be65 .elementor-counter-number-prefix,
body .elementor .elementor-element-8f2be65 .elementor-counter-number-suffix {
  color: var(--lookiom-gold) !important;
}

/* Footer Elementor: sin wallpaper colorido */
body .elementor-location-footer .elementor-element-2b742029,
body .elementor-372 .elementor-element-2b742029 {
  background-image: none !important;
  background-color: var(--lookiom-navy-deep) !important;
}

body .elementor-location-footer .elementor-element-2b742029::before,
body .elementor-372 .elementor-element-2b742029::before {
  background-image: none !important;
  opacity: 0 !important;
}

body .elementor-location-footer,
body .elementor-372 {
  background-color: var(--lookiom-navy-deep) !important;
}

body .elementor-location-footer .elementor-heading-title,
body .elementor-location-footer p,
body .elementor-location-footer a,
body .elementor-location-footer .elementor-icon-list-text,
body .elementor-372 .elementor-heading-title,
body .elementor-372 p,
body .elementor-372 a,
body .elementor-372 .elementor-icon-list-text {
  color: rgba(255, 255, 255, 0.92) !important;
}

body .elementor-location-footer a:hover,
body .elementor-372 a:hover {
  color: var(--lookiom-gold) !important;
}

/* Instagram / social: icono navy sobre blanco; hover oro sobre navy (no navy-on-navy) */
body .elementor-location-footer .elementor-social-icon,
body .elementor-372 .elementor-social-icon,
body .elementor-element-5b40f537 .elementor-social-icon {
  background-color: #ffffff !important;
  color: var(--lookiom-navy) !important;
}

body .elementor-location-footer .elementor-social-icon i,
body .elementor-372 .elementor-social-icon i,
body .elementor-element-5b40f537 .elementor-social-icon i {
  color: var(--lookiom-navy) !important;
}

body .elementor-location-footer .elementor-social-icon svg,
body .elementor-372 .elementor-social-icon svg,
body .elementor-element-5b40f537 .elementor-social-icon svg {
  fill: var(--lookiom-navy) !important;
}

body .elementor-location-footer .elementor-social-icon:hover,
body .elementor-372 .elementor-social-icon:hover,
body .elementor-element-5b40f537 .elementor-social-icon:hover {
  background-color: var(--lookiom-navy) !important;
  color: var(--lookiom-gold) !important;
}

body .elementor-location-footer .elementor-social-icon:hover i,
body .elementor-372 .elementor-social-icon:hover i,
body .elementor-element-5b40f537 .elementor-social-icon:hover i {
  color: var(--lookiom-gold) !important;
}

body .elementor-location-footer .elementor-social-icon:hover svg,
body .elementor-372 .elementor-social-icon:hover svg,
body .elementor-element-5b40f537 .elementor-social-icon:hover svg {
  fill: var(--lookiom-gold) !important;
}

/* Card pilares: sin overlay verdoso */
body .elementor-element-03c2747 {
  background-color: var(--lookiom-cream) !important;
}

body .elementor-element-03c2747::before {
  background-image: none !important;
  opacity: 0 !important;
}

/* Fotos: quitar hue-rotate / saturación rara */
body .elementor img,
body .elementor .elementor-widget-image img,
body .elementor .elementor-background-overlay {
  filter: none !important;
}

/* Sin cursivas (Carlito italic → Poppins normal) */
body .elementor em,
body .elementor i:not([class*="fa"]):not([class*="icon"]):not([class*="jki"]):not([class*="eicon"]),
body .elementor .elementor-heading-title,
body .elementor .elementor-headline,
body .elementor span {
  font-style: normal !important;
}

body .elementor .elementor-heading-title,
body .elementor span {
  font-family: var(--lookiom-font) !important;
}

/* Números de plan 01. 02. 03. → oro */
body .elementor .elementor-element-18eba479 .elementor-heading-title,
body .elementor .elementor-element-729a7100 .elementor-heading-title,
body .elementor .elementor-element-3e0fba6e .elementor-heading-title,
body .elementor .elementor-element-1259c89 .elementor-heading-title,
body .elementor .elementor-element-ef927e6 .elementor-heading-title,
body .elementor .elementor-element-7db0d8a .elementor-heading-title {
  color: var(--lookiom-gold) !important;
}

/* Listas de features (Gestión de citas…): más peso */
body .elementor .elementor-element-2d9f0a6 .elementor-icon-list-text,
body .elementor .elementor-element-2d9f0a6 .elementor-icon-box-title,
body .elementor .elementor-element-2d9f0a6 .elementor-icon-box-title span,
body .elementor .elementor-element-2d9f0a6 p,
body .elementor .elementor-element-db7c425 .elementor-icon-list-text,
body .elementor .elementor-element-db7c425 .elementor-icon-box-title,
body .elementor .elementor-element-db7c425 .elementor-icon-box-title span,
body .elementor .elementor-element-db7c425 p {
  font-weight: 500 !important;
  color: var(--lookiom-text) !important;
}

/* Cómo ayudamos — “plataforma” debe destacar en oro */
body .elementor .elementor-element-cb148e9 .ekit-heading--title span,
body .elementor .elementor-element-cb148e9 .elementskit-section-title span,
body .elementor .elementor-element-86d654e .ekit-heading--title span,
body .elementor .elementor-element-86d654e .elementskit-section-title span {
  color: var(--lookiom-gold) !important;
  font-weight: 700 !important;
  font-style: normal !important;
}

/* Cómo ayudamos — listas en navy: cards doradas sólidas + checks navy */
body .elementor .elementor-element-9edce2c,
body .elementor .elementor-element-1d62f2b,
body .elementor .elementor-element-9edce2c:not(.elementor-motion-effects-element-type-background),
body .elementor .elementor-element-1d62f2b:not(.elementor-motion-effects-element-type-background) {
  background-color: var(--lookiom-gold) !important;
  background-image: none !important;
  border-color: var(--lookiom-gold) !important;
}

body .elementor .elementor-element-9edce2c::before,
body .elementor .elementor-element-1d62f2b::before {
  background-image: none !important;
  background-color: transparent !important;
  opacity: 0 !important;
  content: none !important;
}

body .elementor .elementor-element-9edce2c .elementor-icon-list-text,
body .elementor .elementor-element-1d62f2b .elementor-icon-list-text,
body .elementor .elementor-element-de41c29 .elementor-icon-list-text,
body .elementor .elementor-element-6e534aa .elementor-icon-list-text {
  color: var(--lookiom-navy) !important;
  font-weight: 500 !important;
}

body .elementor .elementor-element-9edce2c .elementor-icon-list-icon i,
body .elementor .elementor-element-9edce2c .elementor-icon-list-icon svg,
body .elementor .elementor-element-9edce2c .elementor-icon-list-icon path,
body .elementor .elementor-element-1d62f2b .elementor-icon-list-icon i,
body .elementor .elementor-element-1d62f2b .elementor-icon-list-icon svg,
body .elementor .elementor-element-1d62f2b .elementor-icon-list-icon path,
body .elementor .elementor-element-de41c29 .elementor-icon-list-icon i,
body .elementor .elementor-element-de41c29 .elementor-icon-list-icon svg,
body .elementor .elementor-element-de41c29 .elementor-icon-list-icon path,
body .elementor .elementor-element-6e534aa .elementor-icon-list-icon i,
body .elementor .elementor-element-6e534aa .elementor-icon-list-icon svg,
body .elementor .elementor-element-6e534aa .elementor-icon-list-icon path {
  color: var(--lookiom-navy) !important;
  fill: var(--lookiom-navy) !important;
}

body .elementor .elementor-element-9edce2c:hover,
body .elementor .elementor-element-1d62f2b:hover {
  border-color: var(--lookiom-navy) !important;
  box-shadow: 0 0 14px 3px rgba(24, 50, 75, 0.25) !important;
}

/* Plan cards claras (Básico/Avanzado/Premium) dentro de navy: texto navy legible */
body .elementor .elementor-element-2355252,
body .elementor .elementor-element-c468c73,
body .elementor .elementor-element-4c09f08,
body .elementor .elementor-element-2355252:not(.elementor-motion-effects-element-type-background),
body .elementor .elementor-element-c468c73:not(.elementor-motion-effects-element-type-background),
body .elementor .elementor-element-4c09f08:not(.elementor-motion-effects-element-type-background) {
  background-color: #ffffff !important;
  background-image: none !important;
  border: 1px solid var(--lookiom-line) !important;
}

body .elementor .elementor-element-2355252::before,
body .elementor .elementor-element-c468c73::before,
body .elementor .elementor-element-4c09f08::before {
  background-image: none !important;
  opacity: 0 !important;
  content: none !important;
}

body .elementor .elementor-element-2355252 .elementor-heading-title,
body .elementor .elementor-element-2355252 p,
body .elementor .elementor-element-2355252 span,
body .elementor .elementor-element-2355252 .elementor-icon-list-text,
body .elementor .elementor-element-c468c73 .elementor-heading-title,
body .elementor .elementor-element-c468c73 p,
body .elementor .elementor-element-c468c73 span,
body .elementor .elementor-element-c468c73 .elementor-icon-list-text,
body .elementor .elementor-element-4c09f08 .elementor-heading-title,
body .elementor .elementor-element-4c09f08 p,
body .elementor .elementor-element-4c09f08 span,
body .elementor .elementor-element-4c09f08 .elementor-icon-list-text {
  color: var(--lookiom-navy) !important;
}

body .elementor .elementor-element-c468c73 .elementor-heading-title {
  color: var(--lookiom-gold) !important;
}

body .elementor .elementor-element-2355252 .elementor-icon-list-icon i,
body .elementor .elementor-element-2355252 .elementor-icon-list-icon svg,
body .elementor .elementor-element-2355252 .elementor-icon-list-icon path,
body .elementor .elementor-element-c468c73 .elementor-icon-list-icon i,
body .elementor .elementor-element-c468c73 .elementor-icon-list-icon svg,
body .elementor .elementor-element-c468c73 .elementor-icon-list-icon path,
body .elementor .elementor-element-4c09f08 .elementor-icon-list-icon i,
body .elementor .elementor-element-4c09f08 .elementor-icon-list-icon svg,
body .elementor .elementor-element-4c09f08 .elementor-icon-list-icon path {
  color: var(--lookiom-navy) !important;
  fill: var(--lookiom-navy) !important;
}

/* CTA tel en sección navy: botón oro + letras navy (incl. span interno) */
body .elementor .elementor-element-3ea60a7 a.elementor-button,
body .elementor .elementor-element-0104892 a.elementor-button,
body .elementor .elementor-element-980b851 a.elementor-button,
body .elementor a.elementor-button[href^="tel:"] {
  background-color: var(--lookiom-gold) !important;
  border-color: var(--lookiom-gold) !important;
  color: var(--lookiom-navy) !important;
  font-weight: 600 !important;
}

body .elementor .elementor-element-3ea60a7 a.elementor-button span,
body .elementor .elementor-element-3ea60a7 a.elementor-button .elementor-button-text,
body .elementor .elementor-element-0104892 a.elementor-button span,
body .elementor .elementor-element-0104892 a.elementor-button .elementor-button-text,
body .elementor .elementor-element-980b851 a.elementor-button span,
body .elementor .elementor-element-980b851 a.elementor-button .elementor-button-text,
body .elementor a.elementor-button[href^="tel:"] span,
body .elementor a.elementor-button[href^="tel:"] .elementor-button-text {
  color: var(--lookiom-navy) !important;
}

body .elementor .elementor-element-3ea60a7 a.elementor-button:hover,
body .elementor .elementor-element-0104892 a.elementor-button:hover,
body .elementor .elementor-element-980b851 a.elementor-button:hover,
body .elementor a.elementor-button[href^="tel:"]:hover {
  background-color: var(--lookiom-gold-hover) !important;
  border-color: var(--lookiom-gold-hover) !important;
  color: var(--lookiom-navy) !important;
}

body .elementor .elementor-element-3ea60a7 a.elementor-button:hover span,
body .elementor .elementor-element-0104892 a.elementor-button:hover span,
body .elementor .elementor-element-980b851 a.elementor-button:hover span,
body .elementor a.elementor-button[href^="tel:"]:hover span {
  color: var(--lookiom-navy) !important;
}

/* “solución” (y acentos ekit en CTA navy) → oro */
body .elementor .elementor-element-0608e92 .ekit-heading--title span,
body .elementor .elementor-element-0608e92 .elementskit-section-title span,
body .elementor .elementor-element-3ea60a7 .ekit-heading--title span,
body .elementor .elementor-element-3ea60a7 .elementskit-section-title span {
  color: var(--lookiom-gold) !important;
  font-weight: 700 !important;
  font-style: normal !important;
}

/* Iconos + círculos: mismo color navy (no círculo oro / icono navy) */
body .elementor .elementor-widget-icon > .elementor-widget-container {
  border-color: var(--lookiom-navy) !important;
}

body .elementor .elementor-widget-icon .elementor-icon,
body .elementor .elementor-widget-icon .elementor-icon i {
  color: var(--lookiom-navy) !important;
  fill: var(--lookiom-navy) !important;
  border-color: var(--lookiom-navy) !important;
}

/* En cards navy: círculo + icono oro (mismo color, legible) */
body .elementor .elementor-element-a7e392d .elementor-widget-icon > .elementor-widget-container,
body .elementor .elementor-element-c0b2ff1 .elementor-widget-icon > .elementor-widget-container,
body .elementor .elementor-element-92c4d33 .elementor-widget-icon > .elementor-widget-container,
body .elementor .elementor-element-8f2be65 .elementor-widget-icon > .elementor-widget-container,
body .elementor .elementor-element-df191c7 .elementor-widget-icon > .elementor-widget-container {
  border-color: var(--lookiom-gold) !important;
}

body .elementor .elementor-element-a7e392d .elementor-widget-icon .elementor-icon,
body .elementor .elementor-element-a7e392d .elementor-widget-icon .elementor-icon i,
body .elementor .elementor-element-c0b2ff1 .elementor-widget-icon .elementor-icon,
body .elementor .elementor-element-c0b2ff1 .elementor-widget-icon .elementor-icon i,
body .elementor .elementor-element-92c4d33 .elementor-widget-icon .elementor-icon,
body .elementor .elementor-element-92c4d33 .elementor-widget-icon .elementor-icon i,
body .elementor .elementor-element-8f2be65 .elementor-widget-icon .elementor-icon,
body .elementor .elementor-element-8f2be65 .elementor-widget-icon .elementor-icon i,
body .elementor .elementor-element-df191c7 .elementor-widget-icon .elementor-icon,
body .elementor .elementor-element-df191c7 .elementor-widget-icon .elementor-icon i {
  color: var(--lookiom-gold) !important;
  fill: var(--lookiom-gold) !important;
  border-color: var(--lookiom-gold) !important;
}

/* "gratis" debe destacar en oro + bold */
body .elementor .elementor-element-de66675 .elementskit-section-title span,
body .elementor .elementor-element-de66675 .ekit-heading--title span,
body .elementor .elementor-element-de66675 span {
  color: var(--lookiom-gold) !important;
  font-weight: 700 !important;
  font-family: var(--lookiom-font) !important;
}

/* Glows decorativos del hero: ocultar PNGs (eran blobs; el azul limpio no necesita imagen) */
body .elementor .elementor-element-6541f29d,
body .elementor .elementor-element-339fa4fd,
body .elementor img.wp-image-385,
body .elementor img.wp-image-389 {
  display: none !important;
}

/* Cómo ayudamos: quitar cuadrado/overlay detrás del mockup del móvil */
body .elementor .elementor-element-5673c98 {
  background-color: transparent !important;
  background-image: none !important;
}

body .elementor .elementor-element-5673c98::before {
  background-image: none !important;
  background-color: transparent !important;
  opacity: 0 !important;
  content: none !important;
}

/* Ocultar crédito Subventic si queda residual */
.as-footer__row:has(a[href*="subventic"]),
.as-footer a[href*="subventic"],
img.footer-logo__subventic {
  display: none !important;
}

/* —— Cabecera de sitio uniforme (todas las páginas) —— */
.elementor-location-header,
.elementor-location-header > .e-con {
  background-color: #ffffff !important;
}

/* —— Cabeceras de página (franja navy) unificadas ——
   Referencia: Cómo ayudamos / Contacto / Sobre nosotros
   Aplica a plantilla legal Elementor #396 y refuerza marketing. */
/* —— Cabeceras de página: misma altura + mismo padding (Elementor + Precios + legales) ——
   Elementor aplica --padding-* en .e-con-inner; Precios en la sección.
   justify flex-start: el aire superior = padding-top (el center descompensaba títulos multilínea). */
.lookiom-precios__hero,
body.elementor-page .elementor .elementor-element-bde5d4a,
body.elementor-page .elementor .elementor-element-fa90177,
body.elementor-page .elementor .elementor-element-87c499b,
.elementor-396 .elementor-element-fb15690 {
  --padding-top: 100px;
  --padding-bottom: 46px;
  --padding-left: 0px;
  --padding-right: 0px;
  min-height: 499px !important;
  height: 499px !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: center !important;
  overflow: hidden !important;
  padding: 0 !important;
}

body.elementor-page .elementor .elementor-element-bde5d4a > .e-con-inner,
body.elementor-page .elementor .elementor-element-fa90177 > .e-con-inner,
body.elementor-page .elementor .elementor-element-87c499b > .e-con-inner,
.elementor-396 .elementor-element-fb15690 > .e-con-inner {
  justify-content: flex-start !important;
  align-items: center !important;
  padding: 100px 0 46px !important;
  box-sizing: border-box !important;
}

.lookiom-precios__hero {
  padding: 100px 0 46px !important;
  background: linear-gradient(145deg, #0f2133 0%, #18324b 55%, #243f5c 100%) !important;
}

.elementor-396 .elementor-element-fb15690 {
  background-color: var(--lookiom-navy) !important;
  background-image: linear-gradient(145deg, #0f2133 0%, #18324b 55%, #243f5c 100%) !important;
}

/* Márgenes negativos de widgets Elementor en heroes: anulan el padding visual */
body.elementor-page .elementor .elementor-element-bde5d4a .elementor-widget-container,
body.elementor-page .elementor .elementor-element-fa90177 .elementor-widget-container,
body.elementor-page .elementor .elementor-element-87c499b .elementor-widget-container,
.elementor-396 .elementor-element-fb15690 .elementor-widget-container {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

@media (max-width: 1024px) {
  .lookiom-precios__hero,
  body.elementor-page .elementor .elementor-element-bde5d4a,
  body.elementor-page .elementor .elementor-element-fa90177,
  body.elementor-page .elementor .elementor-element-87c499b,
  .elementor-396 .elementor-element-fb15690 {
    --padding-top: 62px;
    --padding-bottom: 26px;
    --padding-left: 30px;
    --padding-right: 30px;
    min-height: 420px !important;
    height: 420px !important;
  }

  body.elementor-page .elementor .elementor-element-bde5d4a > .e-con-inner,
  body.elementor-page .elementor .elementor-element-fa90177 > .e-con-inner,
  body.elementor-page .elementor .elementor-element-87c499b > .e-con-inner,
  .elementor-396 .elementor-element-fb15690 > .e-con-inner {
    padding: 62px 30px 26px !important;
  }

  .lookiom-precios__hero {
    padding: 62px 30px 26px !important;
  }
}

@media (max-width: 767px) {
  .lookiom-precios__hero,
  body.elementor-page .elementor .elementor-element-bde5d4a,
  body.elementor-page .elementor .elementor-element-fa90177,
  body.elementor-page .elementor .elementor-element-87c499b,
  .elementor-396 .elementor-element-fb15690 {
    --padding-top: 46px;
    --padding-bottom: 26px;
    --padding-left: 20px;
    --padding-right: 20px;
    min-height: 280px !important;
    height: auto !important;
  }

  body.elementor-page .elementor .elementor-element-bde5d4a > .e-con-inner,
  body.elementor-page .elementor .elementor-element-fa90177 > .e-con-inner,
  body.elementor-page .elementor .elementor-element-87c499b > .e-con-inner,
  .elementor-396 .elementor-element-fb15690 > .e-con-inner {
    padding: 46px 20px 26px !important;
  }

  .lookiom-precios__hero {
    padding: 46px 20px 26px !important;
  }
}

.elementor-396 .elementor-element-fb15690::before {
  /* textura legal: bajar opacidad para acercarse al navy limpio de marketing */
  opacity: 0.12 !important;
}

.elementor-396 .elementor-element-fb15690 .ekit-heading--title,
.elementor-396 .elementor-element-fb15690 .elementskit-section-title {
  color: #ffffff !important;
  font-family: var(--lookiom-font) !important;
  font-weight: 700 !important;
  font-size: clamp(2.4rem, 5vw, 4.2rem) !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
  text-align: center !important;
  margin: 0 !important;
}

/* Refuerzo tipográfico en cabeceras navy de marketing (por si el kit varía) */
body .elementor .e-con[style*="linear-gradient"] .ekit-heading--title,
body .elementor .e-con[data-settings*="background"] .ekit-heading--title.elementskit-section-title {
  font-family: var(--lookiom-font);
}



