/* Tablet layout from the supplied 768 px artwork. */
.grupo-page .gs-tablet-only{display:none}
.gs-experience__brand,.gs-presence__emphasis{font-weight:inherit;color:inherit}
.gs-stats strong>.gs-outside-tablet{display:contents;font:inherit;color:inherit;padding:0}
@media(min-width:681px) and (max-width:1024px){
.grupo-page{
        --header-height: 64px;
    }
body.grupo-page.is-menu-open{
        overflow: hidden;
    }
.grupo-page .site-header.is-menu-open{
        background: transparent;
        color: var(--color-white);
        box-shadow: none;
        backdrop-filter: none;
    }
.grupo-page .site-header.is-menu-open .logo--light{
        opacity: 1;
    }
.grupo-page .site-header.is-menu-open .logo--dark{
        opacity: 0;
    }
.grupo-page .site-header.is-menu-open .site-header__logo{
        width: 184px;
    }
.grupo-page .menu-toggle{
        position: relative;
        z-index: 2;
        display: grid;
        place-items: center;
        width: 44px;
        height: 44px;
        background: transparent;
        color: currentColor;
    }
.grupo-page .menu-toggle__line,.grupo-page .menu-toggle__line::before,.grupo-page .menu-toggle__line::after{
        display: block;
        width: 22px;
        height: 2px;
        background: currentColor;
        content: "";
        transition: transform var(--duration) var(--ease), opacity var(--duration) var(--ease);
    }
.grupo-page .menu-toggle__line::before{
        transform: translateY(-7px);
    }
.grupo-page .menu-toggle__line::after{
        transform: translateY(5px);
    }
.grupo-page .site-header.is-menu-open .menu-toggle__line{
        transform: rotate(45deg);
    }
.grupo-page .site-header.is-menu-open .menu-toggle__line::before{
        opacity: 0;
    }
.grupo-page .site-header.is-menu-open .menu-toggle__line::after{
        transform: translateY(-2px) rotate(90deg);
    }
.grupo-page .main-nav{
        position: fixed;
        inset: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 7.2rem 1.9rem 2.1rem;
        background:
            linear-gradient(rgba(0, 0, 0, 0.84), rgba(0, 0, 0, 0.9)),
            rgba(0, 0, 0, 0.9);
        color: var(--color-white);
        opacity: 0;
        pointer-events: none;
        transform: translateY(-1rem);
        transition: opacity var(--duration) var(--ease), transform var(--duration) var(--ease);
        overflow-y: auto;
    }
.grupo-page .site-header.is-menu-open .main-nav{
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0);
    }
.grupo-page .main-nav__list{
        display: grid;
        gap: 0.35rem;
    }
.grupo-page .main-nav a{
        width: 100%;
        min-height: 0;
        padding: 0.18rem 0;
        border-bottom: 0;
        color: inherit;
        font-size: clamp(1.45rem, 5.8vw, 1.65rem);
        font-weight: 400;
        line-height: 1.18;
        text-transform: none;
        justify-content: flex-start;
    }
.grupo-page .main-nav a.is-active{
        color: inherit;
    }
.grupo-page .main-nav__item--suburbio > a::after,.grupo-page .main-nav__item--novotech > a::after,.grupo-page .main-nav__item--industry > a::after{
        content: none;
    }
.grupo-page .main-nav__item.has-submenu > a{
        position: relative;
        gap: 1rem;
        justify-content: space-between;
        font-weight: 800;
        text-transform: uppercase;
    }
.grupo-page .main-nav__item.has-submenu > a::before{
        position: absolute;
        left: 0;
        bottom: 0;
        width: min(220px, 72vw);
        height: 1px;
        background: currentColor;
        content: "";
    }
.grupo-page .main-nav__item.has-submenu > a::after{
        position: static;
        inset: auto;
        flex: 0 0 auto;
        display: inline-block;
        width: auto;
        height: auto;
        margin-right: 0.15rem;
        border: 0;
        background: transparent;
        content: ">";
        opacity: 1;
        font-size: 1.1em;
        font-weight: 800;
        line-height: 1;
        transform-origin: center;
        transform: none;
        transition: transform var(--duration) var(--ease);
    }
.grupo-page .main-nav__item.has-submenu > a:hover::after,.grupo-page .main-nav__item.has-submenu > a:focus-visible::after{
        opacity: 1;
        transform: none;
    }
.grupo-page .main-nav__item.has-submenu.is-submenu-open > a::after{
        transform: rotate(90deg);
    }
.grupo-page .main-nav__item.has-submenu.is-submenu-open > a:hover::after,.grupo-page .main-nav__item.has-submenu.is-submenu-open > a:focus-visible::after{
        transform: rotate(90deg);
    }
.grupo-page .main-nav__social{
        display: flex;
        justify-content: center;
        gap: clamp(1.45rem, 7vw, 2.1rem);
        margin-top: 2rem;
    }
.grupo-page .main-nav__social a{
        width: auto;
        border: 0;
        color: inherit;
        font-size: 2rem;
    }
.grupo-page .main-nav__item.has-submenu:not(.is-submenu-open) .nav-mega{
        display: none;
        opacity: 0;
        pointer-events: none;
        visibility: hidden;
    }
.grupo-page .main-nav__item.is-submenu-open .nav-mega{
        display: block;
        opacity: 1;
        pointer-events: auto;
        visibility: visible;
    }
.grupo-page .main-nav__item .nav-mega[hidden]{
        display: none !important;
    }

.grupo-page{--header-height:13.020833vw;-webkit-font-smoothing:antialiased}
.grupo-page .container{width:87.500000vw;max-width:none}
.grupo-page main p{font-size:3.385417vw;line-height:1.346154;color:#08091b}
.grupo-page main h2{font-size:7.812500vw;line-height:1.166667;font-weight:800}
.grupo-page main strong{font-weight:900}
.grupo-page .gs-section{padding-block:13.020833vw}
.grupo-page .site-header__inner{width:90.625000vw;height:13.020833vw;min-height:0}
.grupo-page .site-header__logo{width:23.958333vw;transform:translateY(-0.781250vw)}
.grupo-page .menu-toggle{width:7.812500vw;height:7.812500vw}
.grupo-page .menu-toggle__line,.grupo-page .menu-toggle__line::before,.grupo-page .menu-toggle__line::after{width:6.510417vw;height:0.390625vw;border-radius:0.390625vw}
.grupo-page .menu-toggle__line::before{transform:translateY(-1.692708vw)}
.grupo-page .menu-toggle__line::after{transform:translateY(1.562500vw);width:3.645833vw;margin-left:2.864583vw}
.grupo-page .site-header.is-menu-open .menu-toggle__line::after{transform:translateY(-0.390625vw) rotate(90deg);width:6.510417vw;margin-left:0}
.grupo-page .main-nav a{font-size:3.385417vw;line-height:1.18;padding:0.781250vw 0}
.grupo-page .main-nav__social{display:flex;margin-left:0;align-self:flex-start}
.grupo-page .main-nav__social a{font-size:2.864583vw}
.gs-hero{padding:72.265625vw 0 0;background:linear-gradient(to bottom,transparent 27%,#34559900 42%,#345599 104.817708vw),url('../../imgs/grupo-si-now/grupo-si-now-banner.jpg') center top/auto 104.817708vw no-repeat,#345599}
.grupo-page .gs-hero__inner{width:100%;display:block}
.gs-hero h1{width:90.625000vw;margin:0 auto 5.208333vw;text-align:center;font-size:5.208333vw;line-height:1.25;font-weight:800}
.grupo-page .gs-hero p{padding:6.510417vw 4.687500vw;margin:0;background:#78a5d9;color:white}
.gs-hero p::before{content:none}
.grupo-page .gs-hero__photos{position:relative;inset:auto;width:100%;margin-top:2.604167vw;gap:2.083333vw;background:white}
.gs-hero__photos img{height:auto;aspect-ratio:376/250;object-fit:cover}
.gs-hero__photos img:first-child{grid-column:1/7}.gs-hero__photos img:last-child{grid-column:7/13}
.grupo-page .gs-business{margin-top:13.020833vw;padding:13.020833vw 0 0;background:#f5f5f7}
.grupo-page .gs-business>.container{width:85.677083vw}
.gs-business h2{width:93.229167vw;margin-left:-3.776042vw;white-space:nowrap}
.gs-business__intro{display:block;margin:7.812500vw 0 6.510417vw;text-align:center}
.gs-business__intro>img{width:15.104167vw;height:16.927083vw;object-fit:contain;margin:0 auto 3.906250vw}
.gs-business__intro p{margin:0}.gs-business__intro p+p{margin-top:5.208333vw}
.gs-business__cards{gap:2.343750vw 2.083333vw}
.gs-business__cards::before{bottom:0}
.gs-unit{grid-column:span 6;min-height:59.895833vw}
.gs-unit__content{padding:5.208333vw 3.125000vw 3.906250vw;justify-content:flex-end}
.gs-unit .gs-unit__logo{max-width:100%;width:33.854167vw;height:15.625000vw;max-height:none;margin-bottom:3.255208vw;object-fit:contain}
.gs-unit--orange .gs-unit__logo,.gs-unit--gold .gs-unit__logo{max-height:none}
.gs-unit span{font-family:var(--font-secondary);font-size:3.255208vw;line-height:1.4;font-weight:900;min-height:13.671875vw}
.gs-unit--navy{--unit-color:2,23,49}.gs-unit--pink{--unit-color:219,43,78}
.gs-unit::after{background:linear-gradient(to top,rgba(var(--unit-color),1) 0%,rgba(var(--unit-color),.94) 18%,rgba(var(--unit-color),0) 100%)}
.grupo-page .gs-trajectory>.container{width:100%}
.grupo-page .gs-trajectory h2{grid-column:1/-1;width:85.677083vw;justify-self:center;text-align:center;font-size:5.208333vw;line-height:1.25;color:#78a5d9}
.grupo-page .gs-trajectory>div>p{grid-column:1/-1;width:85.677083vw;justify-self:center;margin:4.557292vw 0 3.906250vw}
.gs-trajectory__rule{grid-column:1/-1;width:85.677083vw;justify-self:center;margin:0 0 4.557292vw}
.gs-trajectory__rule span{width:35%;background:#08091b}
.gs-collage{gap:2.604167vw 2.083333vw;grid-template-columns:repeat(4,minmax(0,1fr))}
.gs-collage img:nth-child(-n+2){height:28.385417vw}
.gs-collage img:nth-child(1){grid-column:1/3}.gs-collage img:nth-child(2){grid-column:3/5}
.gs-collage img:nth-child(n+3){height:27.343750vw}
.gs-collage img:nth-child(3){grid-column:1}.gs-collage img:nth-child(4){grid-column:2/4}.gs-collage img:nth-child(5){grid-column:4}
.grupo-page .gs-philosophy>.container{width:85.677083vw}
.gs-philosophy__cards{gap:6.510417vw;margin-top:5.208333vw}
.gs-philosophy article{grid-column:1/-1}
.gs-philosophy article img{height:55.989583vw;aspect-ratio:auto;object-fit:cover}
.gs-philosophy h3{font-size:4.166667vw;line-height:1.25;margin:3.906250vw 0}
.grupo-page .gs-philosophy p{color:white;margin:0}
.gs-values{background:#f5f5f7}
.grupo-page .gs-values>.container{width:94.270833vw}
.gs-values__list{margin-top:6.510417vw;row-gap:6.510417vw}
.gs-values__list div,.gs-values__list div:first-child{grid-column:span 4;padding:0 4.166667vw;justify-content:flex-start;min-height:0}
.gs-values__list div:nth-child(4){grid-column:3/7;border-left:0}
.gs-values__list div:nth-child(5){grid-column:7/11}
.gs-values__list img{width:24.739583vw;height:18.229167vw;max-width:none;margin-bottom:3.255208vw}
.gs-values__list strong{font-family:var(--font-secondary);font-size:3.255208vw;line-height:1.4}
.gs-values__list div:nth-child(n+4) img{height:19.531250vw;margin-bottom:3.255208vw}
.gs-experience{padding-top:13.020833vw;background:#bba775}
.gs-experience__lead>img{grid-column:1/-1;aspect-ratio:672/400}
.gs-experience__lead>div{grid-column:1/-1;padding:4.557292vw 0 0;text-align:center}
.grupo-page .gs-experience h2{margin:0 0 3.906250vw}
.grupo-page .gs-experience__lead p{color:white;margin:0}
.gs-experience__lead{padding-bottom:3.906250vw}
.gs-experience__lead::after{width:52%}
.gs-stats{margin-top:13.020833vw;row-gap:6.510417vw}
.gs-stats::before{top:26.041667vw;bottom:0}
.gs-stats article{grid-column:1/-1;padding:0;text-align:center}
.gs-stats article:last-child{padding-bottom:20.833333vw}
.gs-stats img{aspect-ratio:672/400;margin-bottom:3.255208vw}
.gs-stats strong,.gs-stats span{display:inline;padding:0;font-size:7.812500vw;line-height:1.166667;font-family:var(--font-primary);font-weight:800}
.grupo-page .gs-stats strong{font-weight:800}
.gs-stats article:nth-child(2) strong{display:block}
.grupo-page .gs-presence{padding:0;background:#78a5d9}
.grupo-page .gs-presence>.container{width:100%;display:block}
.gs-presence .gs-grid>div{padding:13.020833vw 6.250000vw 11.718750vw;text-align:center}
.gs-presence h2{margin-bottom:3.906250vw}.gs-presence h2 br{display:none}
.grupo-page .gs-presence p{color:white;margin:0}.grupo-page .gs-presence p+p{margin-top:4.557292vw}
.gs-presence strong{color:inherit}
.gs-presence img{width:100%;height:auto;aspect-ratio:768/511;object-fit:cover}
.grupo-page .gs-app{padding:7.812500vw 0 11.067708vw;background-size:375% 100%;background-position:-58.854167vw top}
.grupo-page .gs-app .container{width:87.500000vw}
.grupo-page .gs-app .gs-grid>img{grid-column:1/-1;width:100%;height:71.614583vw;max-height:none;object-fit:contain;transform:translateX(-3.906250vw)}
.grupo-page .gs-app .gs-grid>div{grid-column:1/-1;padding:3.906250vw 0 0;text-align:left}
.grupo-page .gs-app h2{font-size:7.812500vw;line-height:1.166667;margin:0 0 5.208333vw}
.grupo-page .gs-app p{font-size:2.734375vw;line-height:1.5;color:#08091b;margin-bottom:4.557292vw}
.grupo-page .gs-app ul{font-family:var(--font-secondary);font-size:2.734375vw;line-height:1.5;margin:0 0 6.510417vw;padding:0;list-style:none;font-weight:900}
.grupo-page .gs-app li::before{content:'● ';font-size:.8em}
.grupo-page .gs-app .gs-grid>div>strong{display:block;color:#08091b;font-family:var(--font-secondary);font-size:2.734375vw;line-height:1.5}
.grupo-page .gs-app__badges{gap:2.604167vw;margin-top:3.906250vw;justify-content:flex-start}
.grupo-page .gs-app__badges img{width:29.687500vw;height:auto;border-radius:130.078125vw;border:0.130208vw solid #08091b;background:white}
.grupo-page .gs-tablet-only{display:inline}.gs-outside-tablet{display:none}

.grupo-page .site-footer .container{width:93.229167vw;max-width:none}
.grupo-page .footer-primary{padding:6.510417vw 0}
.grupo-page .footer-primary__inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:6.510417vw 2.604167vw}
.grupo-page .footer-contact{grid-column:1/-1}
.grupo-page .footer-contact__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.604167vw;margin-bottom:3.906250vw}
.grupo-page .site-footer h2,.grupo-page .footer-contact a,.grupo-page .footer-social strong,.grupo-page .footer-quick a,.grupo-page .footer-office strong{font-size:2.734375vw;line-height:1.4}
.grupo-page .footer-social{gap:3.255208vw;margin-bottom:3.906250vw}
.grupo-page .footer-social a{font-size:2.864583vw}
.grupo-page .footer-primary__inner>.footer-desktop-group{grid-column:auto}
.grupo-page .footer-desktop-group{display:block}
.grupo-page .footer-corporate p,.grupo-page .footer-office p,.grupo-page .footer-desktop-group a{font-size:2.734375vw;line-height:1.5}
.grupo-page .footer-contact h2,.grupo-page .footer-desktop-group h2{margin-bottom:1.562500vw}
.grupo-page .footer-desktop-group li+li{margin-top:1.562500vw}
.grupo-page .footer-quick{grid-column:1/-1;gap:2.083333vw;margin:0}
.grupo-page .footer-mobile-accordions,.grupo-page .footer-offices--mobile{display:none}
.grupo-page .footer-divider{height:0.651042vw}
.grupo-page .footer-secondary{padding:6.510417vw 0}
.grupo-page .footer-secondary__inner{grid-template-columns:1fr;gap:6.510417vw}
.grupo-page .footer-offices--desktop{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5.208333vw 2.604167vw}
.grupo-page .footer-office,.grupo-page .footer-office+.footer-office{border:0;padding:0;min-height:0}
.grupo-page .footer-office h2,.grupo-page .footer-office strong{margin-bottom:3.255208vw}
.grupo-page .footer-legal{text-align:center}
.grupo-page .footer-legal p{font-size:2.734375vw;line-height:1.5}
.grupo-page .footer-legal nav{display:flex;justify-content:center;gap:1.302083vw;margin-top:3.255208vw;font-size:2.734375vw}
.grupo-page .footer-legal nav a+a::before{content:"|";margin-right:1.302083vw}
.grupo-page .site-footer,.grupo-page .site-footer p,.grupo-page .footer-desktop-group a{font-family:var(--font-secondary)}
.grupo-page .footer-corporate p br,.grupo-page .footer-legal p br{display:none}
.grupo-page .footer-office{padding-bottom:3.90625vw;border-bottom:1px solid #c5c5c5}
.grupo-page .footer-office+.footer-office{padding-bottom:3.90625vw;border-bottom:1px solid #c5c5c5}
.grupo-page .footer-offices--desktop{gap:3.90625vw 2.604167vw}
.grupo-page .footer-secondary__inner{gap:3.90625vw}
.grupo-page .footer-corporate p,.grupo-page .footer-office p,.grupo-page .footer-legal p{display:inline}
.grupo-page .footer-primary__inner{row-gap:4.557292vw}
.grupo-page .footer-quick{gap:1.302083vw}
.grupo-page .footer-corporate h2{margin-bottom:0}
.grupo-page .footer-office p{line-height:1.4}
.grupo-page .footer-legal nav{margin-top:1.302083vw}
.grupo-page .footer-divider span{width:100%}
}

@media(min-width:681px) and (max-width:1024px){
.grupo-page .gs-experience__brand,.grupo-page .gs-presence__emphasis{font-weight:900;color:inherit}
}

@media(min-width:681px) and (max-width:1024px){

.grupo-page main p{font-size:3.255208vw;line-height:1.4}
.gs-hero{padding-top:73.567708vw;background-size:auto,auto 143.229167vw,auto;background-position:center,58% top,center}
.grupo-page .gs-hero p strong{font-weight:900}
.gs-business__intro p{font-size:3.255208vw}
.gs-business__intro strong{white-space:normal}
.gs-hero__photos img:nth-child(1){content:url('../../imgs/grupo-si-now/tablet/reunion-1.jpg')}
.gs-hero__photos img:nth-child(2){content:url('../../imgs/grupo-si-now/tablet/reunion-2.jpg')}
.gs-philosophy article:nth-child(1)>img{content:url('../../imgs/grupo-si-now/tablet/causa.jpg')}
.gs-philosophy article:nth-child(2)>img{content:url('../../imgs/grupo-si-now/tablet/sueno.jpg')}
.gs-experience__lead>img{content:url('../../imgs/grupo-si-now/tablet/experiencia.jpg')}
.gs-stats article:nth-child(1)>img{content:url('../../imgs/grupo-si-now/tablet/familias.jpg')}
.gs-stats article:nth-child(2)>img{content:url('../../imgs/grupo-si-now/tablet/habitacional.jpg')}
.gs-stats article:nth-child(3)>img{content:url('../../imgs/grupo-si-now/tablet/industrial.jpg')}
.grupo-page .gs-stats strong>.gs-outside-tablet{display:none}
.grupo-page .gs-stats strong>.gs-tablet-only{font:inherit;color:inherit;padding:0;display:inline}
.grupo-page .gs-app p,.grupo-page .gs-app ul{font-size:2.734375vw;line-height:1.5}
.gs-collage img:nth-child(1){content:url('../../imgs/grupo-si-now/tablet/trayectoria-1.jpg')}
.gs-collage img:nth-child(2){content:url('../../imgs/grupo-si-now/tablet/trayectoria-2.jpg')}
.gs-collage img:nth-child(3){content:url('../../imgs/grupo-si-now/tablet/trayectoria-3.jpg')}
.gs-collage img:nth-child(4){content:url('../../imgs/grupo-si-now/tablet/trayectoria-4.jpg')}
.gs-collage img:nth-child(5){content:url('../../imgs/grupo-si-now/tablet/trayectoria-5.jpg')}
}

@media(min-width:681px) and (max-width:1024px){
.gs-values__list div:nth-child(4) img{width:16.927083vw;object-fit:contain}
.grupo-page .gs-trajectory h2{max-width:83.333333vw}
.grupo-page .gs-business__intro>div{margin-inline:-1.5625vw}
}

/* Keep the presence title inside its column at the desktop transition. */
@media(min-width:1025px) and (max-width:1180px){
.grupo-page .gs-presence .gs-grid>div{padding:2vw}
}

@media(min-width:681px) and (max-width:1024px){
}