/* Integratec V3 light theme overrides */

:root {
	--bg: #eef2f6;
	--bg-card: rgba(248,250,253,.9);
	--bg-glass: rgba(244,247,251,.82);
	--text: #172436;
	--muted: #607089;
	--border: rgba(15,23,42,.1);
	--shadow: 0 18px 46px rgba(15,23,42,.08);
	--human: #f0a66c;
	--text-secondary: #60738d;
	background:
		radial-gradient(circle at top right, rgba(111,137,168,.12), transparent 18%),
		radial-gradient(circle at top left, rgba(91,164,201,.08), transparent 18%),
		linear-gradient(180deg, #f7f4ef 0%, #f1f4f8 46%, #e9eef5 100%);
	color: var(--text);
	color-scheme: light;
}

html,
body { background: #eef2f6 !important; }

header {
	background: transparent;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	border-bottom: none;
}

header.menu {
	background: transparent;
	box-shadow: none;
}

header>#escritorio {
	background: linear-gradient(180deg, rgba(255,255,255,.62), rgba(244,247,251,.5));
	border-color: rgba(15,23,42,.08);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.82),
		inset 0 -1px 0 rgba(255,255,255,.28),
		0 18px 40px rgba(15,23,42,.08),
		0 2px 10px rgba(15,23,42,.05);
}

header>#escritorio::before {
	background: linear-gradient(180deg, rgba(255,255,255,.62), rgba(255,255,255,0));
}

header>#escritorio::after {
	background:
		radial-gradient(circle at 12% 18%, rgba(255,255,255,.6), transparent 20%),
		radial-gradient(circle at 82% 0%, rgba(255,198,150,.22), transparent 26%);
}

header.menu>#escritorio {
	background: linear-gradient(180deg, rgba(255,255,255,.74), rgba(246,248,252,.6));
	border-color: rgba(15,23,42,.1);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.88),
		inset 0 -1px 0 rgba(255,255,255,.32),
		0 20px 42px rgba(15,23,42,.1),
		0 2px 10px rgba(15,23,42,.06);
}

.nav-item>p,
#contacto-tel { color: #1a2740; }

#contacto-tel:hover { color: var(--text-secondary); }

.nav-item>p {
	background: transparent;
	border-color: transparent;
	box-shadow: none;
}

.nav-item>p:hover {
	background: transparent;
	border-color: transparent;
	box-shadow: none;
	color: #0c1220;
	text-decoration: none;
}

.nav-item--platform>.submenu {
	background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(245,247,250,.98));
	border: 1px solid rgba(15,23,42,.08);
	box-shadow:
		0 18px 48px rgba(15,23,42,.1),
		0 2px 8px rgba(15,23,42,.06);
	backdrop-filter: blur(26px) saturate(155%);
	-webkit-backdrop-filter: blur(26px) saturate(155%);
}

.nav-item--platform>.submenu>ul {
	background: transparent;
	border: none;
}

.nav-item--platform>.submenu>ul:hover { background: transparent; }
.nav-item--platform>.submenu>ul:first-of-type>h4 { color: #df7d68; }
.nav-item--platform>.submenu>ul:nth-of-type(2)>h4 { color: #459a63; }
.nav-item--platform>.submenu>ul:nth-of-type(3)>h4 { color: #8a73db; }
.nav-item--platform>.submenu>ul:nth-of-type(4)>h4 { color: #4d96d9; }
.nav-item--platform>.submenu>ul>li>a { color: #44536b; text-decoration: none; }
.nav-item--platform>.submenu>ul>li>a:hover { color: #172436; text-decoration: none; }

.nav-right>.botones-esc {
	background: #172436;
	border-color: #172436;
	color: #fff;
}

.nav-right>.botones-esc:hover {
	background: #22314c;
	border-color: #22314c;
}

header>#icono-movil>span { background: #1a2740; }
header>#movil {
	background: rgba(255,255,255,.98);
	border-top: 1px solid rgba(15,23,42,.08);
}

header>#movil>ul>li>a,
header>#movil>.mobile-cta>.cta-secondary { color: #44536b; }

.title,
.journey-name,
.info-card h3,
.faq-item-v2 summary,
.cta-band .title,
.footer-col h4 { color: var(--text); }

.subtitle,
.journey-desc,
.info-card p,
.faq-item-v2 p,
.mini-metric__label,
.footer-brand p,
.footer-col a,
.footer-cta p { color: var(--muted); }

.eyebrow { color: var(--text-secondary); }
.eyebrow .ey-plus { color: #4c5b72; }

.hero {
	background:
		radial-gradient(circle at top right, rgba(111,137,168,.16), rgba(111,137,168,.05) 24%, transparent 46%),
		linear-gradient(180deg, #f8f5f0, #eff4f9);
	border-bottom: 1px solid rgba(15,23,42,.06);
}

.hero .title > span {
	background: linear-gradient(90deg, #6cc98e, #6f89a8, #6cc98e, #6f89a8, #6cc98e);
	background-size: 300% 100%;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.hero-lead-form__shell {
	background: rgba(255,255,255,.94);
	box-shadow: 0 18px 34px rgba(15,23,42,.1);
}
.hero-lead-form input {
	color: #172436;
}
.hero-lead-form input::placeholder { color: rgba(96,112,137,.8); }
.hero-lead-form input:-webkit-autofill,
.hero-lead-form input:-webkit-autofill:hover,
.hero-lead-form input:-webkit-autofill:focus,
.hero-lead-form input:-webkit-autofill:active {
	-webkit-text-fill-color: #172436;
	caret-color: #172436;
	box-shadow: 0 0 0 1000px #ffffff inset;
	-webkit-box-shadow: 0 0 0 1000px #ffffff inset;
}
.hero-band__visual {
	border-color: rgba(15,23,42,.08);
	background:
		linear-gradient(180deg, rgba(255,255,255,.94), rgba(248,250,252,.88)),
		rgba(255,255,255,.9);
	box-shadow: 0 24px 48px rgba(15,23,42,.10);
}

.hero-band__panel--data {
	background:
		radial-gradient(circle at top left, rgba(108,201,142,.14), transparent 36%),
		radial-gradient(circle at bottom left, rgba(111,137,168,.16), transparent 32%),
		#f3f7fb;
}

.hero-band__panel--placeholder {
	background:
		radial-gradient(circle at top right, rgba(240,166,108,.26), transparent 24%),
		radial-gradient(circle at 28% 58%, rgba(111,137,168,.18), transparent 24%),
		linear-gradient(135deg, #f9f4ee, #eef4fa);
}

.hero-band__placeholder-grid {
	background-image:
		linear-gradient(rgba(15,23,42,.06) 1px, transparent 1px),
		linear-gradient(90deg, rgba(15,23,42,.06) 1px, transparent 1px);
}

.hero-band .hero-mockup .hm-results {
	background: rgba(255,255,255,.72);
}

.mini-metric__number { color: var(--text-secondary); }

.hm-results,
.mockup-frame,
.mockup-frame .mockup-config {
	box-shadow: 0 18px 44px rgba(15,23,42,.1);
}

.logo-marquee__track img {
	filter: grayscale(1) brightness(.35);
	opacity: .42;
}

.logo-marquee__track img:hover {
	filter: grayscale(1) brightness(.28);
	opacity: .62;
}

.section-block + .section-block,
.section-block {
	border-color: rgba(15,23,42,.08);
}

.info-card,
.faq-item-v2 {
	background: rgba(245,247,251,.82);
	border-color: rgba(15,23,42,.08);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	box-shadow: 0 16px 38px rgba(15,23,42,.06);
}

.info-card:hover,
.faq-item-v2:hover { border-color: rgba(15,23,42,.14); }

.combo-grid--two > .info-card:nth-child(1) {
	background: rgba(240,166,108,.13);
	border-color: rgba(240,166,108,.3);
}
.combo-grid--two > .info-card:nth-child(2) {
	background: rgba(167,139,250,.13);
	border-color: rgba(167,139,250,.3);
}

.list-clean li {
	background: #ffffff;
	border-color: rgba(15,23,42,.1);
	color: #1c2638;
	font-weight: 600;
	box-shadow: 0 1px 2px rgba(15,23,42,.04);
}

.cta-band {
	background: linear-gradient(135deg, rgba(108,201,142,.08) 0%, rgba(111,137,168,.1) 52%, rgba(167,139,250,.08) 100%);
	border-color: rgba(111,137,168,.18);
}

.feature-cascade {
	border-color: rgba(15,23,42,.08);
	background:
		radial-gradient(circle at top left, rgba(108,201,142,.12), transparent 34%),
		radial-gradient(circle at top right, rgba(240,166,108,.14), transparent 28%),
		radial-gradient(circle at 50% 100%, rgba(91,164,201,.12), transparent 26%),
		linear-gradient(180deg, rgba(255,255,255,.82), rgba(245,248,252,.9)),
		#eef3f9;
	box-shadow: 0 18px 44px rgba(15,23,42,.08);
}
.feature-cascade::before {
	background-image:
		linear-gradient(rgba(15,23,42,.05) 1px, transparent 1px),
		linear-gradient(90deg, rgba(15,23,42,.05) 1px, transparent 1px);
	opacity: .32;
}
.feature-chip {
	border-color: rgba(15,23,42,.08);
	background:
		linear-gradient(180deg, rgba(255,255,255,.95), rgba(247,249,252,.92)),
		rgba(255,255,255,.8);
	color: #1d2b43;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.8),
		0 12px 28px rgba(15,23,42,.06);
}
.feature-column:nth-child(1) .feature-chip:nth-child(6n+1),
.feature-column:nth-child(2) .feature-chip:nth-child(6n+2),
.feature-column:nth-child(3) .feature-chip:nth-child(6n+3),
.feature-column:nth-child(4) .feature-chip:nth-child(6n+4) {
	border-color: rgba(240,166,108,.22);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.84),
		0 12px 28px rgba(15,23,42,.06),
		0 0 0 1px rgba(240,166,108,.05);
}

.cta-band .subtitle { color: #5b6c83; }

/* Journey road — light theme */
.journey-road__asphalt { stroke: #1a2333; }
.journey-road__center { stroke: rgba(255,255,255,.92); }
.journey-stop__title { color: var(--text); }
.journey-stop__desc { color: var(--muted); }

.security-card {
	background: rgba(245,247,251,.86);
	border-color: rgba(15,23,42,.08);
	box-shadow: 0 16px 38px rgba(15,23,42,.06);
}
.security-card .list-clean li {
	background: rgba(255,255,255,.45);
	border-color: rgba(15,23,42,.07);
	color: #314157;
}
.security-card--cyber .security-kicker {
	background: rgba(91,164,201,.16);
	color: #4b92bc;
}
.security-card--backup .security-kicker {
	background: rgba(167,139,250,.16);
	color: #7f62d8;
}
.security-card--integrations .security-kicker {
	background: rgba(108,201,142,.16);
	color: #459a63;
}
.faq-item-v2 summary::after { color: var(--text-secondary); }

.footer {
	background: #eef3f9;
	border-top-color: rgba(15,23,42,.08);
}

.footer-social a {
	background: rgba(255,255,255,.85);
	color: #42526b;
	border: 1px solid rgba(15,23,42,.08);
}

.footer-social a:hover {
	background: #fff;
	color: #172436;
}

.footer-col a:hover { color: #172436; }
.footer-cta,
.footer-bottom { border-color: rgba(15,23,42,.08); }

.footer-cta p strong,
.footer-bottom p,
.footer-legal a,
.footer-legal span { color: rgba(23,36,54,.72); }

.footer-cta a {
	background: #172436;
	color: #fff;
	box-shadow: 0 14px 30px rgba(15,23,42,.12);
}

.footer-cta a:hover { background: #22314c; }

.journey-nav a {
	background: rgba(244,247,251,.86);
	border-color: rgba(15,23,42,.08);
	color: #586981;
	box-shadow: 0 12px 28px rgba(15,23,42,.04);
}

.journey-nav a:nth-child(1) {
	background: linear-gradient(180deg, rgba(108,201,142,.22), rgba(108,201,142,.1));
	border-color: rgba(108,201,142,.22);
}
.journey-nav a:nth-child(2) {
	background: linear-gradient(180deg, rgba(91,164,201,.22), rgba(91,164,201,.1));
	border-color: rgba(91,164,201,.22);
}
.journey-nav a:nth-child(3) {
	background: linear-gradient(180deg, rgba(167,139,250,.2), rgba(167,139,250,.1));
	border-color: rgba(167,139,250,.2);
}
.journey-nav a:nth-child(4) {
	background: linear-gradient(180deg, rgba(225,133,127,.2), rgba(225,133,127,.1));
	border-color: rgba(225,133,127,.2);
}
.journey-nav a small { color: #5f6f85; }

.journey-nav a:hover {
	filter: saturate(1.08);
	box-shadow: 0 16px 30px rgba(15,23,42,.08);
	color: #172436;
}

.journey-nav a.is-active { color: #172436; }
.journey-nav a:nth-child(1).is-active {
	background: linear-gradient(180deg, rgba(108,201,142,.32), rgba(108,201,142,.16));
	border-color: rgba(108,201,142,.3);
	box-shadow: 0 16px 32px rgba(108,201,142,.16);
}
.journey-nav a:nth-child(2).is-active {
	background: linear-gradient(180deg, rgba(91,164,201,.32), rgba(91,164,201,.16));
	border-color: rgba(91,164,201,.3);
	box-shadow: 0 16px 32px rgba(91,164,201,.16);
}
.journey-nav a:nth-child(3).is-active {
	background: linear-gradient(180deg, rgba(167,139,250,.3), rgba(167,139,250,.15));
	border-color: rgba(167,139,250,.28);
	box-shadow: 0 16px 32px rgba(167,139,250,.16);
}
.journey-nav a:nth-child(4).is-active {
	background: linear-gradient(180deg, rgba(225,133,127,.3), rgba(225,133,127,.15));
	border-color: rgba(225,133,127,.28);
	box-shadow: 0 16px 32px rgba(225,133,127,.16);
}

.journey-layout--flow::before {
	background: linear-gradient(180deg, rgba(108,201,142,.2), rgba(91,164,201,.18), rgba(167,139,250,.18), rgba(225,133,127,.18));
}

.journey-step {
	background: linear-gradient(180deg, rgba(244,247,251,.94), rgba(238,243,249,.98));
	border-color: rgba(15,23,42,.08);
	box-shadow: 0 24px 56px rgba(15,23,42,.07);
}

.journey-step::before {
	background:
		radial-gradient(circle at top left, rgba(111,137,168,.08), transparent 30%),
		linear-gradient(135deg, rgba(255,255,255,.65), transparent 46%);
}

.journey-step--setup {
	background:
		radial-gradient(circle at top left, rgba(108,201,142,.14), transparent 26%),
		linear-gradient(180deg, #f8fbf8, #eef6f1);
}

.journey-step--respond {
	background:
		radial-gradient(circle at top right, rgba(91,164,201,.12) 0%, rgba(91,164,201,.05) 18%, transparent 42%),
		linear-gradient(180deg, #f8fbfd, #eef5fa);
}

.journey-step--respond::before {
	background:
		radial-gradient(circle at top right, rgba(91,164,201,.08), transparent 30%),
		linear-gradient(135deg, rgba(255,255,255,.65), transparent 46%);
}

.journey-step--results {
	background:
		radial-gradient(circle at top right, rgba(167,139,250,.14), rgba(167,139,250,.05) 22%, transparent 45%),
		linear-gradient(180deg, #f8f7fc, #f0f2fb);
}

.journey-step--development {
	background:
		radial-gradient(circle at top left, rgba(225,133,127,.12), transparent 24%),
		linear-gradient(180deg, #fcf6f5, #f8eeec);
}

.mockup-frame {
	background: rgba(245,247,250,.82);
	border-color: rgba(15,23,42,.08);
}

.feature-block,
.insight-card,
.signal-card,
.action-card {
	background: rgba(246,248,251,.78);
	border-color: rgba(15,23,42,.07);
	box-shadow: 0 10px 24px rgba(15,23,42,.04);
}

.feature-block--plat .flow-list li,
.insight-card--plat .flow-list li,
.signal-card--plat .flow-list li,
.action-card--plat .flow-list li { color: #2f6a4e; }

.feature-block--human .flow-list li,
.insight-card--human .flow-list li,
.signal-card--human .flow-list li,
.action-card--human .flow-list li { color: #b67a4d; }

.feature-block--ai .flow-list li,
.insight-card--ai .flow-list li,
.signal-card--ai .flow-list li,
.action-card--ai .flow-list li { color: #6a52b8; }

.analytics-glow {
	background: radial-gradient(circle, rgba(111,137,168,.18) 0%, rgba(111,137,168,.06) 45%, transparent 70%);
}

.development-node {
	background: rgba(246,248,251,.82);
	border-color: rgba(15,23,42,.08);
}

.development-node strong { color: #172436; }
.development-node span { color: #5f6f85; }
.development-node.is-active { box-shadow: 0 0 0 1px rgba(167,139,250,.18) inset; }
.hero-bottom__feature-image img { box-shadow: none; border-radius: 0; }
.cal-backdrop { fill: transparent; }
.timeline-calendar svg rect[fill*="16,185,129"] { fill: rgba(108,201,142,.35) !important; stroke: rgba(108,201,142,.5) !important; }
.timeline-calendar svg rect[fill*="59,130,246"] { fill: rgba(95,143,190,.35) !important; stroke: rgba(95,143,190,.5) !important; }
.timeline-calendar svg rect[fill*="139,92,246"] { fill: rgba(167,139,250,.35) !important; stroke: rgba(167,139,250,.5) !important; }
.timeline-calendar svg rect[fill*="225,133,127"] { fill: rgba(225,133,127,.35) !important; stroke: rgba(225,133,127,.5) !important; }
.cal-dot { stroke: #ffffff; stroke-width: 2.5; }
.timeline-calendar svg circle[r="16"] { opacity: .35 !important; }
.timeline-calendar svg text[fill="#94a3b8"] { fill: #607089 !important; }
.timeline-calendar svg text[fill="#64748b"] { fill: #44536b !important; }
.timeline-calendar svg text[fill="#6ee7b7"] { fill: #1a5c42 !important; }
.timeline-calendar svg text[fill="#93c5fd"] { fill: #2a5f80 !important; }
.timeline-calendar svg text[fill="#c4b5fd"] { fill: #4a3a8a !important; }
.timeline-calendar svg text[fill="#e1857f"] { fill: #8a3530 !important; }
.timeline-calendar svg text[font-size="12"][x="60"] { fill: #44536b !important; }
.timeline-calendar svg text[y="496"] { fill: #44536b !important; }
.cal-deco svg * { stroke: rgba(15,23,42,.12) !important; }
.cal-deco svg circle[fill] { fill: rgba(15,23,42,.08) !important; stroke: rgba(15,23,42,.15) !important; }
.cal-deco svg polygon { stroke: rgba(15,23,42,.12) !important; }
.cal-deco svg line { stroke: rgba(15,23,42,.1) !important; }

@media screen and (max-width: 1000px) {
	header { background: rgba(255,255,255,.92); }
	.journey-nav a,
	.feature-block,
	.insight-card,
	.signal-card,
	.action-card { background: rgba(247,249,252,.92); }
}

/* ========================================================================
   HOME PAGE - Light overrides
   ======================================================================== */

/* Section typography */
.section-title { color: var(--text); }
.section-desc { color: var(--muted); }
.section--bg-light { background: #f8f9fa; }

/* Hero home geo-lines */
.hero .geo-line {
	border-color: rgba(0,0,0,.08);
}

/* Feature cards */
.feature-card {
	background: #fff;
	border-color: #e5e7eb;
}
.feature-card__title { color: var(--text); }
.feature-card__text { color: #6b7280; }

/* Team photos */
.team-photos__name { color: var(--text); }

/* Consulting steps */
.consulting-step__title { color: var(--text); }
.consulting-step__text { color: var(--muted); }
.consulting-step--platform .consulting-step__number { background: #ccc; }

/* World map */
#world-map path {
	fill: #e0e0e0;
	stroke: #fff;
}
#world-map path.active { fill: #e8945a; animation: shimmerMap 8s ease-in-out infinite; }
#world-map path.active:hover { fill: #f0a66c; filter: drop-shadow(0 2px 4px rgba(240,166,108,.3)); animation: none; }
.map-legend__item { color: var(--muted); }
.map-legend__dot--active { background: #e8945a; }
.map-legend__dot--inactive { background: #e0e0e0; }

/* Language tags */
.language-tag {
	background: #f0f0f0;
	color: var(--text);
}
.languages-title { color: var(--text); }

/* CTA section */
#CTA {
	background-color: rgba(240,166,108,.2);
}

/* FAQ */
.faq-item {
	background: #fff;
	border-color: #e5e7eb;
}
.faq-question { color: var(--text); }
.faq-question:hover { background: rgba(240,166,108,.05); }
.faq-answer { color: #555; }

/* Map tooltip stays dark in both modes */

@media screen and (max-width: 750px) {
}

/* Nosotros page */
.about-section--alt { background: #f8f9fa; }
.value-card { background: #fff; border-color: #e5e7eb; box-shadow: 0 10px 40px rgba(0,0,0,.08); }
.value-card:hover { box-shadow: 0 15px 50px rgba(0,0,0,.12); }
.value-card__icon { background: rgba(240,166,108,.15); }

/* Contacto page */
.office-card { background: #fff; border-color: #e5e7eb; box-shadow: 0 4px 16px rgba(0,0,0,.06); }
.office-card:hover { box-shadow: 0 12px 30px rgba(0,0,0,.1); }

/* Privacidad page */
.legal-content h2 { border-top-color: #e5e7eb; }