@import "tailwindcss";
.badgeThree{left:8%;bottom:25%;background:#72c817;color:#09233a}
body{--amber:#72c817}.officialBrand{display:flex;align-items:center}.officialBrand img{display:block;width:210px;height:auto;object-fit:contain}.footerBrand{display:flex;align-items:center;justify-content:center}.footerBrand img{display:block;width:220px;height:auto;object-fit:contain}.navCta{border-color:#72c817aa}.primaryButton{border-color:#72c817}.primaryButton span,.textLink{color:#72c817}
.nav .officialBrand{background:#fff;padding:10px 16px;border:0;border-radius:12px;box-shadow:none;backdrop-filter:none}
.solutionsGrid article{overflow:hidden}.solutionPhoto{width:calc(100% + 50px);height:145px;object-fit:cover;margin:-30px -25px 25px;filter:saturate(.82);opacity:.88}.solutionsGrid h3{margin-top:24px}.officialBrand img{filter:none}.footerBrand img{filter:none}
.credentials{display:grid;grid-template-columns:1fr 1fr;min-height:720px;background:#fff}.credentialsVisual{position:relative;overflow:hidden;background:#e9f1f4}.credentialsVisual>img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.82)}.credentialsVisual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,#06172599)}.credentialBadge{position:absolute;z-index:2;background:#fff;color:#0a2940;padding:13px 18px;border-radius:999px;box-shadow:0 10px 28px #001a2b2e;font-size:12px;font-weight:800}.badgeOne{left:7%;top:16%}.badgeTwo{right:7%;bottom:13%}.credentialsCopy{padding:78px 7vw 70px 6vw;align-self:center}.credentialsCopy h2{font-size:clamp(40px,4.6vw,70px);line-height:1.03;letter-spacing:-3px;margin:18px 0 25px}.credentialsCopy>p{color:#566672;line-height:1.75;max-width:690px}.credentialOptions{margin:32px 0 24px;border-top:1px solid #ccd7dc}.credentialOptions article{display:grid;grid-template-columns:42px 1fr;gap:16px;padding:19px 0;border-bottom:1px solid #ccd7dc}.credentialOptions article>span{color:#72c817;font-size:12px;font-weight:800}.credentialOptions h3{margin:0 0 7px;font-size:19px}.credentialOptions p{margin:0;color:#63727d;font-size:13px;line-height:1.55}.credentialTags{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0}.credentialTags span{padding:8px 11px;background:#eaf2f6;border-radius:999px;font-size:10px;font-weight:800;color:#244356}.credentialButton{display:inline-flex;align-items:center;gap:32px;background:#0a2940;color:#fff;padding:16px 21px;font-size:13px;font-weight:800}.credentialButton span{color:#72c817;font-size:20px}
@media(max-width:900px){.officialBrand img{width:165px}.footerBrand img{width:170px}.nav .officialBrand{padding:8px 12px;border-radius:10px}}
@media(max-width:560px){.officialBrand img{width:128px}.footerBrand img{width:190px}.nav .officialBrand{padding:7px 10px;border-radius:9px}.navCta{font-size:11px;padding:9px 11px}}
@media(max-width:900px){.credentials{grid-template-columns:1fr}.credentialsVisual{min-height:500px}.credentialsCopy{padding:72px 7vw}}
@media(max-width:560px){.credentialsVisual{min-height:400px}.credentialBadge{padding:10px 13px;font-size:10px}.credentialsCopy{padding:65px 22px}.credentialsCopy h2{font-size:43px;letter-spacing:-2px}.credentialOptions article{grid-template-columns:32px 1fr}}
:root{--navy:#071a2b;--blue:#1267d6;--sky:#a9d9eb;--amber:#ff9d2e;--paper:#f3f5f4;--ink:#102231}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-manrope),Arial,sans-serif}a{color:inherit;text-decoration:none}.nav{position:absolute;z-index:10;inset:0 0 auto;height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;color:white;border-bottom:1px solid #ffffff2d}.brand{display:flex;align-items:center;gap:12px;font-size:24px;letter-spacing:-1px}.brand small{display:block;font-size:8px;letter-spacing:2.2px}.brandMark{display:grid;place-items:center;width:45px;height:45px;border:2px solid;border-radius:50%;font-weight:800}.nav nav{display:flex;gap:30px;font-size:13px}.nav nav a{opacity:.78}.navCta{padding:12px 18px;border:1px solid #ffffff88;border-radius:999px;font-size:13px}
.hero{position:relative;min-height:100svh;background:linear-gradient(90deg,#03101de8 0%,#071a2b9e 48%,#071a2b18),url('/hero-julcatics-v2.png') center/cover;color:white;overflow:hidden;display:flex;align-items:center}.heroShade{position:absolute;inset:0;background:linear-gradient(180deg,#0003,transparent 65%,#03101d99)}.heroOrbit{position:absolute;width:52vw;height:52vw;border:14vw solid #1267d644;border-radius:50%;right:-8vw;top:8vh;mix-blend-mode:screen}.heroContent{position:relative;z-index:2;width:min(1040px,90vw);margin:75px auto 0}.kicker{font-size:11px;font-weight:800;letter-spacing:3.2px;color:#82c7ff}.hero h1{font-size:clamp(46px,7.4vw,108px);line-height:.96;letter-spacing:-5px;margin:22px 0 24px;max-width:1100px}.hero h1 em{font-style:normal;color:#68b9ff}.heroText{font-size:clamp(16px,1.35vw,21px);line-height:1.65;max-width:680px;color:#e5edf4}.primaryButton,.darkButton{display:inline-flex;align-items:center;gap:28px;margin-top:24px;padding:17px 23px;border:1px solid #57b4ff;border-radius:3px;font-weight:750;font-size:14px;background:#0b5fbd55}.primaryButton span{color:var(--amber);font-size:22px}.scrollCue{position:absolute;z-index:3;right:6vw;bottom:34px;width:112px;height:112px;border:1px solid #ffffff99;border-radius:50%;display:grid;place-items:center}.scrollCue span{position:absolute;width:90px;text-align:center;font-size:7px;letter-spacing:1.5px;line-height:1.8}.scrollCue b{font-size:28px}
.statement{padding:95px 6vw;background:var(--sky);display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.statement h2{font-size:clamp(42px,5vw,76px);line-height:1.07;letter-spacing:-3px;margin:0;max-width:650px}.statement p{font-size:clamp(18px,1.7vw,27px);line-height:1.2;margin:0;max-width:650px}.solutions{padding:110px 6vw;background:var(--navy);color:white}.sectionHead{display:grid;grid-template-columns:.5fr 1.4fr .8fr;align-items:end;gap:30px;margin-bottom:70px}.sectionHead>p,.kicker.dark{font-size:10px;color:var(--blue);letter-spacing:3px;font-weight:800}.sectionHead h2,.education h2,.equipment h2,.about h2,.partners h2,.contact h2{font-size:clamp(36px,4.8vw,72px);line-height:1.05;letter-spacing:-3px;margin:0}.sectionHead>span{font-size:13px;line-height:1.7;color:#afbcc6}.solutionsGrid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff2a}.solutionsGrid article{padding:30px 25px 36px;border-right:1px solid #ffffff2a;min-height:330px;display:flex;flex-direction:column}.solutionsGrid article>span{color:#67b9ff;font-size:12px}.solutionsGrid h3{font-size:25px;letter-spacing:-1px;margin:55px 0 18px}.solutionsGrid p{color:#adbac4;font-size:13px;line-height:1.7}.solutionsGrid a{margin-top:auto;font-size:12px;color:#70c0ff}
.education{display:grid;grid-template-columns:1fr 1fr;min-height:720px;background:white}.educationVisual{background:linear-gradient(#0d4f7566,#051725aa),url('/hero-julcatics-v2.png') 72% center/cover;display:flex;align-items:flex-end;padding:55px;color:white;font-weight:800;font-size:clamp(25px,3vw,48px);line-height:1}.educationCopy{padding:90px 8vw 70px 7vw}.educationCopy h2{font-size:clamp(38px,4vw,62px);margin:18px 0 30px}.educationCopy>p{line-height:1.8;color:#52616c}.educationCopy ul{list-style:none;padding:0;margin:35px 0}.educationCopy li{padding:14px 0;border-bottom:1px solid #d9e0e3;font-weight:700}.textLink{font-size:13px;color:var(--blue);font-weight:800}.equipment{padding:110px 7vw;background:#dde9ee;display:grid;grid-template-columns:1.2fr 1fr .5fr;gap:6vw;align-items:end}.equipmentList{display:grid;gap:13px}.equipmentList span{padding-bottom:13px;border-bottom:1px solid #9bb0bb;font-size:14px}.darkButton{background:var(--navy);color:white;border:0;text-align:center;justify-content:center}.about{padding:120px 8vw;background:#0a263a;color:white;display:grid;grid-template-columns:1.4fr 1fr;gap:10vw}.about h2{font-size:clamp(40px,5vw,72px);margin-top:20px}.about>div:last-child{align-self:end;color:#b6c6d0;line-height:1.8}.partners{padding:110px 7vw;background:white}.partners h2{max-width:850px;margin:20px 0 65px}.partners>div{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #bdc8cd}.partners span{padding:30px 20px;border-right:1px solid #bdc8cd;font-size:14px;font-weight:700}
.contact{padding:120px 7vw;background:#061725;color:white;display:grid;grid-template-columns:1fr 1.15fr;gap:10vw}.contact h2{margin:20px 0 28px}.contact>div>p{max-width:540px;color:#b2c3ce;line-height:1.8}.contact address{margin-top:45px;font-style:normal;font-size:13px;color:#6bbaff}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact label{font-size:11px;letter-spacing:1px;color:#9db1bd}.contact .optional{opacity:.72;letter-spacing:.4px}.contact input,.contact select,.contact textarea{display:block;width:100%;margin-top:9px;border:0;border-bottom:1px solid #ffffff52;background:transparent;color:white;padding:10px 2px;outline:none}.contact input::placeholder{color:#6f8592}.contact select option{color:#111}.contact textarea{height:75px;resize:vertical}.contact .wide,.formStatus{grid-column:1/-1}.contact button{grid-column:1/-1;background:var(--blue);border:0;color:white;padding:17px 22px;font-weight:800;display:flex;justify-content:space-between}.formStatus{font-size:12px;color:#8bd6a4;margin:0}footer{background:#fff;color:var(--navy);border-top:1px solid #dbe3e7;padding:34px 6vw;display:flex;align-items:center;justify-content:space-between}footer p{font-size:15px;font-weight:700;color:#09233a}footer>a:last-child{font-size:14px;font-weight:800;color:#0d5fb8;padding:11px 16px;border:1px solid #b8d4e7;border-radius:999px;transition:.2s ease}footer>a:last-child:hover{color:#09233a;border-color:#72c817;background:#f4faee}
@media(max-width:900px){.nav{height:78px}.nav nav{display:none}.heroContent{margin-top:45px}.hero h1{letter-spacing:-3px}.heroOrbit{width:90vw;height:90vw;border-width:25vw;right:-35vw}.scrollCue{width:80px;height:80px}.statement,.sectionHead,.education,.equipment,.about,.contact{grid-template-columns:1fr}.solutionsGrid{grid-template-columns:1fr 1fr}.educationVisual{min-height:520px}.partners>div{grid-template-columns:1fr 1fr}.contact{gap:60px}}
@media(max-width:560px){.nav{padding:0 20px}.navCta{padding:10px 12px}.brand{font-size:20px}.brandMark{width:39px;height:39px}.hero{min-height:760px;background-position:62% center}.heroContent{width:calc(100% - 40px)}.hero h1{font-size:49px;letter-spacing:-2.8px}.heroText{font-size:15px;max-width:92%}.scrollCue{right:20px;bottom:25px}.statement,.solutions,.equipment,.about,.partners,.contact{padding:80px 22px}.statement{gap:40px}.sectionHead{display:block}.sectionHead h2{margin:15px 0 20px}.solutionsGrid{grid-template-columns:1fr}.solutionsGrid article{min-height:270px;border-bottom:1px solid #ffffff2a}.educationVisual{min-height:430px;padding:25px}.educationCopy{padding:70px 22px}.partners>div{grid-template-columns:1fr}.partners span{border-bottom:1px solid #bdc8cd}.contact form{grid-template-columns:1fr}.contact label,.contact .wide{grid-column:1}.contact h2{font-size:47px}footer{flex-direction:column;gap:25px;text-align:center}}

/* Ritmo visual alternado: contenido e imagen cambian de lado */
.equipment{padding:0;grid-template-columns:1.05fr .8fr 1fr;gap:0;align-items:stretch}.equipmentIntro,.equipmentList{padding:90px 5vw}.equipmentIntro{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.equipmentIntro .darkButton{margin-top:38px}.equipmentList{display:flex;flex-direction:column;justify-content:center;gap:16px}.equipmentList span{padding-bottom:16px}.equipmentVisual{min-height:560px;overflow:hidden}.equipmentVisual img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:900px){.equipment{grid-template-columns:1fr}.equipmentIntro,.equipmentList{padding:65px 7vw}.equipmentList{padding-top:0}.equipmentVisual{min-height:460px}}
@media(max-width:560px){.equipment{padding:0}.equipmentIntro,.equipmentList{padding:60px 22px}.equipmentList{padding-top:0}.equipmentVisual{min-height:390px}}

/* Sistema UX homologado: cinco áreas con detalle progresivo */
.solutionsGrid{grid-template-columns:repeat(5,1fr)}.solutionsGrid article{min-height:470px}.solutionsGrid h3{font-size:21px}.solutionsGrid details{margin-top:auto;border-top:1px solid #ffffff28;padding-top:15px}.solutionsGrid summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;color:#70c0ff;font-size:12px}.solutionsGrid summary::-webkit-details-marker{display:none}.solutionsGrid summary b{font-size:18px;font-weight:400}.solutionsGrid details[open] summary b{transform:rotate(45deg)}.solutionsGrid ul{padding:13px 0 0 16px;margin:0;color:#c7d1d7;font-size:11px;line-height:1.55}.solutionsGrid li+li{margin-top:6px}
.about{display:block}.aboutLead{display:grid;grid-template-columns:.45fr 1.5fr .8fr;gap:4vw;align-items:start}.aboutLead>p:last-child{color:#b6c6d0;line-height:1.75;margin:0}.purposeGrid{display:grid;grid-template-columns:1fr 1fr;margin-top:70px;border-top:1px solid #ffffff2b}.purposeGrid article{padding:35px 5vw 35px 0;border-right:1px solid #ffffff2b}.purposeGrid article+article{padding-left:5vw}.purposeGrid span{color:#72c817;font-size:11px}.purposeGrid h3{font-size:26px;margin:15px 0}.purposeGrid p{color:#b6c6d0;line-height:1.7;font-size:13px;max-width:560px}.values{display:grid;grid-template-columns:.45fr 1.5fr;gap:4vw;border-top:1px solid #ffffff2b;padding-top:30px;margin-top:15px}.values>p{font-size:9px;letter-spacing:2.5px;color:#82c7ff}.values>div{display:flex;flex-wrap:wrap;gap:9px}.values span{border:1px solid #ffffff30;border-radius:999px;padding:9px 13px;color:#d5e0e6;font-size:11px}
@media(max-width:1100px){.solutionsGrid{grid-template-columns:repeat(2,1fr)}.solutionsGrid article{min-height:410px}}
@media(max-width:900px){.aboutLead{grid-template-columns:1fr}.aboutLead>p:last-child{max-width:620px}.values{grid-template-columns:1fr}.purposeGrid{margin-top:45px}}
@media(max-width:560px){.solutionsGrid{grid-template-columns:1fr}.solutionsGrid article{min-height:auto;padding-bottom:28px}.solutionsGrid details{margin-top:25px}.purposeGrid{grid-template-columns:1fr}.purposeGrid article,.purposeGrid article+article{padding:28px 0;border-right:0;border-bottom:1px solid #ffffff2b}.values{margin-top:25px}}

.sectionHead:has(>h2:last-child){grid-template-columns:.5fr 2.2fr}.solutions,.solutionsGrid,.solutionsGrid article{min-width:0}.solutionsGrid h3,.solutionsGrid p{overflow-wrap:anywhere}
@media(max-width:560px){.sectionHead:has(>h2:last-child){display:block}.solutions{overflow:hidden}.solutionPhoto{max-width:none}}

.discoveryBar{min-height:72px;background:#fff;color:#0a2940;display:flex;align-items:center;justify-content:center;gap:20px;font-size:10px;font-weight:800;letter-spacing:2.8px;border-bottom:1px solid #dce4e8}.discoveryBar i{color:#72c817;font-style:normal}.discoveryBar b{color:#1267d6;font-size:20px;margin-left:15px}.scrollCue{display:none}
@media(max-width:560px){.discoveryBar{min-height:60px;gap:8px;font-size:8px;letter-spacing:1.25px;padding:0 15px}.discoveryBar b{font-size:16px;margin-left:5px}}

/* Carrusel académico */
.academicCarousel{background:#fff;padding:90px 6vw 55px;overflow:hidden}.carouselIntro{display:grid;grid-template-columns:.5fr 1.4fr .8fr;gap:30px;align-items:end;margin-bottom:48px}.carouselIntro h2{font-size:clamp(38px,4.6vw,70px);line-height:1.03;letter-spacing:-3px;margin:0}.carouselIntro>p:last-child{color:#63727d;line-height:1.65;margin:0}.carouselStage{position:relative;min-height:520px}.academicSlide{position:absolute;inset:0;display:grid;grid-template-columns:1.05fr .95fr;background:#f3f6f7;opacity:0;visibility:hidden;transform:translateX(35px);transition:opacity .55s ease,transform .55s ease,visibility .55s}.academicSlide.active{opacity:1;visibility:visible;transform:none}.slideVisual{position:relative;min-height:520px;overflow:hidden}.slideVisual img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.82)}.slideVisual>span{position:absolute;left:25px;bottom:25px;background:#fff;padding:10px 14px;border-radius:999px;font-size:10px;font-weight:800}.slideCopy{padding:70px 7vw;display:flex;flex-direction:column;justify-content:center}.slideNumber{color:#72c817;font-size:11px;font-weight:800}.slideCopy h3{font-size:clamp(34px,4vw,62px);line-height:1.03;letter-spacing:-2.5px;margin:18px 0 22px}.slideCopy>p{color:#5e6d77;line-height:1.75;max-width:560px}.slideTags{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.slideTags span{background:#e5eef2;color:#244356;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:800}.slideCopy>a{display:inline-flex;align-self:flex-start;gap:35px;background:#0a2940;color:#fff;padding:16px 20px;font-size:12px;font-weight:800}.slideCopy>a b{color:#72c817}.carouselArrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1px solid #0a294044;background:#fff;color:#1267d6;font-size:20px;cursor:pointer}.carouselArrow.prev{left:18px}.carouselArrow.next{right:18px}.carouselDots{display:flex;justify-content:center;gap:9px;margin-top:25px}.carouselDots button{width:28px;height:3px;border:0;background:#b8c7ce;padding:0;cursor:pointer}.carouselDots button.active{background:#1267d6;width:52px}
@media(max-width:900px){.carouselIntro{grid-template-columns:1fr}.carouselIntro>p:last-child{max-width:620px}.academicSlide{grid-template-columns:1fr}.carouselStage{min-height:860px}.slideVisual{min-height:430px}.slideCopy{padding:55px 8vw}.carouselArrow{top:405px}}
@media(max-width:560px){.academicCarousel{padding:70px 0 40px}.carouselIntro{padding:0 22px;margin-bottom:35px}.carouselIntro h2{font-size:42px;letter-spacing:-2px}.carouselStage{min-height:735px}.slideVisual{min-height:330px}.slideCopy{padding:42px 22px}.slideCopy h3{font-size:37px}.carouselArrow{top:307px;width:42px;height:42px}.carouselArrow.prev{left:10px}.carouselArrow.next{right:10px}.slideVisual>span{left:16px;bottom:16px}}

.carouselIntro:has(.bandEyebrow){position:relative;display:block;background:linear-gradient(120deg,#071a2b 0%,#0b3552 55%,#1267d6 145%);color:#fff;margin:-90px -6vw 48px;padding:72px 6vw 80px;text-align:center;overflow:hidden}.carouselIntro:has(.bandEyebrow):before{content:"";position:absolute;width:420px;height:420px;border:95px solid #72c81718;border-radius:50%;right:-160px;top:-235px}.carouselIntro:has(.bandEyebrow):after{content:"";position:absolute;left:50%;bottom:0;width:120px;height:5px;background:#72c817;transform:translateX(-50%)}.bandEyebrow{position:relative;z-index:1;display:block;color:#a9d9eb;font-size:9px;font-weight:800;letter-spacing:3.4px;margin-bottom:22px}.carouselIntro:has(.bandEyebrow) h2{position:relative;z-index:1;max-width:1200px;margin:0 auto;font-size:clamp(44px,6vw,92px);letter-spacing:-4px}.carouselIntro h2 span,.carouselIntro h2 strong{display:block}.carouselIntro h2 span{color:#fff;font-weight:400}.carouselIntro h2 strong{color:#a9d9eb;font-weight:650}
@media(max-width:560px){.carouselIntro:has(.bandEyebrow){margin:-70px 0 35px;padding:50px 22px 58px}.carouselIntro:has(.bandEyebrow) h2{font-size:42px;letter-spacing:-2px}.bandEyebrow{font-size:8px;letter-spacing:2.2px;margin-bottom:18px}.carouselIntro:has(.bandEyebrow):before{width:260px;height:260px;border-width:60px;right:-130px;top:-140px}}
.sectorLabel{display:block;align-self:stretch;color:#1267d6;font-size:13px;font-weight:800;letter-spacing:2.5px;line-height:1.5;margin:0 0 24px;text-align:center}
@media(max-width:560px){.sectorLabel{font-size:10px;letter-spacing:1.55px;margin-bottom:18px}}

/* Ajustes del formulario seguro */
.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.contact .privacy{display:flex;align-items:flex-start;gap:10px;line-height:1.5}.contact .privacy input{display:inline-block;width:18px;min-width:18px;margin:0;accent-color:#72c817}.contact button:disabled{opacity:.62;cursor:wait}.formStatus.success{color:#8bd6a4}.formStatus.error{color:#ffb4ab}

/* Rutas estáticas del VPS */
.hero{background-image:linear-gradient(90deg,#03101de8 0%,#071a2b9e 48%,#071a2b18),url('../images/hero-julcatics-v2.png')}