:root{--jt-cyan:#10b7d6;--jt-cyan2:#00d7ff;--jt-navy:#061523;--jt-navy2:#0a2235;--jt-blue:#0b5f9d;--jt-white:#fff;--jt-text:#304454;--jt-muted:#71818e;--jt-line:#dce7ee;--jt-light:#f5f9fb}
html{scroll-behavior:smooth} body{font-family:'Poppins',sans-serif;background:#fff;color:var(--jt-text);font-size:15px;line-height:1.75} h1,h2,h3,h4{font-weight:600;color:#102b3b} section{padding:90px 0}.preloader{background:#071725}.preloader>i{color:var(--jt-cyan)}
.hero-header{position:relative;min-height:100vh;background:#04111d;overflow:hidden}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero-video-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(2,15,27,.88),rgba(3,22,37,.55) 52%,rgba(3,19,32,.73));pointer-events:none}
#home-slider{position:relative;z-index:2;height:100vh;min-height:650px}.carousel-fade .carousel-inner .item{height:100vh;min-height:650px;background:transparent}.carousel-fade .carousel-inner .item:after{display:none}.hero-intro-slide{position:relative}.hero-intro-content{position:absolute;left:7%;top:50%;transform:translateY(-46%);max-width:820px;color:#fff}.hero-logo{width:min(580px,70vw);height:auto;display:block;margin-bottom:34px}.hero-kicker{text-transform:uppercase;letter-spacing:2px;color:var(--jt-cyan2);font-weight:600;margin:0 0 13px}.hero-intro-content h1{color:#fff;font-size:48px;line-height:1.18;margin:0 0 24px;max-width:780px}.hero-copy{font-size:18px;line-height:1.7;color:#dbeaf2;max-width:760px}.hero-actions{margin-top:34px}.btn-primary-jt,.btn-ghost-jt{border-radius:5px;padding:14px 28px;font-weight:600;margin-right:10px;transition:.25s}.btn-primary-jt{background:var(--jt-cyan);color:#fff}.btn-primary-jt:hover{background:#079cb8;color:#fff}.btn-ghost-jt{border:1px solid rgba(255,255,255,.55);color:#fff;background:rgba(255,255,255,.03)}.btn-ghost-jt:hover{border-color:#fff;color:#fff;background:rgba(255,255,255,.08)}
.hero-image-slide{background:#03101c}.hero-image-slide img{position:absolute;width:100%;height:100%;object-fit:contain;object-position:center;background:#03101c}.hero-indicators{bottom:30px}.hero-indicators li{border-color:rgba(255,255,255,.6)}.hero-indicators .active{background:var(--jt-cyan);border-color:var(--jt-cyan)}
.main-nav{z-index:1000;height:86px;border:0;background:linear-gradient(180deg,rgba(0,0,0,.45),transparent);transition:.3s}.navbar-nav-black{background:rgba(3,16,28,.96)!important;box-shadow:0 8px 30px rgba(0,0,0,.18)}.jt-navbar-brand{padding:9px 15px;height:82px}.jt-navbar-brand img{height:62px;width:auto;max-width:300px;object-fit:contain}.navbar-right li a{font-size:13px;font-weight:500;padding-top:30px}.navbar-right li.active a,.navbar-right li a:hover{color:var(--jt-cyan)!important;background:transparent!important}
.section-light{background:#fff}.section-dark{background:linear-gradient(180deg,#061524 0,#071b2c 100%);color:#cfdeea}.section-dark h2,.section-dark h3{color:#fff}.section-heading{max-width:820px;margin:0 auto 62px}.section-heading h2{font-size:38px;margin:8px 0 18px}.section-heading p{font-size:17px;color:#71818e}.section-dark .section-heading p{color:#9db2c2}.eyebrow{display:inline-block;color:var(--jt-cyan);text-transform:uppercase;font-size:12px;letter-spacing:1.8px;font-weight:700}
.solution-grid>div{margin-bottom:30px}.solution-card{height:100%;min-height:390px;padding:34px;background:#fff;border:1px solid #e1ebf0;border-radius:12px;box-shadow:0 12px 34px rgba(14,52,75,.07);transition:.25s}.solution-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(14,52,75,.13);border-color:#b8dbe6}.solution-card.featured-card{border-top:4px solid var(--jt-cyan)}.solution-icon{width:64px;height:64px;border-radius:14px;background:linear-gradient(145deg,#e8faff,#dff7f2);display:flex;align-items:center;justify-content:center;color:#069fbe;font-size:27px;margin-bottom:22px}.solution-card h3{font-size:22px;margin:0 0 14px}.solution-card p{color:#617381}.solution-card ul{padding:0;margin:22px 0 0;list-style:none}.solution-card li{padding:7px 0 7px 20px;position:relative;color:#475d6d}.solution-card li:before{content:'✓';position:absolute;left:0;color:#0cab84;font-weight:700}
.showcase-row{display:flex;align-items:center;gap:55px;padding:54px 0;border-bottom:1px solid rgba(255,255,255,.08)}.showcase-row.reverse{flex-direction:row-reverse}.showcase-image,.showcase-copy{width:50%}.showcase-image img{width:100%;height:auto;border-radius:12px;box-shadow:0 25px 55px rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.12)}.showcase-copy h3{font-size:30px;line-height:1.3;margin:5px 0 18px}.showcase-copy p{font-size:16px;color:#afc1cf;line-height:1.8}.showcase-number{font-size:13px;color:var(--jt-cyan);font-weight:700;letter-spacing:1px}.tag-list,.feature-chips{margin-top:22px;display:flex;flex-wrap:wrap;gap:9px}.tag-list span,.feature-chips span{border:1px solid rgba(41,203,231,.35);background:rgba(11,183,214,.07);color:#d9f8ff;border-radius:20px;padding:7px 13px;font-size:12px}.feature-chips span i{color:#2fd28d;margin-right:5px}.misistema-logo{max-width:190px;max-height:110px;object-fit:contain;object-position:left center;background:#fff;border-radius:8px;padding:12px;margin-bottom:16px}.brand-text{margin-top:22px;font-weight:600;color:#fff;letter-spacing:.6px}
.sectors-section{background:#f5f9fb}.sector-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.sector-grid>div{padding:26px 12px;background:#fff;border:1px solid #e0e9ee;border-radius:9px}.sector-grid i{display:block;font-size:28px;color:var(--jt-cyan);margin-bottom:12px}.sector-grid span{font-size:13px;font-weight:500;color:#344f60}
.about-modern{background:#0b2335;color:#c6d5df}.about-modern h2{color:#fff;font-size:38px;line-height:1.25;margin:8px 0 18px}.lead-small{font-size:17px;line-height:1.85}.principles-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.principles-grid>div{padding:25px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:9px}.principles-grid i{font-size:24px;color:var(--jt-cyan);margin-bottom:10px}.principles-grid h4{color:#fff;margin:0 0 6px}.principles-grid p{margin:0;font-size:13px;color:#9fb3c0}
.contact-modern{background:linear-gradient(135deg,#0b93b4,#0c668f);color:#fff}.contact-panel{background:#fff;color:#395367;border-radius:14px;padding:38px 44px;box-shadow:0 20px 50px rgba(0,0,0,.18)}.contact-panel h2{font-size:34px;margin:8px 0 15px}.contact-details{padding-top:15px}.contact-details a,.contact-details span{display:block;color:#33505f;font-size:15px;padding:10px 0;border-bottom:1px solid #e4edf1}.contact-details i{width:26px;color:var(--jt-cyan)}
.footer-modern{padding:26px 0;background:#03111d;color:#8ea3b1}.footer-brand{height:50px;width:auto;max-width:240px;object-fit:contain}.footer-modern p{margin:12px 0 0;font-size:12px}
@media(max-width:991px){.hero-intro-content h1{font-size:38px}.showcase-row,.showcase-row.reverse{flex-direction:column;gap:28px}.showcase-image,.showcase-copy{width:100%}.sector-grid{grid-template-columns:repeat(3,1fr)}.main-nav{height:76px}.jt-navbar-brand img{height:52px}.navbar-right li a{padding-top:26px}.principles-grid{margin-top:30px}}
@media(max-width:767px){section{padding:65px 0}.hero-header,#home-slider,.carousel-fade .carousel-inner .item{min-height:620px;height:100vh}.hero-intro-content{left:7%;right:7%;top:52%;max-width:none}.hero-logo{width:min(430px,82vw);margin-bottom:24px}.hero-intro-content h1{font-size:31px}.hero-copy{font-size:15px}.hero-actions .btn{display:block;margin:8px 0;width:100%;max-width:290px}.hero-image-slide img{object-fit:contain}.main-nav{background:rgba(3,16,28,.94)}.navbar-collapse{background:rgba(3,16,28,.98);border:0}.navbar-right li a{padding:11px 20px}.section-heading h2,.about-modern h2{font-size:30px}.solution-card{min-height:auto}.showcase-copy h3{font-size:25px}.sector-grid{grid-template-columns:repeat(2,1fr)}.principles-grid{grid-template-columns:1fr}.contact-panel{padding:28px 20px}.contact-panel h2{font-size:28px}.footer-modern{text-align:center}.footer-modern .text-right{text-align:center!important}.footer-brand{margin:0 auto}.left-control,.right-control{display:none}.hero-indicators{bottom:14px}}
@media(max-width:480px){.sector-grid{grid-template-columns:1fr}.hero-intro-content h1{font-size:27px}.hero-logo{width:85vw}.showcase-image img{border-radius:7px}}

/* Hero: el video permanece como fondo en todos los slides; el carrusel rota solo contenido resumido. */
.hero-copy-slide{position:relative;background:transparent!important}
.hero-service-content{max-width:760px}
.hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.hero-tags span{display:inline-block;padding:8px 14px;border-radius:999px;border:1px solid rgba(38,211,239,.42);background:rgba(4,26,42,.50);color:#e7fbff;font-size:12px;font-weight:500;backdrop-filter:blur(4px)}

/* Parallax para Soluciones y Contacto. El fondo se mueve a distinta velocidad que el contenido. */
.parallax-section{position:relative;isolation:isolate;background-repeat:no-repeat;background-size:cover;background-position:center center;overflow:hidden}
.parallax-section:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none}
.parallax-soluciones{background-image:linear-gradient(rgba(246,250,252,.93),rgba(246,250,252,.93)),url('../images/features-bg.jpg')}
.parallax-soluciones:before{background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(5,34,53,.04))}
.parallax-contact{background-image:linear-gradient(rgba(4,84,116,.78),rgba(5,119,148,.82)),url('../images/contact-bg.jpg');background-position:center center}
.parallax-contact:before{background:linear-gradient(90deg,rgba(2,22,36,.14),rgba(9,193,225,.08))}
.parallax-section>.container{position:relative;z-index:1}

@media (prefers-reduced-motion: reduce){.parallax-section{background-position:center center!important}}
@media(max-width:767px){.hero-service-content{top:52%}.hero-tags{margin-top:18px}.hero-tags span{font-size:11px;padding:7px 11px}.parallax-section{background-position:center center!important}}


/* ==========================================================
   Ajustes v3: Century Gothic, grilla de soluciones y parallax
   ========================================================== */

/* Tipografía general del sitio. Se conservan las fuentes de iconos. */
html, body,
h1, h2, h3, h4, h5, h6,
p, a, span, li, label, small, strong, b,
button, input, select, textarea,
.btn, .navbar, .dropdown-menu, .form-control {
  font-family: 'Poppins', sans-serif;
}

/* Soluciones: dos filas perfectamente alineadas de 3 tarjetas en escritorio. */
.solution-grid {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: stretch;
  align-items: stretch;
}
.solution-grid > [class*="col-"] {
  float: none;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 30px;
}
.solution-grid .solution-card {
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}

/* Experiencia multisectorial con efecto parallax. */
.parallax-sectores {
  background-image:
    linear-gradient(rgba(4, 25, 40, .84), rgba(4, 41, 59, .82)),
    url('../images/about-bg.jpg');
  background-position: center center;
  background-size: cover;
  color: #fff;
}
.parallax-sectores .section-heading h2,
.parallax-sectores .section-heading p {
  color: #fff;
}
.parallax-sectores .eyebrow {
  color: #20c8e6;
}
.parallax-sectores .sector-grid > div {
  background: rgba(255,255,255,.94);
  border-color: rgba(255,255,255,.5);
  box-shadow: 0 12px 28px rgba(0,0,0,.14);
}
.parallax-sectores .sector-grid i {
  color: var(--jt-cyan);
}
.parallax-sectores .sector-grid span {
  color: #263f4f;
}

@media (max-width: 767px) {
  .solution-grid { display: block; }
  .solution-grid > [class*="col-"] { display: block; }
  .solution-grid .solution-card { height: auto; }
}

/* v4: Poppins 400/700 */
body, p, a, span, li, label, small, button, input, select, textarea, .navbar, .dropdown-menu, .form-control { font-weight: 400; }
h1, h2, h3, h4, h5, h6, strong, b, .btn { font-weight: 700; }


/* Ampliación de imágenes en "Lo que hacemos" */
#showcase .showcase-image img {
  cursor: zoom-in;
  transition: transform .25s ease, filter .25s ease;
}
#showcase .showcase-image:hover img {
  transform: scale(1.015);
  filter: brightness(1.04);
}
.showcase-image-modal {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px;
  background: rgba(0, 0, 0, .86);
  opacity: 0;
  visibility: hidden;
  transition: opacity .2s ease, visibility .2s ease;
  cursor: zoom-out;
}
.showcase-image-modal.is-open {
  opacity: 1;
  visibility: visible;
}
.showcase-image-modal-inner {
  max-width: 94vw;
  max-height: 92vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.showcase-image-modal img {
  display: block;
  max-width: 94vw;
  max-height: 92vh;
  width: auto;
  height: auto;
  object-fit: contain;
  border-radius: 8px;
  box-shadow: 0 24px 80px rgba(0, 0, 0, .55);
  cursor: default;
}
body.showcase-modal-open {
  overflow: hidden;
}
@media (max-width: 767px) {
  .showcase-image-modal { padding: 12px; }
  .showcase-image-modal img { max-width: 96vw; max-height: 88vh; }
}
\n\n/* v6: enlaces internos SEO y optimización visual sin alterar la composición de v5 */
.solution-link,.solution-secondary-link,.showcase-more-link{display:inline-block;margin-top:20px;color:#079fbd;font-weight:700;text-decoration:none}
.solution-link:hover,.solution-secondary-link:hover,.showcase-more-link:hover{color:#066b8b;text-decoration:none}
.solution-secondary-link{display:block;margin-top:9px;font-size:12px;font-weight:400;color:#527181}
#showcase .showcase-more-link{color:#41d7ef}
.contact-page-link{margin-top:18px}

/* v6 SEO: los slides secundarios usan H2, conservando exactamente la apariencia del hero. */
.hero-intro-content h2{color:#fff;font-size:48px;line-height:1.18;margin:0 0 24px;max-width:780px;font-weight:700}
@media(max-width:991px){.hero-intro-content h2{font-size:38px}}
@media(max-width:767px){.hero-intro-content h2{font-size:31px}}
@media(max-width:480px){.hero-intro-content h2{font-size:27px}}