:root{--navy:#101c2b;--deep:#0d1825;--ink:#152638;--muted:#667788;--blue:#348cae;--sky:#82c8df;--gold:#f2bd38;--paper:#fff;--pale:#f1f4f6;--line:#dce4e9;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;background:white;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);line-height:1.6}a{color:inherit}.wrap{width:min(1180px,calc(100% - 56px));margin:auto}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);border-bottom:1px solid #e4e8eb;backdrop-filter:blur(12px)}.header-row{height:82px;display:flex;align-items:center;gap:34px}.brand img{width:138px;height:64px;object-fit:contain;display:block}.nav{display:flex;gap:36px;margin-left:auto}.nav a,.mobile-nav a{text-decoration:none;font-size:14px;color:#526172}.nav a:hover,.mobile-nav a:hover{color:var(--blue)}.header-cta{background:var(--navy);color:white;text-decoration:none;border-radius:7px;padding:13px 18px;font-size:14px;font-weight:700}.header-cta b{margin-left:8px}.menu-toggle,.mobile-nav{display:none}.hero{background:var(--navy);color:white;padding:100px 0 22px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 80% 35%,rgba(48,141,181,.24),transparent 42%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:auto,58px 58px,58px 58px;pointer-events:none}.hero-layout{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-copy h1,h2{font-family:Inter,"Segoe UI",Arial,sans-serif;letter-spacing:-.045em;line-height:1.12}.hero-copy h1{font-size:clamp(42px,5.2vw,68px);max-width:650px;margin:14px 0 22px}.hero-copy em,.experience em{font-style:normal;color:var(--sky)}.eyebrow{margin:0 0 20px;color:var(--sky);font-size:12px;font-weight:800;letter-spacing:.14em}.eyebrow i,.note i,.live i{display:inline-block;background:var(--gold);width:8px;height:8px;border-radius:50%;margin-right:9px}.lead{max-width:550px;color:#c2cdd5;font-size:18px}.actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:16px 21px;border-radius:7px;text-decoration:none;font-weight:700;font-size:14px}.gold{background:var(--gold);color:#172536}.blue{background:var(--blue);color:white}.quiet-link{color:#d2e0e8;font-size:14px;font-weight:700;text-decoration:none}.quiet-link b{color:var(--sky);padding-left:7px}.note{color:#aebbc6;font-size:13px;margin-top:28px}.note i,.live i{background:#7cd4a9}.system-card{min-width:0;padding:25px 27px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(255,255,255,.055);box-shadow:0 25px 65px rgba(0,0,0,.2)}.card-top,.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#9babb8;font-size:10px;letter-spacing:.13em;font-weight:800}.live{color:#a4dbc1}.live i{width:7px;height:7px}.flow{margin:25px 0 20px}.flow-item{min-width:0;display:flex;align-items:center;gap:13px;padding:14px;background:#182a3b;border:1px solid rgba(255,255,255,.1);border-radius:9px}.flow-item.highlighted{border-color:rgba(130,200,223,.5);background:linear-gradient(110deg,rgba(51,137,174,.28),#182a3b)}.flow-item>div{min-width:0}.number{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.08);color:var(--sky);font-size:12px;font-weight:800}.flow-item strong,.flow-item small{display:block}.flow-item strong{font-size:14px}.flow-item small{font-size:11px;color:#aebbc6;margin-top:3px}.check{margin-left:auto;color:#8fd8b5}.connector{height:22px;margin-left:32px;border-left:1px solid #77bcd2}.card-bottom{padding-top:16px;border-top:1px solid rgba(255,255,255,.14);font-size:9px}.hero-strip{position:relative;display:flex;justify-content:center;gap:15px;flex-wrap:wrap;padding-top:52px;color:#9daebb;font-size:10px;font-weight:800;letter-spacing:.15em}.hero-strip b{color:#57a2c1}.intro,.process{padding:105px 0}.intro-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:65px}.eyebrow.dark{color:#3984a2}.intro h2,.section-head h2,.experience h2,.contact h2{font-size:clamp(34px,4vw,52px);margin:0}.intro h2 em,.section-head h2 em,.contact h2 em{font-style:normal;color:#4e93b1}.intro-grid>div>p:last-child{max-width:730px;color:var(--muted);font-size:17px;margin-top:22px}.services{padding:96px 0;background:var(--pale)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:38px;margin-bottom:40px}.section-head>p{max-width:360px;color:var(--muted);margin:0 0 4px}.section-head h2{margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.service{position:relative;min-height:258px;padding:25px 23px;background:white;border:1px solid #e3e9ed;border-radius:12px}.service>small{color:#728797;font-size:10px;font-weight:800;letter-spacing:.11em}.service>i{position:absolute;right:21px;top:18px;width:37px;height:37px;border-radius:9px;background:#eff6f8;color:#3388a8;display:grid;place-items:center;font-style:normal;font-size:20px}.service h3{font-size:19px;line-height:1.3;letter-spacing:-.03em;margin:34px 0 9px}.service p{font-size:13px;line-height:1.65;color:var(--muted);margin:0}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}.tags span{background:#f1f4f6;color:#576d7d;border-radius:4px;padding:4px 7px;font-size:10px}.service.dark-card{background:#14283a;border-color:#14283a;color:white}.dark-card>small{color:#9cb8c7}.dark-card>i{background:#223c50;color:#91d0e4}.dark-card p{color:#c1cdd5}.dark-card .tags span{background:#233b4d;color:#cedae1}.service-cta{background:#e5f1f5;border-color:#d6e7ec}.service-cta h3{margin-top:23px}.service-cta>a{display:inline-block;color:#277d9f;font-size:13px;font-weight:800;text-decoration:none;margin-top:18px}.experience,.examples{padding:100px 0;background:#14283a;color:white}.experience-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;align-items:center}.seal{width:min(330px,100%);aspect-ratio:1;border:1px solid rgba(130,200,223,.25);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto;background:radial-gradient(circle,rgba(55,133,164,.2),transparent 68%);position:relative}.seal:after{content:"";position:absolute;inset:18px;border:1px dashed rgba(130,200,223,.24);border-radius:50%}.seal img{width:190px;height:110px;object-fit:contain}.seal span{text-align:center;color:#9ecddd;font-size:10px;font-weight:800;letter-spacing:.13em}.experience h2{font-size:clamp(33px,4vw,49px)}.experience-text{max-width:650px;color:#c2cdd5;margin:20px 0}.experience ul{list-style:none;margin:22px 0 0;padding:0;border-top:1px solid rgba(255,255,255,.16)}.experience li{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.16);font-size:14px}.experience li:before{content:"↗";color:var(--sky);margin-right:14px}.examples{background:#0e1a28}.examples .section-head>p{color:#afbdc8}.examples .section-head h2 em{color:var(--sky)}.example-list{border-top:1px solid rgba(255,255,255,.18)}.example-list article{display:grid;grid-template-columns:45px 1fr 1fr 22px;gap:16px;align-items:center;padding:20px 4px;border-bottom:1px solid rgba(255,255,255,.18)}.example-list article>b{color:var(--sky);font-size:12px}.example-list h3{font-size:15px;margin:0}.example-list p{font-size:13px;color:#aebbc6;margin:0}.example-list article>span{color:var(--sky)}.process{background:white}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.steps article{padding:23px 22px 0 0;margin-right:22px;border-right:1px solid var(--line)}.steps article:last-child{border:0;margin:0}.steps b{font-size:12px;color:#3985a2}.steps h3{margin:18px 0 6px;font-size:19px}.steps p{margin:0;color:var(--muted);font-size:13px}.contact{background:#e9f2f5;padding:70px 0}.contact-row{display:flex;align-items:center;justify-content:space-between;gap:35px}.contact h2{font-size:clamp(34px,4vw,50px)}.contact-row>div>p:last-child{color:var(--muted)}.footer{background:#0b1622;color:white;padding:40px 0 18px}.footer-top{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:35px;padding-bottom:27px;font-size:13px;color:#afbdc8}.footer-brand{display:flex;align-items:center;gap:14px;text-decoration:none}.footer-brand img{width:120px;height:54px;object-fit:contain}.footer-brand span{font-size:11px}.footer-top>div a{display:inline-block;color:white;text-decoration:none;font-weight:700;margin-top:4px}.footer nav{display:flex;gap:16px}.footer nav a{color:#afbdc8;text-decoration:none;font-size:11px}.footer-bottom{border-top:1px solid rgba(255,255,255,.14);padding-top:14px;display:flex;justify-content:space-between;color:#8293a1;font-size:10px}.legal-page{padding:130px 0 70px}.legal-content{max-width:760px}.legal-content h1,.legal-content h2,.legal-content h3{color:var(--ink)}.legal-content p,.legal-content li{color:#596979}.legal-content .back-link{color:#277d9f}
@media(max-width:1000px){.wrap{width:calc(100% - 44px)}.nav,.header-cta{display:none}.menu-toggle{margin-left:auto;display:flex;width:42px;height:42px;border:1px solid var(--line);background:white;border-radius:7px;flex-direction:column;align-items:center;justify-content:center;gap:5px}.menu-toggle span{width:18px;height:2px;background:var(--ink)}.mobile-nav{position:absolute;top:100%;left:0;right:0;background:white;padding:16px 22px 22px;border-bottom:1px solid var(--line);box-shadow:0 12px 25px #15263815;display:none;flex-direction:column}.mobile-nav.is-open{display:flex}.mobile-nav a{padding:10px 0}.hero-layout{grid-template-columns:1fr;gap:36px}.hero-copy{max-width:720px}.system-card{width:min(620px,100%);margin:auto}.hero-strip{padding-top:36px}.intro-grid,.experience-grid{grid-template-columns:1fr;gap:30px}.experience-grid{gap:38px}.seal{width:280px}.section-head{align-items:flex-start;flex-direction:column;gap:16px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.header-row{height:68px}.brand img{width:115px;height:54px}.hero{padding:65px 0 22px}.hero-copy h1{font-size:42px}.lead{font-size:16px}.actions{align-items:flex-start;flex-direction:column;gap:16px}.system-card{padding:18px 14px}.card-top,.card-bottom{font-size:8px}.flow-item{gap:9px;padding:12px 9px}.flow-item strong{font-size:13px}.flow-item small{font-size:10px}.hero-strip{justify-content:flex-start;gap:8px;font-size:8px}.intro,.process,.services,.experience,.examples{padding:68px 0}.intro-grid{gap:14px}.intro h2,.section-head h2,.experience h2,.contact h2{font-size:34px}.service-grid{grid-template-columns:1fr}.service{min-height:230px}.example-list article{grid-template-columns:30px 1fr 20px;gap:10px}.example-list h3{font-size:14px}.example-list p{grid-column:2;grid-row:2}.example-list article>span{grid-column:3;grid-row:1}.steps{grid-template-columns:1fr}.steps article{border-right:0;border-bottom:1px solid var(--line);margin:0;padding:17px 0}.steps article:last-child{border:0}.steps h3{margin:8px 0}.contact{padding:56px 0}.contact-row{align-items:flex-start;flex-direction:column}.footer-top{grid-template-columns:1fr;gap:18px}.footer nav{flex-wrap:wrap}.footer-bottom{flex-direction:column;gap:6px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}

/* Contraste del logotipo en superficies oscuras */
.seal img{
  width:228px;
  height:142px;
  object-fit:cover;
  object-position:center;
  background:#fff;
  border:4px solid #fff;
  border-radius:12px;
  box-shadow:0 12px 32px rgba(0,0,0,.2);
}
.footer-brand img{
  width:148px;
  height:92px;
  object-fit:cover;
  object-position:center;
  background:#fff;
  border:3px solid #fff;
  border-radius:9px;
}
@media(max-width:600px){
  .seal img{width:208px;height:130px}
  .footer-brand img{width:132px;height:82px}
}

/* Menú desplegable de Servicios IA */
.nav{gap:28px}
.nav-dropdown{position:relative}
.nav-trigger{display:flex;align-items:center;gap:8px;padding:11px 14px;border:0;border-radius:999px;background:transparent;color:#34495a;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer}
.nav-trigger:hover,.nav-dropdown.is-open .nav-trigger{background:#edf3f6;color:#152638}
.chevron{font-size:18px;line-height:1;transition:transform .18s ease}
.nav-dropdown.is-open .chevron{transform:rotate(180deg)}
.mega-menu{position:absolute;z-index:50;top:calc(100% + 19px);left:50%;transform:translate(-50%,8px);width:min(850px,calc(100vw - 40px));display:grid;grid-template-columns: .82fr 1.18fr;background:#102235;color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:16px;box-shadow:0 25px 70px rgba(11,28,42,.28);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s}
.nav-dropdown.is-open .mega-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.mega-intro{grid-row:span 2;padding:30px 29px;background:linear-gradient(145deg,rgba(52,140,174,.2),rgba(16,34,53,.1));border-right:1px solid rgba(255,255,255,.11);border-radius:16px 0 0 0}
.mega-kicker{color:#85c9df;font-size:10px;font-weight:800;letter-spacing:.15em}
.mega-intro h2{font-size:26px;line-height:1.16;letter-spacing:-.04em;margin:20px 0 12px}
.mega-intro p{font-size:13px;line-height:1.6;color:#b9c8d2;margin:0}
.mega-intro>a{display:inline-flex;gap:9px;color:#f3c647;text-decoration:none;font-size:12px;font-weight:700;margin-top:25px}
.mega-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px;padding:21px 22px 17px}
.mega-item{min-width:0;display:grid;grid-template-columns:25px 1fr 15px;gap:9px;align-items:start;padding:13px 10px;border-radius:9px;text-decoration:none;transition:background .15s ease}
.mega-item:hover,.mega-item:focus-visible{background:rgba(255,255,255,.08);outline:none}
.mega-item>span{color:#80c5df;font-size:10px;font-weight:800;padding-top:3px}
.mega-item strong,.mega-item small{display:block}
.mega-item strong{font-size:12px;line-height:1.4;color:#f4f7f9}
.mega-item small{font-size:10px;line-height:1.45;color:#a9bac6;margin-top:4px}
.mega-item>b{color:#7ebdd2;font-size:12px;opacity:0;transition:opacity .15s}
.mega-item:hover>b,.mega-item:focus-visible>b{opacity:1}
.mega-footer{grid-column:2;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 22px 17px;border-top:1px solid rgba(255,255,255,.12);color:#8197a7;font-size:9px;font-weight:800;letter-spacing:.1em}
.mega-footer a{color:#c8d7e0;text-decoration:none;letter-spacing:0;font-weight:500;font-size:10px}
.mega-footer a b{color:#f2c343;margin-left:5px}
.mobile-services{border-bottom:1px solid var(--line);padding:4px 0 10px}
.mobile-services summary{list-style:none;cursor:pointer;padding:10px 0;color:var(--ink);font-weight:700}
.mobile-services summary::-webkit-details-marker{display:none}
.mobile-services summary:after{content:"＋";float:right;color:#3985a2}
.mobile-services[open] summary:after{content:"−"}
.mobile-services a{display:block;padding:8px 0 8px 14px;font-size:13px}
@media(max-width:1150px){.mega-menu{width:min(780px,calc(100vw - 34px))}.nav{gap:16px}.header-row{gap:20px}}
@media(max-width:1000px){.nav{display:none}.mobile-services{display:block}}
@media(max-width:600px){.mega-menu{display:none}}
@media(prefers-reduced-motion:reduce){.mega-menu,.chevron{transition:none}}


/* Un mismo tono para todas las tarjetas de soluciones */
.service-grid .service,
.service-grid .service-cta{
  background:#14283a;
  border-color:#14283a;
  color:#fff;
}
.service-grid .service>small{color:#9cb8c7}
.service-grid .service>i{background:#223c50;color:#91d0e4}
.service-grid .service p{color:#c1cdd5}
.service-grid .service .tags span{background:#233b4d;color:#cedae1}
.service-grid .service-cta>a{color:#f2c343}

/* Presentación centrada de la sección introductoria */
.intro-grid{
  display:block;
  text-align:center;
}
.intro-grid>div{
  max-width:900px;
  margin:0 auto;
}
.intro-grid>div>p:last-child{
  max-width:760px;
  margin:22px auto 0;
}
@media(max-width:1000px){
  .intro-grid{display:block}
}

/* Título de soluciones en una línea, sin texto lateral */
.services .section-head{display:block}
.services .section-head h2{white-space:nowrap;font-size:clamp(30px,4vw,48px)}
@media(max-width:600px){
  .services .section-head h2{white-space:normal;font-size:34px}
}

/* Cabecera unificada y enlace Nosotros */
.header-row{height:92px}
.brand img{width:166px;height:86px}
.nav-trigger,.nav>a{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 15px;
  border:1px solid #e8edf0;
  border-radius:999px;
  background:#edf3f6;
  color:#34495a;
  font-size:13px;
  font-weight:700;
  line-height:1;
  text-decoration:none;
  white-space:nowrap;
}
.nav-trigger:hover,.nav>a:hover,.nav-dropdown.is-open .nav-trigger{
  background:#e2edf2;
  color:#152638;
}
.header-cta{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 18px;
  border-radius:999px;
}
.about-objective-label{
  margin:24px 0 0;
  color:#8dcde1;
  font-size:10px;
  font-weight:800;
  letter-spacing:.14em;
}
@media(max-width:600px){
  .header-row{height:76px}
  .brand img{width:138px;height:70px}
}

/* Encabezado de proceso sin texto lateral */
.process .section-head{display:block}
.process .section-head h2{white-space:nowrap;font-size:clamp(30px,4vw,48px)}
@media(max-width:600px){
  .process .section-head h2{white-space:normal;font-size:34px}
}

/* Formulario de contacto */
.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;align-items:start;gap:64px}
.contact-copy{padding-top:18px}
.contact-copy h2{font-size:clamp(36px,4vw,52px)}
.contact-copy>p:not(.eyebrow){max-width:440px;color:var(--muted);margin-top:18px}
.contact-copy .contact-email{font-size:13px}
.contact-email a{color:#267d9f;font-weight:700;text-decoration:none}
.lead-form{background:#fff;border:1px solid #dce6eb;border-radius:14px;padding:28px;box-shadow:0 14px 40px rgba(21,38,56,.08)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{min-width:0}
.field-wide{grid-column:1/-1}
.field label{display:block;color:#32485a;font-size:12px;font-weight:700;margin-bottom:7px}
.field label span,.privacy-check b{color:#c44b43}
.field input,.field textarea{display:block;width:100%;border:1px solid #ccd8df;border-radius:7px;padding:12px 13px;background:#fff;color:var(--ink);font:inherit;font-size:14px;line-height:1.4}
.field textarea{min-height:106px;resize:vertical}
.field input:focus,.field textarea:focus{outline:3px solid rgba(52,140,174,.17);border-color:#348cae}
.privacy-check{display:flex;align-items:flex-start;gap:10px;margin:19px 0;color:#536575;font-size:12px;line-height:1.5}
.privacy-check input{width:17px;height:17px;margin:1px 0 0;flex:none;accent-color:#348cae}
.privacy-check a{color:#267d9f;font-weight:700}
.form-submit{border:0;cursor:pointer;min-width:170px}
.form-submit:disabled{opacity:.65;cursor:wait}
.form-note{font-size:10px;color:#788895;margin:10px 0 0}
.form-status{min-height:20px;margin:9px 0 0;font-size:13px;font-weight:600}
.form-status.is-success{color:#23734d}
.form-status.is-error{color:#a83c35}
.form-honey{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
@media(max-width:1000px){.contact-layout{grid-template-columns:1fr;gap:25px}.contact-copy{padding-top:0}}
@media(max-width:600px){.lead-form{padding:20px 17px}.form-grid{grid-template-columns:1fr;gap:13px}.field-wide{grid-column:auto}.form-submit{width:100%}}

/* Accesos sociales en la cabecera */
.header-actions{display:flex;align-items:center;gap:8px;flex:none}
.social-link{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 12px;
  border:1px solid #e8edf0;
  border-radius:999px;
  background:#edf3f6;
  color:#34495a;
  font-size:12px;
  font-weight:700;
  line-height:1;
  text-decoration:none;
  white-space:nowrap;
}
.social-link:hover{background:#e2edf2;color:#152638}
.social-link svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.social-link svg .icon-dot{fill:currentColor;stroke:none}
.social-link[href*="wa.me"] svg{fill:currentColor;stroke:none}
.header-cta{white-space:nowrap}
.mobile-socials{display:flex;gap:10px;padding:12px 0}
.mobile-socials .social-link{flex:1}
@media(max-width:1080px){
  .header-row{gap:16px}
  .nav,.header-actions{display:none}
  .menu-toggle{margin-left:auto;display:flex;width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:7px;flex-direction:column;align-items:center;justify-content:center;gap:5px}
  .menu-toggle span{width:18px;height:2px;background:var(--ink)}
  .mobile-nav{position:absolute;top:100%;left:0;right:0;z-index:32;display:none;flex-direction:column;background:#fff;padding:16px 22px 22px;border-bottom:1px solid var(--line);box-shadow:0 12px 25px #15263815}
  .mobile-nav.is-open{display:flex}
  .mobile-nav>a{padding:10px 0}
}
@media(max-width:600px){
  .mobile-socials .social-link{font-size:12px}
}

/* Botones sociales junto al correo de contacto */
.contact-socials{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:17px}

/* Aviso de cookies TOMAI */
.cookie-settings-link{padding:0;border:0;background:none;color:#afbdc8;text-decoration:underline;text-underline-offset:3px;font:inherit;font-size:11px;cursor:pointer}.cookie-settings-link:hover{color:white}
.cookie-consent[hidden],.cookie-preferences[hidden],.cookie-button[hidden]{display:none!important}
.cookie-consent{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;padding:24px;background:rgba(8,18,29,.58);backdrop-filter:blur(3px)}
.cookie-panel{width:min(760px,100%);padding:27px 30px 24px;border:1px solid #dce4e9;border-radius:16px;background:#fff;box-shadow:0 24px 70px rgba(4,19,31,.26);color:var(--ink)}
.cookie-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.cookie-heading .eyebrow{margin-bottom:8px}.cookie-heading h2{font-size:25px;margin:0}.cookie-panel>p{max-width:680px;color:var(--muted);font-size:14px;margin:14px 0 19px}.cookie-panel>p a{color:#277d9f;font-weight:700}
.cookie-close{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:white;color:var(--ink);font-size:24px;line-height:1;cursor:pointer}.cookie-preferences{display:grid;gap:9px;margin:0 0 18px}.cookie-preferences>div{display:flex;justify-content:space-between;gap:14px;padding:11px 13px;border:1px solid var(--line);border-radius:8px;font-size:12px}.cookie-preferences span{color:var(--muted);text-align:right}.cookie-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.cookie-button{min-height:43px;padding:10px 15px;border:1px solid #c9d5dc;border-radius:7px;background:#fff;color:var(--ink);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.cookie-button:hover{border-color:var(--blue)}.cookie-button.cookie-primary{background:#fff;border-color:#c9d5dc;color:var(--ink)}.cookie-button.cookie-primary:hover{border-color:var(--blue);background:#f5f9fa}.cookie-button:focus-visible,.cookie-close:focus-visible,.cookie-settings-link:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
body.cookie-dialog-open{overflow:hidden}
@media(max-width:600px){.cookie-consent{padding:12px;align-items:flex-end}.cookie-panel{padding:21px 18px 18px;border-radius:14px}.cookie-heading h2{font-size:21px}.cookie-panel>p{font-size:13px}.cookie-actions{display:grid;grid-template-columns:1fr 1fr}.cookie-button{padding:10px 8px;font-size:12px}.cookie-button.cookie-primary{grid-column:1/-1}.cookie-preferences>div{align-items:flex-start;flex-direction:column;gap:3px}.cookie-preferences span{text-align:left}}
/* Sello TOMAI circular */
.seal img{width:190px;height:190px;object-fit:contain;border-radius:50%;overflow:hidden;}
@media(max-width:600px){.seal img{width:170px;height:170px}}

/* Sello de la sección Nosotros: logotipo original rectangular, sin aros decorativos */
.seal{width:min(330px,100%);aspect-ratio:auto;border:0;border-radius:0;background:none;}
.seal:after{display:none;}
.seal img{width:228px;height:142px;object-fit:cover;object-position:center;background:#fff;border:4px solid #fff;border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.2);overflow:visible;}
@media(max-width:600px){.seal{width:100%;}.seal img{width:208px;height:130px;}}
/* Sello TOMAI: logo y descriptor ligeramente mayores */
.seal img{width:252px;height:158px;}
.seal span{font-size:12px;}
@media(max-width:600px){.seal img{width:230px;height:145px;}.seal span{font-size:11px;}}
.turnstile-wrap{grid-column:1/-1;margin-top:2px}.turnstile-wrap p{margin:5px 0 0;color:var(--muted);font-size:11px}.turnstile-wrap iframe{max-width:100%}
/* TOMAI presentation video — compact and aligned under the Nosotros copy */
.about-video{width:100%;max-width:480px;margin-top:30px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14)}.about-video-label{margin:0 0 10px;color:var(--sky);font-size:10px;font-weight:800;letter-spacing:.13em}.about-video-frame{width:100%;max-width:460px;overflow:hidden;aspect-ratio:16/9;border:1px solid rgba(255,255,255,.16);border-radius:11px;background:#0b1622;box-shadow:0 12px 28px rgba(0,0,0,.18)}.about-video-frame video{display:block;width:100%;height:100%;object-fit:contain;background:#0b1622}
@media(max-width:1000px){.about-video{margin-top:26px}.about-video-frame{max-width:440px}}
@media(max-width:600px){.about-video{margin-top:22px;padding-top:18px}.about-video-frame{max-width:100%;border-radius:9px}}
/* TOMAI Business & Industrial service structure */
@media(min-width:1081px) and (max-width:1200px){
  .nav{gap:6px}
  .nav-trigger,.nav>a{padding-left:9px;padding-right:9px;font-size:12px}
  .header-row{gap:16px}
}
@media(min-width:1081px){
  .nav-dropdown .mega-menu{position:fixed;top:104px;left:50%;right:auto;width:min(920px,calc(100vw - 48px));max-height:calc(100vh - 124px);overflow-y:auto;transform:translate(-50%,8px)}
  .nav-dropdown.is-open .mega-menu{transform:translate(-50%,0)}
  .mega-content{grid-auto-rows:minmax(38px,auto);align-content:start;gap:3px 8px;padding:18px}
  .mega-item{padding:10px 8px}
  .mega-item strong{font-size:12px}
}
.business-lines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.service.service-line{min-width:0;min-height:0;padding:30px 27px 25px;border-radius:14px;background:#14283a;border-color:#14283a;color:#fff}
.line-top{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#a8c5d1}
.line-top small{font-size:10px;font-weight:800;letter-spacing:.12em}
.line-top span{font-size:9px;font-weight:800;letter-spacing:.13em;color:#7fc8de}
.service-line h3{margin:23px 0 8px;font-size:26px;line-height:1.2;color:#fff}
.service-line .line-description{max-width:520px;min-height:43px;color:#c1cdd5;font-size:13px}
.service-line .service-list{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin:23px 0 0;padding:0;border-top:1px solid rgba(255,255,255,.16)}
.service-line .service-list li{min-width:0;display:flex;align-items:flex-start;gap:9px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.13);color:#d5e0e6;font-size:12px;line-height:1.45;scroll-margin-top:120px}
.service-line .service-list li span{flex:none;color:#84c9de;font-size:9px;font-weight:800;padding-top:2px}
.line-cta{display:inline-flex;margin-top:20px;color:#f2c343;font-size:12px;font-weight:800;text-decoration:none}
.line-cta:hover{text-decoration:underline}
@media(max-width:1080px){
  .business-lines{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service.service-line{padding:25px 21px}
  .service-line .service-list{gap:0 12px}
}
@media(max-width:760px){
  .business-lines{grid-template-columns:1fr}
  .service.service-line{padding:26px 22px}
}
@media(max-width:600px){
  .service-line h3{font-size:23px}
  .service-line .line-description{min-height:0}
  .service-line .service-list{grid-template-columns:1fr;gap:0}
  .service-line .service-list li{font-size:13px;padding:10px 0}
  .mobile-nav{max-height:calc(100vh - 76px);overflow-y:auto}
}
/* Examples now grouped around TOMAI Business and Industrial */
.examples .section-head{display:block;margin-bottom:34px}
.examples .section-head h2{white-space:nowrap;font-size:clamp(30px,3.8vw,46px)}
.example-title{min-width:0}
.example-title small{display:block;margin-bottom:4px;color:var(--sky);font-size:9px;font-weight:800;letter-spacing:.12em}
@media(max-width:700px){.examples .section-head h2{white-space:normal;font-size:34px}}
@media(max-width:600px){.examples .section-head h2{font-size:32px}.example-title small{font-size:8px}}
/* Social links shown as accessible icon-only buttons */
.header-actions .social-link,.contact-socials .social-link{width:42px;height:42px;min-width:42px;padding:0;gap:0}
.header-actions .social-link svg,.contact-socials .social-link svg,.mobile-socials .social-link svg{width:19px;height:19px}
.mobile-socials{justify-content:flex-start}
.mobile-socials .social-link{flex:0 0 42px;width:42px;height:42px;padding:0;gap:0}
a.social-link[href*=linkedin] svg{fill:currentColor;stroke:none}
.social-link:focus-visible{outline:3px solid #348cae;outline-offset:2px}