.contact-page{--contact-blue:#345599;--contact-light:#75a0d5}.contact-main{overflow:hidden;background:#fff}.contact-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}.contact-hero{min-height:900px;padding-top:var(--header-height);background:linear-gradient(0deg,rgba(38,75,139,.9),rgba(17,38,64,.08) 70%),var(--contact-image) center/cover}.contact-hero .contact-grid{align-items:center;min-height:760px}.contact-hero h1{grid-column:4/10;width:100%;max-width:none;color:#fff;font-size:clamp(2.5rem,4.5vw,5rem);line-height:1.03;text-align:center}
.contact-form-wrap{position:relative;z-index:2;margin-top:-310px}.contact-form-card{grid-column:3/11;background:#f5f5f7}.contact-form-card>header{padding:3rem 2rem;background:var(--contact-light);text-align:center}.contact-form-card h2{color:var(--contact-blue);font-size:clamp(2rem,3.6vw,4rem)}.contact-form-card header p{color:#fff;font-weight:700}.contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,auto) auto;gap:1.6rem 4rem;padding:5rem}.contact-form label{display:block}.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:.75rem 0;border:0;border-bottom:1px solid #aaa;border-radius:0;background:transparent;color:#555;font:inherit}.contact-form textarea{resize:vertical}.contact-form label:nth-of-type(1){grid-column:1;grid-row:1}.contact-form label:nth-of-type(2){grid-column:1;grid-row:2}.contact-form label:nth-of-type(3){grid-column:1;grid-row:3}.contact-message{grid-column:2;grid-row:1/3;display:flex!important}.contact-message textarea{height:100%;min-height:0}.contact-office{grid-column:2;grid-row:3}.contact-form button{grid-column:1/3;grid-row:4;justify-self:center;min-width:180px;margin-top:1rem;border-radius:999px}
.contact-offices{padding-top:9rem}.contact-offices h2{text-align:center;color:var(--contact-blue);font-size:clamp(2.2rem,4vw,4rem)}.contact-carousel{--contact-carousel-offset:clamp(4rem,8.333333vw,120px);margin-top:3rem}.contact-carousel .project-track{padding-left:var(--contact-carousel-offset);scroll-padding-left:var(--contact-carousel-offset);scroll-snap-type:none;gap:1rem}.contact-office-card{flex:0 0 min(790px,42vw);padding-bottom:1rem}.contact-office-card__image{width:100%;height:500px;object-fit:cover}.contact-office-card h3{margin:1.5rem 0 .75rem;color:var(--contact-light);font-size:2rem}.contact-office-card p{display:grid;gap:.4rem;max-width:620px;color:#999}.contact-office-card p strong{display:block;color:var(--contact-blue)}.contact-office-card p span{display:block}.contact-office-card i{width:1.2rem;color:var(--contact-blue)}.contact-carousel .project-carousel__footer{width:min(83.333333vw,1200px);margin-inline:auto}.contact-app{margin-top:5rem;padding-block:clamp(3.5rem,6vw,7rem);background:url('../../imgs/grupo-si-now/app-grupo-si-now-fondo.jpg') left top/cover no-repeat}.contact-app .gs-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}.contact-app .gs-grid>img{grid-column:2/6;width:100%;height:430px;object-fit:contain}.contact-app .gs-grid>div{grid-column:6/12;padding:2rem 4rem}.contact-app h2{color:#999}.contact-app h2 strong{color:var(--contact-blue)}.contact-app ul{margin:1.25rem 0 1.5rem;padding-left:1.25rem;list-style:disc;color:var(--contact-blue);font-weight:700}.contact-app .gs-app__badges{display:flex;align-items:center;gap:.7rem;margin-top:1.2rem}.contact-app .gs-app__badges img{display:block;width:auto;height:42px}
@media(max-width:900px){.contact-hero{min-height:720px}.contact-hero .contact-grid{min-height:610px}.contact-hero h1{grid-column:2/12}.contact-form-wrap{margin-top:-220px}.contact-form-card{grid-column:2/12}.contact-form{padding:3rem}.contact-office-card{flex-basis:min(680px,75vw)}.contact-office-card__image{height:400px}}
@media(max-width:680px){.contact-hero{min-height:580px}.contact-hero .contact-grid{min-height:500px}.contact-hero h1{grid-column:1/13;font-size:2.35rem}.contact-form-wrap{margin-top:-150px}.contact-form-card{grid-column:1/13}.contact-form-card>header{padding:2rem 1rem}.contact-form{grid-template-columns:1fr;grid-template-rows:none;gap:1rem;padding:2rem 1.25rem}.contact-form label:nth-of-type(n),.contact-form button{grid-column:1;grid-row:auto}.contact-message{display:block!important}.contact-offices{padding-top:5rem}.contact-carousel .project-track{padding-inline:8vw;scroll-padding-inline:8vw}.contact-office-card{flex-basis:84vw}.contact-office-card__image{height:280px}.contact-office-card h3{font-size:1.5rem}.contact-app .gs-grid>img,.contact-app .gs-grid>div{grid-column:1/13}.contact-app .gs-grid>img{height:260px}.contact-app .gs-grid>div{padding:2rem 0}}
.contact-hero h1,.contact-form-card h2,.contact-offices h2{font-size:clamp(1.75rem,2.4vw,2.7rem)}

@media(max-width:680px){
 .contact-hero{background-position:25% center!important}
}

/* Aplicación: contenido móvil centrado */
@media(max-width:680px){
 .contact-app .gs-grid>div{text-align:center}
 .contact-app h2,.contact-app p{text-align:center}
 .contact-app ul{padding-left:0;list-style-position:inside;text-align:center}
 .contact-app .gs-grid>div>strong{display:block;text-align:center}
 .contact-app .gs-app__badges{justify-content:center;gap:1rem;margin-top:1.75rem}
 .contact-app .gs-app__badge-link{width:calc(50% - .5rem);max-width:195px}
 .contact-app .gs-app__badges img{width:100%;max-width:195px;height:auto}
}
.contact-app h2{line-height:1.2}
