/* Segunda exploración: el azul pertenece a la composición, no solo a los botones. */
@media(max-width:760px){.revised .services-section .service-list{grid-template-columns:1fr!important}}
.revised{--navy:#002d4c;--blue:#0054da;--sky:#37d2fe;--ice:#dceef9;--mineral:#edf2f5;--ink:#002d4c} .revised header{max-width:none;padding:20px max(36px,calc((100vw - 1208px)/2));min-height:100px}.revised main{max-width:none;padding:0}.revised main>section:not(.new-hero),.revised .ribbon{max-width:1208px;margin-left:auto;margin-right:auto}.revised .new-hero{min-height:610px;margin:0;max-width:none;padding:58px max(36px,calc((100vw - 1208px)/2)) 65px;grid-template-columns:1fr 1fr;gap:45px}.revised .new-hero h1{font-size:clamp(40px,4.1vw,60px);line-height:1.08;letter-spacing:-.04em;max-width:670px;font-weight:700;text-wrap:balance}.revised .new-hero .lead{font-size:16px;line-height:1.85;max-width:500px;margin-top:27px}.revised .new-hero .hero-copy{padding:0;border:0}.revised .new-hero .actions{gap:20px}.revised .new-hero .button{font-size:13px;padding:15px 23px}.revised .new-hero .textlink{font-size:12px;text-decoration:underline;text-underline-offset:5px}.revised .hero-foot{font-size:11px;margin-top:24px}.art{margin:0;min-width:0;position:relative}.art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:16px}.art figcaption{font-size:11px;text-align:center;margin:16px 0 0;color:#52697b}.ribbon{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:25px 0;border-bottom:1px solid #cfdee8;font-size:13px}.ribbon a{min-height:44px;display:flex;align-items:center}.ribbon a:hover{text-decoration:underline;text-underline-offset:5px}.revised .services-section{padding:70px 0 85px;border-top:0}.revised .section-heading h2{max-width:650px}.revised .service h3{font-size:18px}.revised .service p{font-size:14px}.revised .service-list{gap:0 50px}.revised .service-list .service{padding:27px 0;min-height:120px;background:transparent;border-radius:0;flex-direction:row;position:static}.revised .service-list .service .arrow{position:static;margin-left:auto}.revised .enterprise{padding:55px;background:#dceef9;gap:70px;max-width:1208px}.revised .enterprise h2{font-size:37px}.revised .enterprise p{font-size:16px}.revised .enterprise-note{font-size:16px}.revised .process{padding:90px 0}.revised .contact{border-top:0;background:#0054da;color:white;padding:45px;border-radius:12px;margin-bottom:55px;max-width:1208px}.revised .contact p{color:#e3edff}.revised .contact .button{background:white;color:#003f9c;border-color:white}.revised .contact .button:hover{background:#e7f1ff}.revised footer{padding:45px 0;max-width:1208px}.revised .image-note{max-width:1208px;margin:0 auto 25px;font-size:11px;color:#607587}.equipment{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.equipment a{position:relative;min-width:0;background:#dceef9;border-radius:14px;overflow:hidden}.equipment img{width:100%;height:360px;object-fit:cover;display:block}.equipment span{background:#fff;display:flex;justify-content:space-between;gap:10px;font-size:13px;font-weight:700;padding:20px;min-height:80px;align-items:center}.equipment a:hover span{background:#dceef9}.portrait{margin:0;position:relative;height:490px}.portrait>img{display:block;height:100%;width:100%;object-fit:cover;border-radius:120px 14px 14px 14px}.portrait figcaption{position:absolute;bottom:25px;left:25px;right:25px;padding:20px;background:#002d4c;color:white;border-radius:10px;font-size:19px}.portrait figcaption a{display:block;font-size:12px;margin-top:8px;color:#b8e9ff;text-decoration:underline}.detail-photo{margin:0;position:relative}.detail-photo>img{width:100%;height:470px;object-fit:cover;border-radius:12px}.detail-photo figcaption{position:absolute;bottom:0;right:0;max-width:72%;background:#0054da;color:white;padding:23px;font-size:17px;border-radius:12px 0 12px 0}.enterprise-art .art img{border-radius:12px 12px 0 0}.enterprise-art .art figcaption{display:none}.project-links{padding:10px 25px;background:#dceef9;color:#002d4c;border-radius:0 0 12px 12px}.project-links a{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #bcd2e1;font-size:13px}.project-links a:last-child{border:0}
/* 01 Istmo azul: fondo marino y escena de oficina como contrapunto. */
.r1 header,.r1 .new-hero{background:#002d4c;color:#fff}.r1 header .nav-cta{border-color:#68869b}.r1 .new-hero .lead,.r1 .hero-foot{color:#c4d8e6}.r1 .new-hero .textlink{color:#c7efff}.r1 .new-hero .button{background:#37d2fe;color:#002d4c;border-color:#37d2fe}.r1 .new-hero .art img{border-radius:120px 14px 14px 14px}.r1 .art figcaption{color:#c4d8e6}.r1 .services-section .service-icon{background:#edf5fb;border-radius:12px;padding:10px;width:50px}.r1 .service-icon svg{width:28px}.r1 .enterprise{background:#dceef9}.r1 .new-hero h1{font-size:58px}
/* 02 Aire conectado: color celeste en toda la apertura y ritmo más suave. */
.r2 header,.r2 .new-hero{background:#dceef9}.r2 .new-hero{grid-template-columns:1fr 1.1fr;min-height:650px}.r2 .new-hero h1{font-weight:400;font-size:59px}.r2 .new-hero .art img{border-radius:50% 50% 14px 14px}.r2 .services-section .service-list{display:grid;grid-template-columns:1fr 1fr}.r2 .service h3,.r2 .service p{display:block;width:auto}.r2 .enterprise{background:#002d4c;color:white}.r2 .enterprise p,.r2 .enterprise-note{color:#c4d8e6}.r2 .enterprise .outline{color:#c6edff;border-color:#92b8cf}.r2 .enterprise-note{border-color:#527187}.r2 .contact{background:#dceef9;color:#002d4c}.r2 .contact p{color:#52697b}.r2 .contact .button{background:#0054da;color:white;border-color:#0054da}
/* 03 Tecnología tangible: una oferta visible y tres fotografías de equipos. */
.r3{background:#edf2f5}.r3 header{background:white}.r3 .new-hero{display:flex;flex-direction:column;align-items:stretch;padding-top:45px;gap:35px}.r3 .new-hero .hero-copy{display:grid;grid-template-columns:1.15fr 1fr;column-gap:90px}.r3 .new-hero h1{grid-row:1/4;font-size:56px;max-width:650px}.r3 .new-hero .lead{margin-top:0}.r3 .new-hero .actions{margin-top:22px}.r3 .new-hero .hero-foot{display:none}.r3 .equipment img{height:280px}.r3 .equipment span{min-height:64px}.r3 .services-section{background:#fff;padding:50px;max-width:1208px;border-radius:14px;margin-top:20px}.r3 .service-list{grid-template-columns:1fr 1fr}.r3 .enterprise{background:transparent;margin-top:40px;border-top:1px solid #bdd0de;border-radius:0;padding:45px 0}.r3 .service-icon{display:none}.r3 .contact{margin-top:0}.r3 footer{background:transparent}
/* 04 Carácter: apertura azul expresiva, una sola imagen con gran presencia. */
.r4 header,.r4 .new-hero{background:#0054da;color:white}.r4 .nav-cta{border-color:#91b4ef}.r4 .new-hero{grid-template-columns:1.3fr .85fr;gap:90px}.r4 .new-hero h1{font-size:63px;line-height:1.04}.r4 .new-hero .lead,.r4 .hero-foot{color:#e2ecff}.r4 .new-hero .button{background:white;color:#0042ac;border-color:white}.r4 .new-hero .textlink{color:white}.r4 .portrait figcaption{background:#002d4c}.r4 .ribbon{font-size:13px}.r4 .enterprise{background:#edf2f5}.r4 .service-list{display:grid;grid-template-columns:1fr 1fr}.r4 .contact{background:#002d4c}
/* 05 Espacio conectado: tipografía centrada y una escena horizontal. */
.r5 header{background:#dceef9}.r5 .new-hero{background:#dceef9;display:flex;flex-direction:column;text-align:center;gap:32px;padding:40px max(36px,calc((100vw - 1208px)/2)) 0}.r5 .new-hero h1{max-width:850px;font-size:60px;margin:auto}.r5 .new-hero .lead{margin:22px auto 0;max-width:640px}.r5 .new-hero .actions{justify-content:center;margin-top:25px}.r5 .hero-foot{display:none}.r5 .art{width:100%;max-width:900px}.r5 .art img{aspect-ratio:2.8/1;object-position:center 58%;border-radius:80px 80px 0 0}.r5 .art figcaption{display:none}.r5 .service-list{grid-template-columns:1fr 1fr 1fr}.r5 .service-icon{display:none}.r5 .enterprise{background:#002d4c;color:white}.r5 .enterprise p{color:#c4d8e6}.r5 .enterprise .outline{color:white;border-color:#7b9eb6}.r5 .enterprise-note{border-color:#668398}.r5 .contact{background:#dceef9;color:#002d4c}.r5 .contact p{color:#52697b}.r5 .contact .button{background:#0054da;color:white;border-color:#0054da}
/* 06 Estudio: fondo mineral, fotografía y ritmo de lectura editorial. */
.r6{background:#edf2f5}.r6 header{background:#edf2f5}.r6 .new-hero{background:#edf2f5;grid-template-columns:1.15fr .9fr;gap:100px;border-radius:0;margin:0;padding:55px max(36px,calc((100vw - 1208px)/2)) 70px}.r6 .new-hero h1{font-weight:400;font-size:61px}.r6 .new-hero .lead{max-width:450px}.r6 .services-section{background:#fff;border-radius:14px;padding:50px}.r6 .section-heading,.r6 .service-list{max-width:none!important}.r6 .service-list{grid-template-columns:1fr}.r6 .service-list .service{gap:35px}.r6 .service-icon{display:none}.r6 .service>div:nth-child(2){display:flex;align-items:center;justify-content:space-between;gap:30px;width:90%}.r6 .service h3{width:280px}.r6 .service p{max-width:440px;margin:0}.r6 .enterprise{background:#dceef9;margin-top:40px}.r6 .contact{background:#002d4c}
/* 07 Operación: dirección empresarial con azul y módulo de consulta. */
.r7 header,.r7 .new-hero{background:#002d4c;color:white}.r7 .nav-cta{border-color:#6c8a9e}.r7 .new-hero{grid-template-columns:1.1fr 1fr;gap:70px}.r7 .new-hero h1{font-size:58px}.r7 .new-hero .lead,.r7 .hero-foot{color:#c4d8e6}.r7 .new-hero .button{background:#37d2fe;color:#002d4c;border-color:#37d2fe}.r7 .new-hero .textlink{color:#c4edff}.r7 .ribbon{background:#dceef9;max-width:none;padding:20px max(36px,calc((100vw - 1208px)/2))}.r7 .enterprise{margin-top:55px;background:#fff;border:1px solid #cbdce8}.r7 .services-section{background:#edf2f5;max-width:none;padding:60px max(36px,calc((100vw - 1208px)/2));margin-top:55px}.r7 .contact{background:#002d4c}
/* 08 Equilibrio: portada clara, franja azul y transición hacia empresa. */
.r8 .new-hero{grid-template-columns:1.1fr 1fr;gap:55px;min-height:600px}.r8 .new-hero h1{font-size:58px}.r8 .new-hero .art{transform:rotate(-2deg)}.r8 .new-hero .art img{border-radius:70px 14px 14px 14px}.r8 .ribbon{background:#0054da;color:white;max-width:none;padding:22px max(36px,calc((100vw - 1208px)/2))}.r8 .services-section{padding-top:60px}.r8 .service-list{display:grid;grid-template-columns:1fr 1fr}.r8 .service>div:nth-child(2){display:block}.r8 .service p{margin-top:8px}.r8 .enterprise{background:#002d4c;color:white}.r8 .enterprise p{color:#c4d8e6}.r8 .enterprise .outline{color:white;border-color:#80a2b9}.r8 .enterprise-note{border-color:#668398}.r8 .contact{background:#dceef9;color:#002d4c}.r8 .contact p{color:#52697b}.r8 .contact .button{background:#0054da;color:white;border-color:#0054da}
@media(max-width:1100px){.revised header{padding:18px 30px}.revised .new-hero{padding:45px 30px;gap:35px}.revised .new-hero h1{font-size:47px}.revised main>section:not(.new-hero),.revised .ribbon,.revised footer,.revised .image-note{margin-left:30px;margin-right:30px;max-width:none}.revised .ribbon{gap:18px;font-size:11px}.revised .new-hero .actions{gap:12px}.revised .new-hero .lead{font-size:15px}.r3 .new-hero .hero-copy{column-gap:40px}.r4 .portrait{height:430px}.r6 .new-hero{gap:50px}.r7 .ribbon,.r8 .ribbon{margin:0;padding-left:30px;padding-right:30px}.r7 .services-section{margin-left:0!important;margin-right:0!important;padding-left:30px;padding-right:30px}.revised .enterprise{gap:40px}.revised .enterprise h2{font-size:32px}.revised .service-list{gap:0 30px}.r6 .detail-photo figcaption{max-width:90%}}
@media(max-width:760px){.revised header{padding:12px 22px;min-height:85px}.revised header .brand img{width:118px;height:55px}.r1 .menu,.r4 .menu,.r7 .menu{background:transparent;color:white;border-color:#91b7ce}.revised nav.open{color:#002d4c}.revised nav.open .nav-cta{border-color:#cbdce9}.revised main>section:not(.new-hero),.revised .ribbon,.revised footer,.revised .image-note{margin-left:22px;margin-right:22px}.revised .new-hero{display:flex;flex-direction:column;padding:38px 22px 42px;gap:34px;min-height:0}.revised .new-hero h1{font-size:clamp(34px,9.6vw,43px);line-height:1.09;max-width:560px;letter-spacing:-.035em;text-wrap:balance}.revised .new-hero .lead{font-size:15px;line-height:1.8;max-width:none;margin-top:22px}.revised .new-hero .actions{margin-top:24px;gap:12px}.revised .new-hero .button{font-size:13px;padding:15px 20px}.revised .new-hero .textlink{font-size:12px}.revised .hero-foot{font-size:10px;margin-top:20px}.art img{border-radius:12px!important}.art figcaption{font-size:10px;line-height:1.6;margin-top:12px}.revised .ribbon{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;padding:14px 0;font-size:11px}.revised .ribbon a{min-height:40px}.revised .services-section{padding:40px 0}.revised .service-list,.r5 .service-list{grid-template-columns:1fr;gap:0}.revised .service-list .service{min-height:106px;padding:22px 0;gap:14px}.revised .service h3{font-size:17px}.revised .service p{font-size:13px}.revised .service-icon{width:32px}.r1 .services-section .service-icon{width:42px;padding:8px}.r1 .service-icon svg{width:25px}.revised .enterprise{display:block;padding:30px 25px;gap:25px}.revised .enterprise h2{font-size:29px}.revised .enterprise p{font-size:14px}.revised .enterprise-note{padding:24px 0 0;margin-top:28px;border-left:0;border-top:1px solid #97b7ce}.revised .enterprise-note ol{font-size:13px;line-height:2.5}.revised .process{padding:50px 0}.revised .contact{padding:30px 25px;margin-bottom:35px}.revised .contact h2{font-size:28px}.revised .contact p{font-size:14px}.revised footer{padding:30px 0}.revised .image-note{font-size:10px;margin-bottom:22px}.r2 .new-hero{min-height:0}.r2 .new-hero .art img{border-radius:80px 80px 12px 12px!important}.r3 .new-hero .hero-copy{display:block}.r3 .new-hero .lead{margin-top:22px}.r3 .new-hero .actions{margin-top:24px}.r3 .equipment{gap:10px;grid-template-columns:1fr 1fr}.r3 .equipment a:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.r3 .equipment img{height:180px}.r3 .equipment a:last-child img{height:140px}.r3 .equipment span{padding:14px;font-size:12px;min-height:72px}.r3 .services-section{padding:28px 20px}.r3 .enterprise{padding:30px 0;margin-top:30px}.r4 .portrait{height:340px;max-width:none}.r4 .portrait>img{border-radius:60px 12px 12px 12px}.r4 .portrait figcaption{left:18px;right:18px;bottom:18px;padding:18px}.r5 .new-hero{padding:38px 22px 0;text-align:left}.r5 .new-hero .actions{align-items:start}.r5 .art{width:calc(100% + 44px);max-width:none;margin:0 -22px}.r5 .art img{aspect-ratio:1.5/1;border-radius:0!important}.r5 .new-hero .lead{margin-top:22px}.r6 .detail-photo>img{height:340px}.r6 .detail-photo figcaption{font-size:15px;max-width:80%;padding:20px}.r6 .services-section{padding:28px 20px}.r6 .service>div:nth-child(2){display:block;width:auto}.r6 .service h3{width:auto}.r6 .service p{margin-top:9px}.r6 .enterprise{margin-top:30px}.r7 .new-hero .art img{border-radius:12px 12px 0 0!important}.r7 .ribbon,.r8 .ribbon{margin:0!important;padding:14px 22px}.r7 .enterprise{margin-top:30px}.r7 .services-section{padding:35px 22px;margin-top:30px}.r8 .new-hero .art{transform:none}.project-links a{font-size:12px}.revised .section-heading h2{font-size:28px}.revised .steps p{font-size:14px}.revised footer p,.revised footer small{font-size:12px}}
