:root{--navy:#062e3a;--navy2:#0c4657;--teal:#087b97;--orange:#ffa500;--ink:#172d38;--muted:#657983;--bg:#f5f8fa;--line:#dfebee;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.container{width:min(1150px,calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:12px;z-index:99;background:#fff;padding:12px}.skip-link:focus{top:12px}.site-header{position:absolute;inset:0 0 auto;z-index:10}.navigation{display:flex;align-items:center;justify-content:space-between;height:103px;gap:25px}.brand{display:block;width:202px;height:98px;display:flex;align-items:center}.brand img{display:block;width:195px;height:auto;object-fit:contain}.nav-links{display:flex;align-items:center;gap:31px;color:#e8f0f2;font-size:.92rem;font-weight:600}.nav-links>a:not(.nav-contact):hover{color:var(--orange)}.nav-contact{padding:10px 19px;border:1px solid #62838e;border-radius:999px;transition:.2s}.nav-contact:hover{background:var(--orange);color:#122d35;border-color:var(--orange)}.nav-toggle{display:none}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 90% 65%,#136076 0,#0a4050 38%,#062b39 78%);color:white;border-radius:0 0 46px 46px;min-height:635px}.hero-inner{min-height:635px;display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:center;padding-top:100px;padding-bottom:65px}.hero-copy{position:relative;z-index:2}.eyebrow,.section-kicker{font-size:.76rem;font-weight:800;letter-spacing:.12em;color:var(--teal);margin:0 0 15px}.eyebrow{color:#fcbf5c;display:flex;align-items:center;gap:11px}.eyebrow-line{width:25px;height:2px;background:var(--orange)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.8rem,5vw,4.65rem);letter-spacing:-.055em;line-height:1.12;margin-bottom:25px;font-weight:800}h1 span{color:#ffb22a}.hero-description{font-size:1.08rem;max-width:570px;color:#d2e4e9;margin-bottom:32px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{border-radius:8px;display:inline-flex;align-items:center;gap:19px;padding:14px 20px;font-size:.92rem;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{color:#193038;background:var(--orange)}.button-primary:hover{background:#ffc157}.button-outline{border:1px solid #7698a2;color:#fff}.button-outline:hover{background:#ffffff19}.hero-art{height:400px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #74b9c42e;border-radius:50%;transform:rotate(-22deg)}.orbit-one{height:350px;width:420px}.orbit-two{height:270px;width:340px}.hero-symbol{width:240px;height:250px;position:relative;border-radius:32px;background:linear-gradient(155deg,#125769,#07303e);border:1px solid #348396;box-shadow:0 30px 75px #001c2790;transform:rotate(-9deg);display:grid;place-items:center}.symbol-window{position:absolute;inset:18px 18px auto;height:45px;border-bottom:1px solid #5b9eaa;display:flex;gap:7px;align-items:center}.symbol-window i{display:block;width:9px;height:9px;border-radius:50%;background:#c1e0e5}.symbol-window i:nth-child(2){background:#ffb443}.symbol-code{color:#e2fafc;font-size:5rem;font-weight:800;letter-spacing:-.11em}.floating-pill{position:absolute;padding:10px 14px;background:#fff;color:#244553;box-shadow:0 12px 30px #0016204d;border-radius:10px;font-size:.76rem;font-weight:700}.pill-top{right:0;top:85px}.pill-bottom{left:0;bottom:67px}.pill-dot{display:inline-block;background:var(--teal);width:8px;height:8px;border-radius:50%;margin-right:5px}.pill-dot.orange{background:var(--orange)}.section{padding:95px 0}.intro-grid{display:grid;grid-template-columns:.95fr 1fr;gap:95px;align-items:center}.intro h2,.section-heading h2,.project-copy h2,.contact-panel h2{font-size:clamp(2rem,3.4vw,3rem);letter-spacing:-.045em;line-height:1.2;margin-bottom:0}.intro-copy{color:#526974;font-size:1.04rem}.intro-copy p:last-child{margin-bottom:0}.services-section{background:var(--bg)}.section-heading{max-width:680px;margin-bottom:36px}.section-heading h2{margin-bottom:12px}.section-heading>p:last-child{color:var(--muted)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{background:white;padding:32px 28px 23px;border:1px solid var(--line);border-radius:15px;position:relative;min-height:326px;transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #073e5013}.service-icon{height:60px;width:60px;border-radius:14px;background:#e5f4f7;color:#076a81;display:grid;place-items:center;margin-bottom:26px}.service-icon svg{width:32px;height:32px}.service-card h3{font-size:1.16rem;line-height:1.35;margin-bottom:12px}.service-card p{color:var(--muted);font-size:.93rem;margin-bottom:25px}.service-number{color:#b4c9ce;font-weight:800;font-size:.83rem}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.project-visual{height:325px;border-radius:20px;background:linear-gradient(135deg,#edf5f8,#d8ebf0);display:grid;place-items:center;padding:30px}.project-screen{position:relative;width:92%;height:240px;background:white;border:7px solid #133d4d;border-radius:12px;box-shadow:15px 18px 0 #a7c8d2;overflow:hidden}.mock-top{height:30px;background:#e7f0f4;display:flex;gap:6px;padding:11px}.mock-top span{width:8px;height:8px;border-radius:50%;background:#9fb8c2}.mock-sidebar{position:absolute;left:0;top:30px;bottom:0;width:55px;background:#0d3b4a;display:flex;flex-direction:column;gap:16px;padding:20px 14px}.mock-sidebar i{height:6px;background:#6e9aa7;border-radius:2px}.mock-content{margin:28px 20px 0 73px;font-size:1.15rem;color:#104a5a}.mock-bars{display:flex;flex-direction:column;gap:9px;margin-top:20px}.mock-bars i{display:block;height:10px;width:100%;background:#d6e9ed;border-radius:4px}.mock-bars i:nth-child(2){width:70%}.mock-bars i:nth-child(3){width:82%}.mock-cards{display:flex;gap:9px;margin-top:22px}.mock-cards i{display:block;width:33%;height:32px;border-radius:5px;background:#e7f4f5}.project-copy p:not(.section-kicker){color:var(--muted);margin-top:22px}.text-link{display:inline-block;color:#08738a;font-weight:750;margin-top:12px}.text-link:hover{text-decoration:underline}.contact-section{padding-top:35px;padding-bottom:95px}.contact-panel{background:linear-gradient(120deg,#07313d,#0e5162);border-radius:20px;padding:56px;display:grid;grid-template-columns:1.1fr .7fr;gap:65px;align-items:center;color:white}.section-kicker.light{color:#ffb139}.contact-panel h2{margin-bottom:18px}.contact-panel p:not(.section-kicker){color:#cfe0e5}.contact-aside{border-left:2px solid #ffaf27;padding-left:28px}.contact-note{font-size:.9rem;opacity:.76;margin-bottom:0}.footer{border-top:1px solid var(--line);padding:25px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:22px}.footer img{width:128px;height:auto;filter:brightness(0) saturate(100%) invert(13%) sepia(29%) saturate(1200%) hue-rotate(150deg)}.footer-links{display:flex;gap:20px;flex-wrap:wrap;font-size:.86rem}.footer-links a:hover{color:var(--teal)}.footer p{margin:0;color:#82919a;font-size:.77rem}@media(max-width:920px){.hero-inner{grid-template-columns:1fr .65fr}.hero-art{transform:scale(.78);margin-left:-45px}.navigation{height:86px}.intro-grid,.project-grid{gap:45px}.service-card{padding:25px 20px}.contact-panel{gap:35px}}@media(max-width:720px){.container{width:min(100% - 36px,1150px)}.site-header{position:absolute}.navigation{height:86px}.brand{width:155px;height:75px}.brand img{width:150px}.nav-toggle{display:flex;flex-direction:column;gap:5px;justify-content:center;align-items:center;height:44px;width:44px;border:1px solid #6c96a0;border-radius:8px;background:transparent;cursor:pointer}.nav-toggle span{background:white;width:20px;height:2px;border-radius:2px}.nav-links{display:none;position:absolute;left:18px;right:18px;top:82px;background:#083846;border:1px solid #426b76;border-radius:14px;padding:18px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 20px 35px #001f2d6b}.nav-links.open{display:flex}.nav-links a{padding:10px 12px}.nav-contact{text-align:center;margin-top:10px}.hero{min-height:0;border-radius:0 0 27px 27px}.hero-inner{display:block;min-height:0;padding-top:160px;padding-bottom:78px}.hero-copy{max-width:590px}.hero h1{font-size:clamp(2.75rem,10vw,4rem)}.hero-art{display:none}.section{padding:66px 0}.intro-grid,.project-grid,.contact-panel{grid-template-columns:1fr;gap:24px}.services-grid{grid-template-columns:1fr}.service-card{min-height:auto}.section-heading{margin-bottom:25px}.project-visual{height:255px}.project-screen{height:190px}.contact-section{padding-top:15px;padding-bottom:60px}.contact-panel{padding:32px 24px}.contact-aside{padding-left:20px}.footer-inner{flex-direction:column;align-items:flex-start}.footer img{width:125px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Contacto directo — versión 2 */
.contact-panel{grid-template-columns:.88fr 1.12fr;gap:52px}
.contact-intro .contact-hours{font-size:.89rem;color:#aecbd2;margin-top:22px}
.contact-methods{display:grid;gap:12px;min-width:0}
.contact-method{background:#fff;color:#193743;border-radius:12px;padding:16px;display:flex;align-items:center;gap:14px;min-width:0;transition:transform .2s,box-shadow .2s}
a.contact-method:hover{transform:translateY(-2px);box-shadow:0 10px 28px #001e2c3d}
.contact-icon{flex:none;background:#eaf4f6;border-radius:11px;width:43px;height:43px;display:grid;place-items:center;font-size:1.3rem;color:#086a80}
.contact-method-text{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.4}
.contact-method-text strong{font-size:.91rem}
.contact-method-text>span{font-size:.84rem;overflow-wrap:anywhere;color:#526e78}
.contact-arrow{font-size:1.15rem;color:#087b97}
.contact-phone{flex-wrap:wrap}
.contact-phone-actions{display:flex;gap:8px;flex-wrap:wrap;width:100%;padding-left:57px}
.contact-phone-actions a{font-size:.82rem;font-weight:750;background:#e8f3f6;color:#075c72;padding:7px 12px;border-radius:7px}
.contact-phone-actions a:first-child{background:#e0f4e7;color:#166c3b}
.contact-phone-actions a:hover{text-decoration:underline}
@media(max-width:920px){.contact-panel{gap:30px}}
@media(max-width:720px){.contact-panel{grid-template-columns:1fr;padding:32px 21px}.contact-method{padding:13px;gap:10px}.contact-icon{width:38px;height:38px}.contact-method-text>span{font-size:.78rem}.contact-phone-actions{padding-left:48px}}

/* Refinamientos de diseño — versión 4 */
@media(min-width:921px){
  .navigation{height:116px}
  .brand{width:234px;height:110px}
  .brand img{width:228px;max-height:110px;object-fit:contain}
}
.intro{padding-top:64px;padding-bottom:66px}
.intro-grid{gap:65px}
.intro-copy p{margin-bottom:14px}
.project-visual{background:linear-gradient(145deg,#eaf5f7,#cee7ed);padding:28px;overflow:hidden}
.sira-showcase{width:min(100%,430px);min-height:255px;border:1px solid #c2dce4;border-radius:20px;background:linear-gradient(180deg,#ffffff,#f7fbfc);box-shadow:0 18px 35px #1648571a;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:26px 24px}
.sira-showcase-kicker{font-size:.68rem;color:#08758c;letter-spacing:.13em;font-weight:800;margin-bottom:14px}
.sira-logo-wrap{width:100%;background:#fff;border:1px solid #d6e8ed;border-radius:16px;padding:18px 18px 14px;box-shadow:inset 0 1px 0 #ffffff,0 8px 20px #0f4d5a0a}
.sira-logo{display:block;width:min(100%,330px);height:auto;margin:0 auto}
.sira-showcase-description{font-size:.92rem;color:#4f6c77;margin-top:16px;max-width:300px}
.sira-showcase-rule{width:56px;height:3px;background:var(--orange);border-radius:2px;margin:16px 0 12px}
.sira-showcase-foot{font-size:.77rem;color:#6e8791;font-weight:600}
.project-copy p:not(.section-kicker)+p{margin-top:14px}
.footer img{width:154px;max-height:91px;object-fit:contain;filter:brightness(0) saturate(100%) invert(13%) sepia(29%) saturate(1200%) hue-rotate(150deg)}
@media(max-width:920px){.intro-grid{gap:35px}}
@media(max-width:720px){
  .brand{width:168px;height:78px}.brand img{width:164px;max-height:78px}
  .intro{padding-top:52px;padding-bottom:54px}
  .project-visual{height:auto;min-height:290px;padding:20px}
  .sira-showcase{min-height:230px;padding:22px 16px}
  .sira-logo-wrap{padding:14px 12px}
  .sira-logo{width:min(100%,280px)}
  .footer img{width:142px}
}

/* Ajuste v5: marco azul visible alrededor de SIRA EDU */
.project-visual{height:auto;min-height:410px;padding:30px;display:flex;align-items:center;justify-content:center;overflow:visible}
.sira-showcase{box-sizing:border-box;width:min(100%,430px);min-height:0;padding:22px 22px 20px;flex:0 1 auto}
.sira-showcase-kicker{margin-bottom:10px}
.sira-logo-wrap{box-sizing:border-box;padding:14px 15px 12px}
.sira-logo{max-width:100%;height:auto;object-fit:contain}
.sira-showcase-description{margin-top:12px}
.sira-showcase-rule{margin:12px 0 9px}
@media(max-width:720px){.project-visual{height:auto;min-height:0;padding:22px}.sira-showcase{min-height:0;padding:20px 16px}.sira-logo-wrap{padding:12px}}