@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');:root{--navy:#082b43;--deep:#052335;--cyan:#08b9d4;--ink:#102f4a;--muted:#5b7181;--pale:#eff8fb;--line:#dceaf0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);line-height:1.55}a{text-decoration:none;color:inherit}.container{max-width:1160px;margin:auto;padding:0 28px}.top{background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid #e6eef1}.navbar{height:78px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;font-size:17px;letter-spacing:.08em}.logomark{font-size:31px;color:var(--cyan);letter-spacing:-.2em;margin-right:8px}.logomark span{color:#73c8d6}nav{display:flex;align-items:center;gap:30px;font-weight:700;font-size:14px}.navbutton,.button{border-radius:8px;padding:13px 20px;display:inline-flex;justify-content:center;align-items:center;font-weight:700}.navbutton{background:var(--navy);color:white}.toggle{display:none}.hero{background:linear-gradient(110deg,#052637,#06465e);color:white;overflow:hidden}.herogrid{display:grid;grid-template-columns:1.1fr .9fr;gap:58px;align-items:center;min-height:650px;padding-top:70px;padding-bottom:75px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.13em;color:var(--cyan)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,5vw,67px);line-height:1.12;letter-spacing:-.055em;margin:24px 0}h1 span{color:#9be8ef}.lead{font-size:19px;max-width:590px;color:#d5e8ed}.buttons{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0}.primary{background:var(--cyan);color:#062c41;border:0;cursor:pointer}.secondary{border:1px solid #9ab9c5;color:#fff}.since{font-size:12px;letter-spacing:.15em;color:#c2e6eb;margin-top:62px;font-weight:800}.since span{color:var(--cyan);padding:0 10px}.visual{padding:38px;background:radial-gradient(circle at 70% 30%,#167ca088,transparent 65%),#07374e;border:1px solid #34718a;border-radius:24px;box-shadow:0 30px 80px #00192577}.visualtitle{font-size:12px;font-weight:800;letter-spacing:.12em;color:#8ee1ed;margin-bottom:25px}.flowbox{background:white;color:var(--ink);padding:20px;border-radius:12px;display:flex;gap:18px;align-items:center;box-shadow:0 8px 22px #001c2b33}.flowicon{font-size:35px;color:var(--cyan)}.flowbox b,.flowbox small{display:block}.flowbox small{color:var(--muted)}.arrow{text-align:center;font-size:28px;color:var(--cyan);height:44px}.section{padding:105px 0;scroll-margin-top:78px}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:40px}.sectionhead>p{max-width:360px;color:var(--muted)}h2{font-size:clamp(33px,4vw,50px);line-height:1.16;letter-spacing:-.045em;margin:16px 0 26px}.accent{color:#098eae}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tile,.service{background:#f0f8fb;border:1px solid #e2eff4;border-radius:17px;padding:28px}.bubble{background:var(--cyan);color:white;border-radius:50%;width:50px;height:50px;display:grid;place-items:center;font-weight:800}.tile h3,.service h3{font-size:23px;margin:20px 0 12px}.tile p,.service p{color:#506b7b}.solution{background:#dff2f7;padding:18px;border-radius:10px;margin:26px 0}.solution b{font-size:12px;color:#0793b2}.solution p{margin:8px 0 0}.outcome{font-size:14px;color:#0a728b}.muted{background:#f8fbfd}.ai{display:flex;gap:22px;background:linear-gradient(100deg,#ede2fc,#f3ecff);padding:28px;border-radius:16px;margin:30px 0 22px}.aiicon{font-size:45px;color:#7152c4}.ai h3{margin:0 0 6px;color:#6743aa}.ai p{margin:0 0 16px}.pills{display:flex;flex-wrap:wrap;gap:10px}.pills span{background:#ffffffa8;border-radius:20px;padding:7px 13px;font-size:12px;font-weight:700}.two{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.servicenum{color:#099cba;font-size:12px;font-weight:800;letter-spacing:.1em}.service ul{padding-left:20px;line-height:2}.service li::marker{color:var(--cyan)}.complementtitle{text-align:center;color:#069c92;letter-spacing:.12em;font-size:13px;margin:35px 0 16px}.complement{background:#e9f9f6;border:1px solid #d7f0ea;padding:25px;border-radius:14px;display:flex;gap:18px}.complement span{font-size:36px;color:#04a98f}.complement h3{margin:0 0 8px;font-size:19px}.complement p{margin:0;color:var(--muted)}.experience{margin-top:35px;gap:75px}.experience h3{font-size:23px}.point{display:flex;gap:20px;border-bottom:1px solid var(--line);padding:20px 0}.point span{background:#e4f6fb;color:var(--cyan);font-size:26px;border-radius:50%;min-width:58px;height:58px;display:grid;place-items:center}.point p{color:var(--muted);margin:5px 0}.experienceaside{background:var(--pale);border-radius:20px;padding:36px}.bigyear{font-size:88px;line-height:1.3;font-weight:800;letter-spacing:-.07em;color:var(--navy)}.partners{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.partners span{background:#fff;border:1px solid var(--line);padding:12px;border-radius:8px;font-weight:800;font-size:13px}.experienceaside small{color:var(--muted)}.contact{background:var(--deep);color:white;padding:95px 0;scroll-margin-top:78px}.contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact p{color:#c6e0e7;font-size:18px}.contact h2{font-size:50px}.contact #mail{color:#8de4ee;font-weight:800}.website{font-size:14px!important;margin-top:25px}.contact form{background:white;border-radius:16px;padding:30px;color:var(--ink);display:grid;gap:13px}.contact label{font-weight:700;font-size:13px;display:grid;gap:5px}.contact input,.contact textarea{font:inherit;width:100%;padding:11px 12px;border:1px solid #cfdee4;border-radius:7px;resize:vertical}.contact form small{color:var(--muted)}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:90px;font-size:13px}.footer strong{letter-spacing:.1em}.footer span{color:var(--muted)}@media(max-width:800px){.toggle{display:block;border:0;background:none;font-size:27px}nav{display:none;position:absolute;top:78px;left:0;right:0;background:white;padding:25px;box-shadow:0 15px 30px #0002;flex-direction:column;align-items:stretch}nav.open{display:flex}.herogrid,.two,.contactgrid{grid-template-columns:1fr}.herogrid{gap:30px;padding-top:60px}.section{padding:70px 0}.sectionhead{display:block}.three{grid-template-columns:1fr}.experience{gap:25px}.contactgrid{gap:25px}.footer{flex-wrap:wrap;padding-top:25px;padding-bottom:25px}.since{margin-top:35px}.visual{padding:23px}.contact h2{font-size:38px}}
/* Identidad corporativa y alianzas - V3 */
.brand-logo{display:block;width:245px;max-width:100%;height:72px;object-fit:contain;object-position:left center}.logo{flex-shrink:0}.footer-logo{width:175px;height:60px;object-fit:contain;object-position:left center}.partner-logo{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);padding:12px 15px;border-radius:10px;min-height:68px}.partner-logo b,.partner-logo small{display:block;line-height:1.2}.partner-logo b{font-size:19px;letter-spacing:-.04em}.partner-logo small{font-size:13px}.ms-squares{width:30px;height:30px;display:grid;grid-template-columns:repeat(2,1fr);gap:2px}.ms-squares i:nth-child(1){background:#f25022}.ms-squares i:nth-child(2){background:#7fba00}.ms-squares i:nth-child(3){background:#00a4ef}.ms-squares i:nth-child(4){background:#ffb900}.databricks-partner svg{width:37px;height:37px;flex-shrink:0}.databricks-partner b{font-size:18px}@media(max-width:800px){.brand-logo{width:205px;height:64px}.partner-logo{flex:1 1 190px}}

/* Portafolio unificado: cuatro servicios con igual jerarquia */
.services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}.services-grid .service{height:100%;display:flex;flex-direction:column}.services-grid .service ul{margin-top:auto;padding-top:12px}@media(max-width:800px){.services-grid{grid-template-columns:1fr}}

/* V5: corregir distintivos de partners sin estilos heredados */
.partners .partner-logo{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);padding:14px;border-radius:10px;min-width:0;flex:1 1 190px}
.partners .partner-logo>span{background:transparent;border:0;padding:0;border-radius:0;font-weight:normal;font-size:inherit;min-width:0}
.partners .partner-logo b{display:block;color:#202124;font-size:19px;font-weight:700;letter-spacing:-.04em;line-height:1.2}
.partners .partner-logo small{display:block;color:#444;font-size:13px;line-height:1.3}
.partners .ms-logo{width:35px;height:35px;flex-shrink:0;display:block}
.partners .databricks-partner svg{width:37px;height:37px;flex-shrink:0}

/* V6: distintivo proporcionado por Creasistemas */
.partners .microsoft-partner{justify-content:center;overflow:hidden}
.partners .microsoft-partner-image{display:block;width:100%;max-width:255px;height:auto;object-fit:contain}

/* Creasistemas V7 — Modern Hybrid. Ajustes visuales no invasivos. */
:root{--navy:#092f4b;--deep:#05283e;--cyan:#18b6d5;--ink:#0b2b48;--muted:#577083;--line:#dceaf0}
body{background:#fff;overflow-x:hidden;-webkit-font-smoothing:antialiased}
::selection{background:#b9edf5;color:#082b43}
.top{background:rgba(255,255,255,.96);backdrop-filter:blur(14px);box-shadow:0 4px 22px rgba(10,50,70,.035)}
nav a:not(.navbutton){position:relative;transition:color .2s ease}
nav a:not(.navbutton)::after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--cyan);transition:right .25s ease}
nav a:not(.navbutton):hover,nav a.active{color:#008cac}
nav a:not(.navbutton):hover::after,nav a.active::after{right:0}
.navbutton,.button{transition:transform .25s ease,box-shadow .25s ease,background .25s ease;border-radius:11px}
.navbutton:hover,.button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #001b3240}
.button.primary{background:linear-gradient(125deg,#19c7df,#07a9cb);color:#062b42}
.hero{position:relative;background:radial-gradient(ellipse at 83% 25%,#0a6281 0,transparent 42%),linear-gradient(112deg,#04273f,#06445e 80%,#0b5570);isolation:isolate}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#9eeaf00c 1px,transparent 1px),linear-gradient(90deg,#9eeaf00c 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent 22%,#000 100%);pointer-events:none;z-index:-1}
.hero-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(3px);opacity:.5;z-index:-1;animation:floatOrb 12s ease-in-out infinite alternate}
.hero-orb-one{width:300px;height:300px;right:-110px;top:30px;border:1px solid #8ee5ed44;box-shadow:0 0 0 50px #7bdfef08,0 0 0 105px #7bdfef06}
.hero-orb-two{width:160px;height:160px;left:43%;bottom:-85px;background:#00b4d313;animation-delay:-5s}
.herogrid{min-height:660px;position:relative}.hero h1{letter-spacing:-.06em}.hero h1 span{background:linear-gradient(100deg,#75e6f5,#c5f4f9);color:transparent;background-clip:text;-webkit-background-clip:text}
.hero .eyebrow{color:#67dff1}.visual{position:relative;overflow:hidden;background:linear-gradient(145deg,#0a4b65dd,#052b43e8);border:1px solid #67b4ca5c;box-shadow:0 35px 90px #00182780;transform:translateZ(0)}
.visual-glow{position:absolute;width:250px;height:250px;right:-80px;top:-120px;border-radius:50%;background:#49cde932;filter:blur(40px);pointer-events:none}
.flowbox{position:relative;border:1px solid #e6f4f7;transition:transform .3s ease,box-shadow .3s ease}
.flowbox:hover{transform:translateX(5px);box-shadow:0 15px 30px #001c2b55}
.arrow{animation:arrowPulse 2.6s ease-in-out infinite}
.section{position:relative}.sectionhead h2,.section> .container>h2{max-width:760px}
.tile,.service{background:linear-gradient(150deg,#f6fcfe,#eef8fb);border:1px solid #dceef3;box-shadow:0 8px 24px #0c40500a;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.tile:hover,.service:hover{transform:translateY(-6px);box-shadow:0 22px 48px #0b46551b;border-color:#88d9e6}
.tile{position:relative;overflow:hidden}.tile:before,.service:before{content:"";position:absolute;top:0;left:24px;right:24px;height:3px;background:linear-gradient(90deg,#00b7d4,#8edce7);opacity:0;transition:opacity .25s ease}
.tile:hover:before,.service:hover:before{opacity:1}.service{position:relative;overflow:hidden;padding:32px}
.servicenum{letter-spacing:.16em}.service h3{font-size:24px;line-height:1.25}.service ul{list-style:none;padding-left:0}.service li{position:relative;padding-left:24px}.service li:before{content:"✓";position:absolute;left:0;color:#00a7c3;font-weight:800}
.ai{position:relative;overflow:hidden;background:linear-gradient(110deg,#e9e8ff,#e6f6fc 65%,#f1f7ff);border:1px solid #dfdff7;padding:34px;box-shadow:0 12px 35px #493b7b0a}
.ai-decoration{position:absolute;width:230px;height:230px;border:1px solid #7e7bc333;border-radius:50%;right:-80px;top:-100px;box-shadow:0 0 0 36px #8d8ce30a,0 0 0 72px #8d8ce307}
.aiicon{position:relative}.ai h3{color:#5544a8}.pills span{border:1px solid #ffffffaa}
.experienceaside{background:linear-gradient(145deg,#f0fbfd,#eaf5fa);border:1px solid #e0eff4;box-shadow:0 14px 36px #063d4c0a}
.partners{align-items:stretch}.partners .partner-logo{flex:1 1 190px;min-height:83px;max-width:100%;padding:12px;background:white;justify-content:center}
.partners .microsoft-partner-image{display:block;width:100%;max-width:190px;height:56px;max-height:56px;object-fit:contain}
.partners .databricks-partner svg{width:35px;height:35px}.partners .databricks-partner b{font-size:17px}
.contact{background:radial-gradient(ellipse at 8% 12%,#0b5976 0,transparent 45%),linear-gradient(130deg,#062b44,#042538);position:relative}
.contact form{box-shadow:0 28px 70px #001c2d4d}.contact input:focus,.contact textarea:focus{outline:2px solid #23b9d3;outline-offset:1px}
footer{background:#f8fbfc}.footer-logo{object-fit:contain}
.reveal-ready{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.reveal-ready.is-visible{opacity:1;transform:none}
@keyframes floatOrb{to{transform:translate(-24px,18px)}}@keyframes arrowPulse{50%{opacity:.55;transform:translateY(4px)}}
@media(max-width:800px){.herogrid{min-height:auto}.hero-orb-one{right:-200px}.service{padding:26px}.partners .partner-logo{flex:1 1 155px}.partners .microsoft-partner-image{max-width:165px;height:50px}.ai{padding:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}}

/* V8 — sectores que conocemos */
.sectors-section{background:linear-gradient(180deg,#fff 0%,#f4f9fb 100%)}
.sectors-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:34px}
.sector-card{display:flex;flex-direction:column;min-height:360px;padding:30px;border:1px solid #d9e9ee;border-radius:22px;background:#fff;box-shadow:0 12px 32px #123d5109;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.sector-card:hover{transform:translateY(-5px);border-color:#7ecedb;box-shadow:0 24px 45px #103e5018}
.sector-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:27px}.sector-symbol{display:grid;place-items:center;width:56px;height:56px;border-radius:17px;background:linear-gradient(135deg,#e5f8fb,#e9f0ff);color:#087b9a;font-size:30px;line-height:1}.sector-index{font-size:11px;letter-spacing:.13em;color:#6b8490;font-weight:700}
.sector-card h3{font-size:25px;line-height:1.2;margin:0 0 15px;color:#092f46}.sector-card p{color:#516e7b;line-height:1.65;margin:0 0 26px}.sector-bottom{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.sector-bottom span{display:inline-flex;border:1px solid #dcebf0;background:#f5fafb;border-radius:99px;padding:7px 10px;font-size:12px;color:#205268}
.sectors-note{display:flex;align-items:center;gap:16px;margin-top:24px;padding:23px 27px;border-radius:18px;background:#e8f4f8;border:1px solid #d5eaf1}.sectors-note p{margin:0;flex:1;color:#315468;line-height:1.55}.sectors-note a{color:#086c8c;font-weight:700;white-space:nowrap;text-decoration:none}.sectors-note a:hover{text-decoration:underline}.note-dot{height:11px;width:11px;border-radius:50%;background:#00a9c4;flex-shrink:0;box-shadow:0 0 0 6px #00a9c41c}
@media(max-width:950px){.sectors-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sector-card:last-child{grid-column:1/-1;min-height:260px}}
@media(max-width:650px){.sectors-grid{grid-template-columns:1fr}.sector-card,.sector-card:last-child{grid-column:auto;min-height:0;padding:25px}.sectors-note{align-items:flex-start;flex-wrap:wrap}.sectors-note a{margin-left:27px;white-space:normal}}
@media(prefers-reduced-motion:reduce){.sector-card{transition:none}.sector-card:hover{transform:none}}

/* V8.1: cuatro sectores, dos columnas en escritorio */
@media(min-width:951px){.sectors-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:651px) and (max-width:950px){.sector-card:last-child{grid-column:auto;min-height:360px}}

/* V8.2: cinco sectores, distribucion equilibrada */
@media(min-width:951px){.sectors-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.sector-card{grid-column:span 2}.sector-card:nth-child(4),.sector-card:nth-child(5){grid-column:span 3}}
@media(min-width:651px) and (max-width:950px){.sector-card:last-child{grid-column:1/-1;min-height:260px}}
@media(max-width:650px){.sector-card:last-child{grid-column:auto;min-height:0}}

/* V8.3 — Elegante: dashboards, ritmo visual, servicios y sectores */
:root{--cyan:#15afc9;--deep:#06273d}
.hero{background:radial-gradient(ellipse at 78% 40%,#15576e 0%,transparent 43%),linear-gradient(112deg,#052a42,#07364d 80%,#0b4960)}
.herogrid{gap:48px}.hero h1{font-size:clamp(40px,4.7vw,64px)}
.data-visual{padding:0;background:linear-gradient(155deg,#123d56,#0a2f48);border:1px solid #47788a;border-radius:20px;box-shadow:0 24px 65px #00152580;transform:rotate(-1deg);transition:transform .45s ease}
.data-visual:hover{transform:rotate(0deg) translateY(-3px)}
.dashboard-head{padding:15px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff1b}
.dash-live,.dash-label{font-size:10px;letter-spacing:.13em;font-weight:800;color:#a5d9e4}.dash-live{display:flex;align-items:center;gap:9px}.dash-live i,.dash-footer i{display:inline-block;width:7px;height:7px;background:#6de0d5;border-radius:50%;box-shadow:0 0 0 4px #6de0d522}.dash-dots{color:#8fc0d0;letter-spacing:3px;font-size:9px}
.dash-overview{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:24px 24px 18px}.dash-overview strong{display:block;font-size:23px;letter-spacing:-.045em;margin:7px 0}.dash-overview small{color:#b8d4dc;font-size:12px}.dash-signal{height:47px;display:flex;gap:4px;align-items:end}.dash-signal span{width:6px;border-radius:4px;background:#5bd2df;opacity:.75;animation:signal 3.5s ease-in-out infinite alternate}.dash-signal span:nth-child(1){height:35%}.dash-signal span:nth-child(2){height:62%;animation-delay:.3s}.dash-signal span:nth-child(3){height:44%;animation-delay:.6s}.dash-signal span:nth-child(4){height:95%;animation-delay:.9s}.dash-signal span:nth-child(5){height:70%;animation-delay:1.2s}.dash-signal span:nth-child(6){height:85%;animation-delay:1.5s}.dash-signal span:nth-child(7){height:52%;animation-delay:1.8s}
.dash-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:10px;padding:0 15px 15px}.dash-panel{border:1px solid #ffffff20;border-radius:12px;background:#ffffff0b;padding:15px;min-width:0}.dash-chart svg{width:100%;display:block;margin-top:10px}.dash-stack{display:flex;flex-direction:column;gap:11px}.platform{display:flex;align-items:center;gap:8px;font-size:12px;color:#e4f5f7}.platform i{font-size:18px;font-style:normal;color:#7bd8e4}.platform b{margin-left:auto;color:#83d9e2}
.dash-footer{display:flex;justify-content:space-between;gap:10px;padding:13px 20px 18px;border-top:1px solid #ffffff16;color:#b8d6dd;font-size:10px}.dash-footer i{margin-right:8px}.dash-footer b{color:#80e5ed}
#retos{background:#fff}#portafolio{background:#f3f8fa}#sectores{background:linear-gradient(180deg,#fff,#f5f9fb)}#experiencia{background:#fff}
.section{padding-top:100px;padding-bottom:100px}.sectionhead h2{letter-spacing:-.052em}
.ai{background:radial-gradient(circle at 93% 20%,#344f82 0,transparent 43%),linear-gradient(115deg,#172c52,#0b344c);border:1px solid #305a79;color:#f5fbff;padding:36px 40px;box-shadow:0 18px 45px #163b6220}
.ai h3{color:#fff;font-size:26px}.ai p{color:#d4e8f2}.aiicon{color:#84e1ef}.ai-decoration{border-color:#84d9e766;box-shadow:0 0 0 36px #8d8ce309,0 0 0 72px #8d8ce308}.pills span{background:#ffffff13;border-color:#ffffff32;color:#d8f6fa}
.service{background:#fff;border-color:#dfebf0;box-shadow:0 8px 24px #0c405009;padding:26px 30px 30px}.service-art{height:100px;display:flex;align-items:center;justify-content:center;margin:10px 0 8px;background:linear-gradient(120deg,#f1f9fc,#eaf5f9);border-radius:13px;overflow:hidden}.service-art svg{display:block;width:100%;max-width:300px;height:100px}.service h3{margin-top:14px}.service:hover .service-art svg{transform:scale(1.045)}.service-art svg{transition:transform .35s ease}
.sector-card{position:relative;overflow:hidden;border-color:#dfebf0;min-height:340px}.sector-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#169fbd,#6dd3d8);opacity:.75}.sector-card:nth-child(2):before{background:linear-gradient(90deg,#127ba0,#87c2db)}.sector-card:nth-child(3):before{background:linear-gradient(90deg,#0b7396,#6baac8)}.sector-card:nth-child(4):before{background:linear-gradient(90deg,#24a2a2,#92d7cd)}.sector-card:nth-child(5):before{background:linear-gradient(90deg,#147eaa,#5bc7db)}.sector-symbol{transition:transform .3s ease;background:#e9f6f9}.sector-card:hover .sector-symbol{transform:translateY(-3px) rotate(-4deg)}
.top{box-shadow:0 3px 18px #002c4010}.experienceaside{background:#eff7fa}.contact{background:radial-gradient(circle at 14% 24%,#145571,transparent 40%),linear-gradient(125deg,#062c45,#05263b)}
@keyframes signal{to{opacity:.38;transform:scaleY(.65)}}
@media(max-width:950px){.herogrid{gap:24px}.dash-overview{padding:20px 16px}.dash-grid{grid-template-columns:1fr}.dash-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.dash-stack>.dash-label{grid-column:1/-1}.platform{font-size:11px}.platform b{display:none}}
@media(max-width:800px){.data-visual{transform:none}.data-visual:hover{transform:none}.section{padding-top:72px;padding-bottom:72px}.ai{padding:26px}.dash-grid{grid-template-columns:1.3fr 1fr}.dash-stack{display:flex}.platform b{display:inline}}
@media(max-width:450px){.dash-grid{grid-template-columns:1fr}.dash-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.dash-stack>.dash-label{grid-column:1/-1}.platform b{display:none}.dash-footer{flex-wrap:wrap}.ai{flex-direction:column;gap:8px}.hero h1{font-size:39px}}
@media(prefers-reduced-motion:reduce){.dash-signal span{animation:none}.data-visual,.data-visual:hover{transform:none}.service-art svg{transition:none}}
/* V8.4 — distintivo ISO/IEC 27001 y consentimiento de privacidad */
.partners .iso-certification{justify-content:flex-start;gap:10px;padding:8px 12px}
.partners .iso-certification img{width:66px;height:66px;object-fit:contain;flex:0 0 66px}
.partners .iso-certification span{display:block;min-width:0}
.partners .iso-certification b{display:block;color:#202124;font-size:15px;line-height:1.25;letter-spacing:-.02em}
.partners .iso-certification small{display:block;color:#526877;font-size:11px;line-height:1.3}
.privacy-notice{border:1px solid #d5e3e8;border-radius:8px;padding:11px 13px;color:var(--ink);background:#f7fbfc}
.privacy-notice summary{font-size:13px;font-weight:700;cursor:pointer}
.privacy-notice p{font-size:12px;line-height:1.55;color:#506b7b;margin:10px 0 0}
.privacy-notice a{color:#087c98;text-decoration:underline;font-weight:700}
.contact form .privacy-consent{display:grid;grid-template-columns:18px 1fr;align-items:start;gap:9px;font-size:12px;line-height:1.5;font-weight:500}
.contact form .privacy-consent input{width:17px;height:17px;margin:1px 0 0;accent-color:#087f9b}
@media(max-width:800px){.partners .iso-certification{flex:1 1 100%}}
/* V8.5 — conservar el color violeta y azul de IA y selector ES/EN */
.ai{background:radial-gradient(circle at 97% 7%,#ffffffa6 0 7%,transparent 7.2%),linear-gradient(105deg,#e9e8ff 0%,#e8f2ff 54%,#e4f7fa 100%);border:1px solid #dbe3f5}
.lang-switch{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid #dce9ee;border-radius:999px;background:#f6fafb}
.lang-option{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border:0;border-radius:999px;background:transparent;color:#426072;font:700 12px 'DM Sans',Arial,sans-serif;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease}
.lang-option.active{background:#fff;color:#082b43;box-shadow:0 2px 8px #082b431a}
.lang-option:focus-visible{outline:2px solid #08b9d4;outline-offset:2px}
@media(max-width:800px){nav .lang-switch{align-self:flex-start}.ai{background:linear-gradient(115deg,#e9e8ff,#e4f7fa)}}

/* V8.6 — restaurar la sección de IA con el estilo original de V8.1 */
.ai{position:relative;overflow:hidden;background:linear-gradient(110deg,#e9e8ff,#e6f6fc 65%,#f1f7ff);border:1px solid #dfdff7;padding:34px;box-shadow:0 12px 35px #493b7b0a;color:var(--ink)}
.ai-decoration{position:absolute;width:230px;height:230px;border:1px solid #7e7bc333;border-radius:50%;right:-80px;top:-100px;box-shadow:0 0 0 36px #8d8ce30a,0 0 0 72px #8d8ce307}
.aiicon{position:relative;color:#7152c4}.ai h3{color:#5544a8;font-size:23px}.ai p{color:var(--ink);margin:0 0 16px}.pills span{background:#ffffffa8;border:1px solid #ffffffaa;color:var(--ink)}
@media(max-width:800px){.ai{padding:24px}}

/* V8.7 — logo principal y acceso a LinkedIn */
.linkedin-link{display:inline-flex;align-items:center;gap:8px;color:#0a66c2;font-size:13px;font-weight:700;white-space:nowrap}
.linkedin-link svg{width:20px;height:20px;display:block;flex:0 0 20px}
.linkedin-link:hover{text-decoration:underline;text-underline-offset:3px}

/* Propuesta visual aislada basada en V8.7: marca de agua y acentos naranjas sutiles */
:root{--brand-orange:#f3a04a}
.wm-mark{position:relative;isolation:isolate;overflow:hidden}
.wm-mark::before{content:"";position:absolute;z-index:0;pointer-events:none;background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.06;width:clamp(280px,42vw,560px);height:clamp(280px,42vw,560px)}
.wm-mark>.container{position:relative;z-index:1}
.wm-color::before{background-image:url('brand-icon-color.png?v=wm1')}
.wm-gray::before{background-image:url('brand-icon-gray.png?v=wm1')}
#inicio.wm-mark::before{right:-72px;top:2%;width:clamp(380px,48vw,630px);height:clamp(380px,48vw,630px);opacity:.09}
#retos.wm-mark::before{right:-120px;bottom:-180px;opacity:.032}
#portafolio.wm-mark::before{right:-65px;top:5%;opacity:.045}
#sectores.wm-mark::before{left:-130px;top:23%;opacity:.035}
#experiencia.wm-mark::before{right:-150px;bottom:-200px;opacity:.03}
#contacto.wm-mark::before{right:-75px;bottom:-160px;opacity:.085}
#portafolio .eyebrow::after,#contacto .eyebrow::after{content:"";display:inline-block;width:7px;height:7px;margin:0 0 1px 9px;border-radius:50%;background:var(--brand-orange);box-shadow:0 0 0 3px #f3a04a22}
@media(max-width:800px){.wm-mark::before{width:340px;height:340px}#inicio.wm-mark::before{right:-190px;top:5%;width:420px;height:420px}#retos.wm-mark::before{right:-170px;bottom:-95px}#portafolio.wm-mark::before{right:-170px;top:10%}#sectores.wm-mark::before{left:-175px;top:30%}#experiencia.wm-mark::before{right:-190px;bottom:-110px}#contacto.wm-mark::before{right:-180px;bottom:-90px}}
@media(prefers-reduced-motion:reduce){.wm-mark::before{transition:none}}

/* Actualidad: eventos y publicaciones externas */
.news-section{background:#f7fbfd}
.news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:20px}
.news-card{display:flex;flex-direction:column;min-height:290px;background:#fff;border:1px solid var(--line);border-top:3px solid #e87928;border-radius:16px;padding:25px;box-shadow:0 10px 30px #082b430b}
.news-tag{color:#bd5b14;font-size:11px;font-weight:800;letter-spacing:.12em}
.news-title{font-size:23px;margin:15px 0 8px;color:var(--navy)}
.news-date{font-size:14px;font-weight:700;color:#506b7b;margin-bottom:14px}
.news-description{font-size:15px;color:#506b7b;flex:1}
.news-link{align-self:flex-start;color:#087e9b;font-size:14px;font-weight:800;margin-top:8px}
.news-link:hover{text-decoration:underline;text-underline-offset:3px}
