/* MasterTech expansion v1 — scoped responsive interior pages, no external framework. */
:root{--mtx-navy:#071327;--mtx-blue:#0c62c9;--mtx-ink:#142e52;--mtx-muted:#546985;--mtx-border:#d6e2f0}
.mtx-main{background:#f4f7fc;color:var(--mtx-ink);min-height:65vh}.mtx-main p{line-height:1.7}
.mtx-shell{width:min(1160px,calc(100% - 44px));margin:auto}
.mtx-hero{background:radial-gradient(ellipse at 84% 12%,#1568b860,transparent 47%),linear-gradient(135deg,#08162f,#0d284c 70%,#102f58);color:#f1f7ff;padding:clamp(58px,7vw,105px) 0 67px;overflow:hidden}
.mtx-hero-inner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:44px;align-items:center}
.mtx-overline{display:inline-block;text-transform:uppercase;letter-spacing:.16em;font-size:12px;color:#7cccff;font-weight:750;margin-bottom:19px}
.mtx-hero h1{font-size:clamp(38px,4.9vw,69px);line-height:1.09;letter-spacing:-.055em;max-width:16ch}
.mtx-hero h1 em{color:#8fd2ff;font-style:normal}.mtx-hero p{color:#ccddf3;max-width:58ch;font-size:clamp(16px,1.55vw,19px)}
.mtx-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.mtx-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:11px 18px;background:#1475dc;color:white!important;border:1px solid #197ce8;border-radius:9px;font-weight:730;font-size:14px;box-shadow:0 8px 30px #051a3450}
.mtx-button:hover{background:#0c60bc}.mtx-button.secondary{background:transparent;border-color:#7199bd;color:#e4f3ff!important;box-shadow:none}
.mtx-button.secondary:hover{background:#ffffff12}
.mtx-hero-media{position:relative;border:1px solid #3e648b;border-radius:20px;min-height:260px;overflow:hidden;background:linear-gradient(150deg,#103b67,#091328)}
.mtx-hero-media img{width:100%;height:100%;min-height:300px;max-height:410px;display:block;object-fit:cover;filter:saturate(.84)}
.mtx-hero-media .mtx-media-label{position:absolute;bottom:12px;left:12px;right:12px;color:#e5f5ff;padding:8px 12px;background:#091729c9;border:1px solid #719cc062;border-radius:7px;font-size:11px;letter-spacing:.035em}
.mtx-media-fallback{display:grid;place-content:center;text-align:center;min-height:280px;padding:36px;color:#95d5ff;background:radial-gradient(circle at 40% 25%,#144b82,#0b203f 65%,#061126)}
.mtx-media-fallback strong{font-size:clamp(26px,4vw,43px);letter-spacing:-.06em}.mtx-media-fallback small{color:#c2d7f0}
.mtx-section{padding:clamp(46px,6vw,78px) 0}.mtx-section.alt{background:#fff}
.mtx-section h2{font-size:clamp(28px,3.1vw,42px);letter-spacing:-.045em;line-height:1.2}
.mtx-lead{max-width:70ch;color:#526581;font-size:16px;margin:12px 0 25px}
.mtx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:25px}
.mtx-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.mtx-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.mtx-card{min-width:0;border:1px solid #d7e4f2;border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 9px 28px #0b2d5a0d;display:flex;flex-direction:column}
.mtx-card .mtx-card-media{height:180px;background:#0a2445;overflow:hidden}.mtx-card-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s}.mtx-card:hover .mtx-card-media img{transform:scale(1.035)}
.mtx-card-body{padding:23px;display:flex;flex:1;flex-direction:column}
.mtx-card h3{font-size:22px;line-height:1.22;color:#153258;letter-spacing:-.025em;margin:7px 0 5px}
.mtx-card p{font-size:14px;color:#556a83;margin:6px 0 14px}
.mtx-kicker{font-size:11px;color:#1f65a8;letter-spacing:.11em;text-transform:uppercase;font-weight:780}
.mtx-card-link{margin-top:auto;display:inline-flex;align-items:center;min-height:42px;color:#095da8;font-weight:730;font-size:14px;gap:7px}
.mtx-card-link:hover{text-decoration:underline}
.mtx-badges{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 16px}
.mtx-badges span{background:#eaf2fc;color:#255685;border:1px solid #d1e2f4;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:710}
.mtx-prose{max-width:80ch}.mtx-prose p{font-size:16px;color:#445e78}.mtx-prose h2,.mtx-prose h3{margin:29px 0 11px}.mtx-prose ul{padding-left:20px;color:#445e78;line-height:1.75}.mtx-prose li{margin-bottom:6px}
.mtx-split{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:start}.mtx-panel{border:1px solid #d8e6f4;background:#fff;border-radius:16px;padding:26px;box-shadow:0 12px 33px #062c520c}
.mtx-panel.dark{background:#0b2242;color:#f5faff;border-color:#204e82}.mtx-panel.dark p{color:#c1d4ee}
.mtx-callout{background:#e8f2ff;border-left:4px solid #1672d0;padding:17px 20px;margin:18px 0;border-radius:0 9px 9px 0;color:#214666;font-size:14px}
.mtx-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:26px}
.mtx-step{padding:22px;border:1px solid #d7e4f2;background:#fff;border-radius:14px}
.mtx-step b{font-size:12px;letter-spacing:.12em;color:#116bd0}.mtx-step h3{margin-top:10px;font-size:19px}.mtx-step p{font-size:14px;color:#536b85}
.mtx-form label{display:block;font-weight:720;font-size:13px;margin-bottom:6px;color:#223f5e}
.mtx-field{margin-bottom:15px}
.mtx-form input,.mtx-form select,.mtx-form textarea{width:100%;padding:12px 13px;border:1px solid #bacde1;border-radius:8px;background:#fff;color:#193a5b;min-height:46px;font-size:15px}
.mtx-form textarea{min-height:118px;resize:vertical}
.mtx-form .mtx-button{width:100%;cursor:pointer}
.mtx-form .mtx-hint{font-size:12px;color:#536a83;line-height:1.55}
.mtx-choice{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}
.mtx-choice a{display:inline-flex;min-height:44px;align-items:center;padding:9px 13px;border:1px solid #cbdcee;border-radius:8px;color:#175da2;font-weight:710}
.mtx-choice a:hover{background:#e9f3ff}
.mtx-status{font-size:13px;min-height:21px;margin-top:12px;color:#1a5c92}
.mtx-quiz fieldset{border:0;padding:0;margin:0}.mtx-quiz legend{font-weight:750;font-size:19px;margin-bottom:15px;color:#1c3f66}
.mtx-quiz label{display:block;border:1px solid #c9dced;padding:13px 15px;margin-bottom:9px;border-radius:8px;cursor:pointer;color:#245078;background:#fff}
.mtx-quiz label:has(input:checked){background:#e6f2ff;border-color:#1874cc}
.mtx-quiz input{accent-color:#166ccb;margin-right:8px}.mtx-quiz-result{min-height:45px;color:#1d426c;padding-top:12px}
.mtx-resource-nav{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.mtx-resource-nav a{padding:8px 12px;border-radius:7px;background:#e7eff9;color:#24517e;font-size:13px}
.mtx-resource-nav a:hover{background:#cee2f8}
.mtx-banner{padding:36px;border-radius:17px;background:radial-gradient(circle at 85% 30%,#206cc45e,transparent 48%),linear-gradient(120deg,#0a2042,#133d6b);color:#fff;display:flex;gap:20px;justify-content:space-between;align-items:center;margin:28px 0}
.mtx-banner p{font-size:14px;color:#c9ddf5;max-width:65ch}
.mtx-notice{font-size:12px;line-height:1.5;color:#677d96;margin-top:11px}
.mtx-footer{background:#071428;color:#c8daf1;padding:39px 0}.mtx-footer-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}
.mtx-footer-links{display:flex;flex-wrap:wrap;gap:12px 24px}.mtx-footer a{color:#d9e9f8;font-size:13px}.mtx-footer a:hover{text-decoration:underline}
.mtx-nav{display:flex;gap:16px;flex-wrap:wrap}.mtx-nav a{font-size:13px;font-weight:650;color:#d3e5f7;min-height:44px;display:inline-flex;align-items:center}
.mtx-nav a:hover{color:#90d1ff}
.mtx-mobile-nav{display:none}.mtx-mobile-nav a{display:block;padding:13px 15px;border-top:1px solid #315579;color:#dceeff}
.mtx-mobile-toggle{display:none;min-height:44px;background:transparent;border:1px solid #719abe;color:#fff;border-radius:8px;padding:8px 13px}
.mtx-project-intro{display:grid;grid-template-columns:2fr 1fr;gap:30px}
.mtx-logo{display:block;width:198px;height:auto;max-width:55vw}
.mtx-screenshot-note{color:#bfd7ed;font-size:12px}
@media(max-width:1050px){.mtx-nav{gap:9px}.mtx-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.mtx-hero-inner{gap:25px}}
@media(max-width:850px){.mtx-nav{display:none}.mtx-mobile-toggle{display:inline-flex;align-items:center}.mtx-mobile-nav:not([hidden]){display:block;position:absolute;top:100%;right:0;left:0;background:#081b36;z-index:150;padding:8px 24px;box-shadow:0 20px 40px #06102180}.mtx-hero-inner,.mtx-split,.mtx-project-intro{grid-template-columns:1fr}.mtx-hero-media{max-height:350px}.mtx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mtx-steps{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.mtx-shell{width:min(100% - 34px,1160px)}.mtx-hero{padding:45px 0}.mtx-hero h1{font-size:clamp(35px,10.3vw,49px)}.mtx-grid,.mtx-grid.two,.mtx-grid.four,.mtx-steps{grid-template-columns:1fr}.mtx-hero-actions .mtx-button{width:100%}.mtx-banner{padding:23px;align-items:flex-start;flex-direction:column}.mtx-panel{padding:20px}.mtx-hero-media img{min-height:230px}.mtx-card .mtx-card-media{height:210px}}
@media(prefers-reduced-motion:reduce){.mtx-card-media img,.mtx-button{transition:none!important}.mtx-main{scroll-behavior:auto}}


/* Homepage exploration and raster photography; legacy drawn diagrams remain in HTML as fallback only. */
.mtx-home-explore{padding:66px 0;background:linear-gradient(160deg,#eaf2fd,#f9fbff);color:#153357}
.mtx-home-explore .mtx-shell>h2{font-size:clamp(30px,3.6vw,48px);max-width:18ch;letter-spacing:-.045em}
.mtx-home-explore .mtx-lead{max-width:76ch}
.mtx-home-explore .mtx-card{transition:transform .2s,box-shadow .2s}
.mtx-home-explore .mtx-card:hover{transform:translateY(-3px);box-shadow:0 14px 36px #0c2e5718}
.mtx-home-explore .mtx-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.engineering-art:has(.mtx-showcase-photo){padding:0!important;display:block!important;position:relative!important;overflow:hidden!important;min-height:185px!important;background:#0c2949!important}
.engineering-art .mtx-showcase-photo{display:block;width:100%;height:190px;object-fit:cover;object-position:center;filter:saturate(.86) contrast(1.06);border:0}
.engineering-art:has(.mtx-showcase-photo) > :not(.mtx-showcase-photo){display:none!important}
.mtx-card-detail{display:inline-flex;align-items:center;min-height:42px;color:#0b5eae!important;font-size:13px;font-weight:750;margin-top:5px}
html[lang^="en"] .mtx-card-detail::before{content:"View project details →"}
html[lang^="es"] .mtx-card-detail::before{content:"Ver ficha del proyecto →"}
.mtx-card-detail:hover{text-decoration:underline}
.mtx-raster-notice{font-size:12px;max-width:95ch;color:#556e89;margin-top:17px;line-height:1.65}
@media(max-width:900px){.mtx-home-explore .mtx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.mtx-home-explore{padding:49px 0}.mtx-home-explore .mtx-grid{grid-template-columns:1fr}.engineering-art .mtx-showcase-photo{height:205px}}

/* Prevent header overflow on narrow screens: contact remains in the expanded mobile menu. */
@media(max-width:850px){.site-header .mtx-button{display:none!important}}

/* MTWEB-033: preserve complete UI captures; captions sit outside the screenshot. */
.engineering-card .project-capture{display:block;padding:0;margin:0;min-height:0;height:auto;overflow:hidden;background:#09172c}
.project-capture>a{display:block;min-width:0}
.engineering-card .project-capture img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;object-position:center;background:#0b1020;filter:none}
.project-capture figcaption{padding:11px 16px;color:#d3e6fc;background:#102440;border-top:1px solid #345171;font-size:11px;line-height:1.5;min-height:52px}
.mtx-main .project-proof{margin:0;min-height:0;max-height:none;align-self:start;background:#0b1020;border-radius:12px}
.mtx-main .project-proof a{display:block}
.mtx-main .project-proof img{display:block;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:16/10;object-fit:contain;filter:none}
.mtx-main .project-proof .mtx-media-label{position:static;margin:0;border:0;border-top:1px solid #3e648b;border-radius:0;padding:13px 16px;background:#102440;color:#d9e9fc;letter-spacing:0;line-height:1.5;font-size:12px}
.mtx-main .mtx-hero-inner:has(.project-proof){grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px;align-items:start}
.mtx-card .mtx-card-media{height:auto;overflow:hidden;background:#0b1020}
.mtx-card-media img{height:auto;aspect-ratio:16/10;object-fit:contain;object-position:center;filter:none}
.mtx-card:hover .mtx-card-media img{transform:none}
.project-image-caption{display:block;min-height:58px;padding:10px 15px;background:#eaf1fa;color:#35536f;border-top:1px solid #cedbea;font-size:11px;line-height:1.5}
.project-proof a:focus-visible,.project-capture a:focus-visible{outline:3px solid #9bdcff;outline-offset:-4px}
#laboratorio{scroll-margin-top:96px}
@media(max-width:900px){.mtx-main .mtx-hero-inner:has(.project-proof){grid-template-columns:1fr}.mtx-main .project-proof{width:100%;max-width:760px}}
@media(max-width:600px){.project-capture figcaption,.project-image-caption{min-height:0}.mtx-main .project-proof{border-radius:9px}}