:root{--green:#008b3b;--red:#ae0012;--ink:#0b1518;--muted:#61706b;--light:#f5f7f5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,'Segoe UI',Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #e8ece9}.nav{height:86px;display:flex;align-items:center;justify-content:space-between}.brand img{width:245px;max-height:72px;object-fit:contain;object-position:left center}.nav nav{display:flex;gap:30px;align-items:center;font-size:13px;font-weight:700}.nav nav a:hover,.textlink{color:var(--green)}.navcta{background:var(--green);padding:14px 19px;border-radius:4px;color:white!important}.menu{display:none}.hero{min-height:680px;background:#061014;color:white;position:relative;overflow:hidden;display:flex;align-items:center}.hero-image{position:absolute;inset:0;background:linear-gradient(90deg,#061014 0%,rgba(6,16,20,.96) 30%,rgba(6,16,20,.42) 100%),url('assets/brochure-1.jpg') center/cover no-repeat;filter:saturate(.8)}.hero-content{position:relative;padding:88px 0}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:2.4px;color:var(--green)}.eyebrow{color:#8de0a4}.dot{display:inline-block;width:8px;height:8px;background:#41d07d;border-radius:50%;margin-right:8px}.hero h1{font-size:clamp(48px,6vw,86px);letter-spacing:-3px;line-height:1.06;margin:28px 0}.hero h1 em{font-style:normal;color:#5ed68d}.hero p{max-width:580px;font-size:19px;line-height:1.7;color:#d8e0dd}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 62px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;padding:17px 23px;border-radius:4px;font-weight:800;font-size:13px}.btn.green{background:var(--green);color:white}.btn.green:hover,.navcta:hover{background:#006d30}.btn.outline{border:1px solid #91a29c;color:white}.hero-facts{display:flex;gap:35px;flex-wrap:wrap}.hero-facts div{border-left:2px solid var(--green);padding-left:17px}.hero-facts strong{display:block;font-size:20px}.hero-facts small{display:block;color:#aebdb6;margin-top:6px}.section{padding:105px 0}.two{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}h2{font-size:clamp(36px,4.2vw,56px);letter-spacing:-2px;line-height:1.13;margin:21px 0 24px}h2 span{color:var(--green)}.section p{font-size:16px;line-height:1.85;color:#65736c}.photo img{width:100%;display:block;border-radius:7px;box-shadow:20px 20px 0 #e5f2e9}.textlink{font-weight:800;font-size:14px;display:inline-block;margin-top:15px}.services{background:var(--light)}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:30px}.sectionhead p{max-width:340px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:23px}.service{background:#fff;overflow:hidden;border:1px solid #e3e9e4;border-radius:7px}.service img{width:100%;height:250px;object-fit:cover;display:block}.service>div{padding:26px 28px}.service span{font-size:10px;letter-spacing:1.4px;font-weight:800;color:var(--green)}h3{font-size:23px;letter-spacing:-.6px;margin:11px 0}.service p{font-size:14px;margin:0}.dark{background:#0a1717;color:#fff}.dark h2 span{color:#69d18d}.dark p{color:#c0ccc6}.dark .note{font-size:12px;color:#9db0a6}.standards{display:grid;gap:14px}.standard{padding:24px 28px;border:1px solid #345046;border-left:4px solid var(--green);background:#112420}.standard strong{display:block;font-size:23px}.standard span{font-size:13px;color:#a8bdb2;display:block;margin-top:7px}.methods{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.methods>div{background:#f4f7f4;padding:33px;border-top:3px solid var(--green)}.methods b{font-size:33px;color:var(--green)}.methods h3{font-size:20px}.methods p{font-size:14px}.contact{background:#edf5ef}.contactbox{background:#fff;padding:38px;border-radius:8px;box-shadow:0 12px 40px #12331c12}.contactbox>div{padding:14px 0;border-bottom:1px solid #e5eae5}.contactbox>div:last-child{border:0}.contactbox small{display:block;color:var(--green);font-weight:800;letter-spacing:1.2px;margin-bottom:9px}.contactbox a{font-weight:700;overflow-wrap:anywhere}.contactbox p{margin:0}footer{background:#fff;border-top:1px solid #e7eae7}.footer{min-height:125px;display:flex;justify-content:space-between;align-items:center;gap:20px}.footer img{width:195px}.footer p,.footer a{font-size:12px;color:#69756e}@media(max-width:800px){.nav{height:72px}.brand img{width:190px}.menu{display:block;background:transparent;border:0;font-size:25px}.nav nav{display:none;position:absolute;top:72px;left:0;right:0;background:white;padding:24px;box-shadow:0 15px 25px #0002;flex-direction:column;align-items:stretch}.nav nav.open{display:flex}.hero{min-height:620px}.hero h1{letter-spacing:-2px}.two,.cards,.methods{grid-template-columns:1fr}.section{padding:75px 0}.sectionhead{display:block}.hero-facts{gap:16px}.hero-facts strong{font-size:16px}.footer{flex-direction:column;padding:24px 0;text-align:center}.photo img{box-shadow:10px 10px 0 #e5f2e9}}

/* Respaldo institucional */
.accreditation-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.accreditation-card{background:#112420;border:1px solid #345046;border-top:3px solid var(--green);padding:20px;border-radius:5px}.accreditation-logo{background:white;border-radius:4px;min-height:110px;display:flex;align-items:center;justify-content:center;padding:10px}.accreditation-logo img{width:100%;height:100px;object-fit:contain}.accreditation-card h3{font-size:17px;line-height:1.35;margin:16px 0 6px}.accreditation-card p{font-size:12px;line-height:1.65;margin:0}.technical-norms{grid-column:1/-1;border-left:4px solid var(--green);background:#112420;padding:20px 24px}.technical-norms strong{display:block;font-size:21px}.technical-norms span{display:block;font-size:13px;color:#a8bdb2;margin-top:7px}@media(max-width:520px){.accreditation-grid{grid-template-columns:1fr}.technical-norms{grid-column:auto}}

/* Logotipos institucionales oficiales */
.accreditation-logo.arch-logo{background:#050505;}
.accreditation-logo.arch-logo img{height:125px;}

/* Fotografías de metodología */
.methods>div{padding:0;overflow:hidden}.method-photo{display:block;width:100%;height:220px;object-fit:cover}.method-copy{padding:27px 30px 34px}.method-copy h3{margin-top:8px}

/* Entrega final: logotipo ARCH sobre fondo blanco y galería de experiencia */
.accreditation-logo.arch-logo{background:#fff}
.accreditation-logo.arch-logo img{height:100px;object-fit:contain}
.experience-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;align-items:stretch}
.experience-gallery img{display:block;width:100%;height:135px;object-fit:cover;border-radius:6px}
.experience-gallery img:first-child{grid-column:span 2;grid-row:span 2;height:279px}
@media(max-width:800px){.experience-gallery img{height:110px}.experience-gallery img:first-child{height:229px}}

/* Experiencia técnica: mosaico editorial con fotografías reales */
.experience-showcase{display:grid;gap:10px;min-width:0}.experience-feature{position:relative;height:240px;border-radius:8px;overflow:hidden;background:#0a1717}.experience-feature img,.experience-tile img{width:100%;height:100%;object-fit:cover;display:block}.experience-overlay{position:absolute;inset:auto 0 0;padding:35px 22px 18px;color:white;background:linear-gradient(transparent,rgba(2,16,12,.95))}.experience-overlay strong,.experience-overlay small{display:block}.experience-overlay strong{font-size:22px;margin:6px 0}.experience-overlay small{font-size:12px;color:#e2eae5}.experience-tag{font-size:10px;font-weight:800;letter-spacing:1.6px;color:#72e39b}.experience-mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.experience-tile{height:140px;position:relative;border-radius:6px;overflow:hidden;background:#10251b}.experience-tile span{position:absolute;bottom:0;left:0;right:0;padding:25px 9px 10px;color:#fff;background:linear-gradient(transparent,#05150feb);font-weight:700;font-size:11px;line-height:1.3}.experience-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px;background:#edf6f0;border-radius:7px}.experience-highlights div{border-left:2px solid var(--green);padding-left:10px}.experience-highlights strong{display:block;color:#007c35;font-size:15px}.experience-highlights small{display:block;font-size:11px;color:#52665a;margin-top:4px}@media(max-width:800px){.experience-mini-grid{grid-template-columns:repeat(2,1fr)}.experience-tile{height:150px}.experience-feature{height:260px}}

/* Tarjetas fotográficas corporativas: fotografías reales, sin capturas del brochure */
.service-modern{border-radius:8px;box-shadow:0 8px 25px rgba(7,44,27,.035);transition:transform .2s,box-shadow .2s}
.service-modern:hover{transform:translateY(-3px);box-shadow:0 15px 28px rgba(7,44,27,.12)}
.service-modern .service-media{height:245px;position:relative;overflow:hidden;background:#172b22}
.service-modern .service-media img{height:100%;width:100%;object-fit:cover;object-position:center}
.service-modern .service-green-cut{position:absolute;inset:0 auto 0 0;width:110px;background:linear-gradient(100deg,rgba(0,95,43,.85),rgba(0,95,43,.4));clip-path:polygon(0 0,34% 0,100% 100%,0 100%);border-left:4px solid #008b3b}
.service-modern .service-symbol{position:absolute;left:20px;bottom:18px;width:65px;height:65px;border:2px solid #fff;border-radius:50%;background:#071d15d9;color:#fff;display:grid;place-items:center;font-size:35px;line-height:1}
.service-modern .service-copy{position:relative;padding:23px 52px 25px 26px;min-height:145px}
.service-modern .service-copy h3{font-size:22px;margin:8px 0 7px}
.service-modern .service-copy p{line-height:1.55}
.service-modern .service-arrow{position:absolute;right:23px;top:48px;font-size:25px;letter-spacing:0}
@media(max-width:800px){.service-modern .service-media{height:225px}}
