/* ==========================================================================
   Nokaos child - Puente Blocksy  <->  sistema de diseno Nokaos.  (v1.8)
   Aplica el aspecto "blueprint" (fondo claro, azul #5980a6, tipografias
   Barlow / Barlow Condensed, marcos tecnicos) sobre el sitio Blocksy +
   Elementor existente, SIN tocar el contenido de las paginas.
   Reversible: al desactivar el tema hijo, todo vuelve a Blocksy.

   La seccion "OVERRIDES FUERTES" existe porque el diseno anterior era un tema
   OSCURO con textos en blanco y fondos marron fijados por elemento en Elementor.
   Esas reglas fuerzan el look claro con !important. A medida que cada seccion se
   reconstruya/afine en Elementor con los colores correctos, dejan de tener
   efecto por si solas y se pueden ir retirando.
   IDs de seccion usados (pueden cambiar si se reconstruyen en Elementor):
     360175d  = hero del home
     1acf8b3  = banda CTA "presupuesto en menos de 48h"  -> se deja OSCURA
     af44aea  = titular "Presupuesto cerrado" del hero   -> azul
   ========================================================================== */

:root {
	--theme-palette-color-1: #5980a6;
	--theme-palette-color-2: #416180;
	--theme-palette-color-3: #1d1f20;
	--theme-palette-color-4: #1d1f20;
	--theme-palette-color-5: rgba(29, 31, 32, 0.16);
	--theme-palette-color-6: #e9e9ea;
	--theme-palette-color-7: #f2f2f3;
	--theme-palette-color-8: #ffffff;
	--theme-text-color: #1d1f20;
	--theme-headings-color: #1d1f20;
	--theme-link-color: #5980a6;
	--theme-link-hover-color: #416180;
	--theme-border-color: rgba(29, 31, 32, 0.16);
	--theme-content-background-color: #f2f2f3;
	--theme-content-boxed-background-color: #f2f2f3;
	--theme-button-background-initial-color: #5980a6;
	--theme-button-background-hover-color: #416180;
	--theme-button-text-initial-color: #f2f2f3;
	--theme-button-text-hover-color: #ffffff;
	--theme-button-border-radius: 0px;
	--theme-button-shadow: none;
	--theme-font-family: "Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;
	--theme-font-weight: 400;
	--theme-headings-font-family: "Barlow Condensed", system-ui, -apple-system, sans-serif;
	--theme-headings-font-weight: 600;
	--nk-tick: rgba(29, 31, 32, 0.55);
}

html body { background-color: #f2f2f3; color: #1d1f20; font-family: "Barlow", system-ui, -apple-system, "Segoe UI", sans-serif; }
body a { color: #5980a6; }
body a:hover { color: #416180; }

.wp-block-button__link, .ct-button, button.ct-button, .elementor-button { border-radius: 0 !important; }
.ct-card, .entry-card, input[type="text"], input[type="email"], input[type="tel"],
input[type="url"], input[type="search"], textarea, select,
.wpcf7-form-control, .ff-el-form-control { border-radius: 0 !important; }
input:focus, textarea:focus, select:focus { border-color: #5980a6; }
:focus-visible { outline: 2px solid #5980a6; outline-offset: 2px; }
.ct-header { --header-background: rgba(242,242,243,0.94); border-bottom: 1px solid rgba(29,31,32,0.16); backdrop-filter: blur(8px); }

/* ===== OVERRIDES FUERTES - quirurgicos y reversibles ===== */

html body, body.elementor-page, body[class*="elementor-page-"] { background-color: #f2f2f3 !important; }
.ct-container, .ct-content, main#main, .site-main { background-color: transparent !important; }

.e-con::before, .e-con > .e-con-inner::before, .elementor-element.e-con::before {
	background-color: transparent !important; background-image: none !important;
}
.elementor-element-360175d, .elementor-element-360175d.e-con { background-color: transparent !important; background-image: none !important; }

.elementor-button:not(.nk-btn), a.elementor-button:not(.nk-btn),
.elementor-widget-button .elementor-button:not(.nk-btn) {
	background-color: #5980a6 !important; background-image: none !important;
	border-color: #5980a6 !important; color: #f2f2f3 !important; border-radius: 0 !important;
	font-family: "Barlow Condensed", system-ui, sans-serif !important; font-weight: 600 !important;
	letter-spacing: 0.1em !important; text-transform: uppercase !important;
}
.elementor-button:not(.nk-btn):hover, a.elementor-button:not(.nk-btn):hover {
	background-color: #416180 !important; border-color: #416180 !important; color: #ffffff !important;
}

.elementor-widget-heading .elementor-heading-title, .elementor-heading-title,
.elementor-widget-text-editor, .elementor-widget-text-editor p, .elementor-widget-text-editor li,
.elementor-icon-list-text,
.e-con h1, .e-con h2, .e-con h3, .e-con h4, .e-con h5, .e-con h6, .e-con p, .e-con li, .e-con span,
main h1, main h2, main h3, main h4, main p, main li, main span { color: #1d1f20 !important; }
main a, .e-con a { color: #5980a6 !important; }
/* el texto del boton nunca hereda el color oscuro de arriba */
.elementor-button:not(.nk-btn), .elementor-button:not(.nk-btn) span,
.elementor-button:not(.nk-btn) .elementor-button-text { color: #f2f2f3 !important; }

main [style*="blocksy_palette_8"], .e-con [style*="blocksy_palette_8"],
main [style*="color:#fff"], main [style*="color: #fff"],
main [style*="color:#ffffff"], main [style*="color: #ffffff"],
main [style*="rgb(255, 255, 255)"], main [style*="rgb(255,255,255)"] { color: #1d1f20 !important; }
main .elementor-button [style*="blocksy_palette_8"] { color: inherit !important; }

h1, h2, h3, h4, h5, h6, .elementor-heading-title, .entry-title, .ct-title {
	font-family: "Barlow Condensed", system-ui, -apple-system, sans-serif !important;
	font-weight: 600; letter-spacing: -0.02em;
}

/* FOOTER oscuro con texto claro */
.ct-footer, .ct-footer .e-con, .ct-footer .e-con::before, .ct-footer [data-column], footer[data-footer] {
	background-color: #1d2d3d !important;
}
.ct-footer, .ct-footer *, footer[data-footer], footer[data-footer] * { color: #f2f2f3 !important; }
.ct-footer a:hover, footer[data-footer] a:hover { color: #b5d9fd !important; }

/* ==========================================================================
   11. AFINADO NOKAOS
   ========================================================================== */

/* 11.1  Marco "blueprint" en las imagenes de Elementor: borde + 4 esquinas en L */
.elementor-widget-image { position: relative; overflow: visible; }
.elementor-widget-image > .elementor-widget-container {
	position: relative; overflow: visible;
	border: 1px solid rgba(29, 31, 32, 0.16);
}
.elementor-widget-image > .elementor-widget-container > * { position: relative; z-index: 1; }
.elementor-widget-image::before,
.elementor-widget-image::after,
.elementor-widget-image > .elementor-widget-container::before,
.elementor-widget-image > .elementor-widget-container::after {
	content: ""; position: absolute; width: 11px; height: 11px;
	border: 0 solid var(--nk-tick); pointer-events: none; z-index: 3;
}
.elementor-widget-image > .elementor-widget-container::before { top: -6px; left: -6px; border-top-width: 1px; border-left-width: 1px; }
.elementor-widget-image > .elementor-widget-container::after  { top: -6px; right: -6px; border-top-width: 1px; border-right-width: 1px; }
.elementor-widget-image::before { bottom: -6px; left: -6px; border-bottom-width: 1px; border-left-width: 1px; }
.elementor-widget-image::after  { bottom: -6px; right: -6px; border-bottom-width: 1px; border-right-width: 1px; }

/* 11.2  Banda CTA "presupuesto en menos de 48h" (1acf8b3) -> oscura solida */
.elementor-element-1acf8b3.e-con::before,
.elementor-element-1acf8b3 > .e-con-inner::before {
	background-color: #1d2d3d !important; background-image: none !important; opacity: 1 !important;
}
.elementor-element-1acf8b3 :is(h1,h2,h3,h4,h5,h6,p,li),
.elementor-element-1acf8b3 .elementor-heading-title,
.elementor-element-1acf8b3 .elementor-widget-text-editor,
.elementor-element-1acf8b3 .elementor-widget-text-editor span { color: #f2f2f3 !important; }
.elementor-element-1acf8b3 .elementor-button:not(.nk-btn),
.elementor-element-1acf8b3 .elementor-button:not(.nk-btn) span,
.elementor-element-1acf8b3 .elementor-button:not(.nk-btn) .elementor-button-text {
	background-color: #f2f2f3 !important; color: #1d2d3d !important; border-color: #f2f2f3 !important;
}
.elementor-element-1acf8b3 .elementor-button:not(.nk-btn):hover { background-color: #ffffff !important; color: #1d2d3d !important; }

/* 11.3  "Presupuesto cerrado" del hero (af44aea) -> azul de acento */
.elementor-element-af44aea .elementor-heading-title,
.elementor-element-af44aea h2 { color: #5980a6 !important; }

/* 11.4  Iconos de lista (checks) al azul de acento */
.elementor-icon-list-icon i, .elementor-icon-list-icon svg { color: #5980a6 !important; fill: #5980a6 !important; }
.elementor-icon-list-icon { color: #5980a6 !important; }