@media only screen and (max-width:64em){#hero-historia{padding:4em 0}#hero-historia .inwrap{max-width:90%;gap:1.5em}#hero-historia .info h2{font-size:2.8em}#hero-historia .image img{max-width:32em}#historia{padding:8em 0}#historia .shape-bg{width:55%}#historia .inwrap{max-width:90%;gap:1.5em}#valores .menu h3{font-size:2.2em}#valores .selector button{padding:.75em 1em;font-size:.9em}#valores .image img{max-width:30em}#compromiso{padding:5em 0 33em}#compromiso .inwrap{gap:3em}#compromiso .logos{-webkit-box-flex:0;-ms-flex:0 0 20em;flex:0 0 20em}}@media only screen and (max-width:48em){#hero-historia{padding:3em 0}#hero-historia .inwrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;gap:2em}#hero-historia .info{max-width:100%}#hero-historia .info h2{font-size:2.2em;margin-bottom:.5em}#hero-historia .info p{font-size:1.1em;max-width:32em;margin:1em auto 0}#hero-historia .image{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#hero-historia .image img{max-width:28em;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}#historia{padding:6em 0}#historia .inwrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;gap:2em}#historia .shape-bg{display:none}#historia .info{color:#333;max-width:40em;margin:0 auto}#historia .image{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}#historia .image img{max-width:28em;margin:0 auto}#valores{padding:3em 0}#valores .top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;gap:2em}#valores .menu h3{font-size:1.8em;margin-bottom:1em}#valores .selector{margin:0 auto}#valores .image{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#valores .image img{max-width:25em}#valores .content{margin-top:2em}#valores .content .valores li{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;margin-bottom:1.5em}#compromiso{padding:4em 0 23em}#compromiso .inwrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;gap:2em}#compromiso .logos{-webkit-box-flex:0;-ms-flex:none;flex:none;margin-bottom:1em}#compromiso .logos img{max-width:20em}#compromiso .info{max-width:40em;margin:0 auto}}@media only screen and (max-width:40em){#hero-historia{padding:2em 0}#hero-historia .inwrap{padding:0 1em}#hero-historia .info h2{font-size:1.8em;line-height:1.3}#hero-historia .info p{font-size:1em}#hero-historia .image img{max-width:22em}#historia{padding:4em 0}#historia .inwrap{padding:0 1em}#historia .image img{max-width:22em}#historia .info{font-size:.95em}#valores{padding:2.5em 0}#valores .inwrap{padding:0 1em}#valores .menu h3{font-size:1.5em;line-height:1.3}#valores .selector button:first-child{border-radius:.75em .75em .125em .125em}#valores .selector button:last-child{border-radius:.125em .125em .75em .75em}#valores .image img{max-width:20em}#valores .content{font-size:.95em}#compromiso{padding:3em 0 23em}#compromiso .inwrap{padding:0 1em}#compromiso .logos img{max-width:16em}#compromiso .info{font-size:.95em}}@media only screen and (max-width:30em){#hero-historia .info h2{font-size:1.6em}#hero-historia .info p{font-size:.9em}#hero-historia .image img{max-width:18em}#historia{padding:3em 0}#historia .image img{max-width:18em}#historia .info{font-size:.9em}#historia .info p{margin-bottom:1.2em}#valores .menu h3{font-size:1.3em}#valores .selector{max-width:18em}#valores .selector button{font-size:.85em}#valores .image img{max-width:18em}#valores .content{font-size:.9em}#valores .content .valores h4{font-size:1em}#compromiso{padding:2.5em 0 33em}#compromiso .logos img{max-width:14em}#compromiso .info{font-size:.9em}#compromiso .info p{margin-bottom:1.2em}}@media only screen and (max-width:20em){#hero-historia .inwrap{padding:0 .5em}#hero-historia .info h2{font-size:1.4em}#hero-historia .info p{font-size:.85em}#hero-historia .image img{max-width:15em}#historia .inwrap{padding:0 .5em}#historia .image img{max-width:15em}#historia .info{font-size:.85em}#valores .inwrap{padding:0 .5em}#valores .menu h3{font-size:1.1em}#valores .selector{max-width:16em}#valores .image img{max-width:15em}#valores .content{font-size:.85em}#compromiso .inwrap{padding:0 .5em}#compromiso .logos img{max-width:12em}#compromiso .info{font-size:.85em}}@media only screen and (max-height:30em) and (orientation:landscape){#hero-historia{padding:2em 0}#historia{padding:3em 0}#valores{padding:2em 0}#compromiso{padding:2em 0 8em}}