html { min-height: 100vh; display: flex; flex: 1; }
body { display: flex; flex: 1; font-family: "Nunito Sans", sans-serif; flex-direction: column; }
.container { max-width: 1270px; }
a.btn-primario { background-color: #0BA251; text-decoration: none; border-radius: 400px; padding: 11px 25px 12px; font-size: 18px; color: #fff; font-weight: bold; transition: .3s ease; }
a.btn-primario:hover { background-color: #066e36; }
section#contenido { flex: 1; width: 100%; }
header { height: 144px; width: 100%; position: relative; display: flex; align-items: center; justify-content: center; margin-bottom: -25px; z-index: 99; }
header svg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
header .logo { position: relative; z-index: 1; }
header .logo figure { width: 219px; margin: 0; }
header .logo figure img { max-width: 100%; height: auto; }
.banner-principal { height: 673px; position: relative; display: flex; align-items: center; }
.banner-principal .backgrounds { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.banner-principal .backgrounds .desktop { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center; }
.banner-principal .backgrounds .mobile { }
.banner-principal .wrapper-content { position: relative; width: 100%; z-index: 1; }
.banner-principal .wrapper-content .wrapper { width: 623px; }
.banner-principal .wrapper-content .wrapper h1 { color: #FFFFFF; font-size: 64px; }
.banner-principal .wrapper-content .wrapper p { color: #FFFFFF; font-size: 20px; font-weight: 300; }
.banner-principal .wrapper-content .wrapper .boton { margin-top: 15px; }
.banner-principal .wrapper-content .wrapper .boton a { display: inline-block; }
.banner-principal .backgrounds::before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #1A2117; background: -webkit-linear-gradient(270deg, rgba(26, 33, 23, 0) 0%, rgba(26, 33, 23, 0.58) 70%); background: -moz-linear-gradient(270deg, rgba(26, 33, 23, 0) 0%, rgba(26, 33, 23, 0.58) 70%); background: linear-gradient(270deg, rgba(26, 33, 23, 0) 0%, rgba(26, 33, 23, 0.58) 70%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1A2117", endColorstr="#1A2117", GradientType=0); z-index: 1; }
@media (max-width:768px) {
    header { height: 94px; margin-bottom: -19px; }
    header .logo figure { width: 141px; }
    .banner-principal .backgrounds .desktop { display: none; }
    .banner-principal .backgrounds .mobile { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center; background-position-y: c; }
    .banner-principal .wrapper-content .wrapper { width: 100%; text-align: center; }
    .banner-principal .wrapper-content .wrapper h1 { font-size: 40px; }
    .banner-principal .wrapper-content .wrapper p { font-size: 16px; }
    .banner-principal { align-items: end; height: calc(100vh - 125px); padding-bottom: 50px; min-height: 550px; max-height: 6; }
    .banner-principal .backgrounds::before { background: #1A2117; background: -webkit-linear-gradient(180deg, rgba(26, 33, 23, 0) 0%, rgba(26, 33, 23, 0.8) 63%); background: -moz-linear-gradient(180deg, rgba(26, 33, 23, 0) 0%, rgba(26, 33, 23, 0.8) 63%); background: linear-gradient(180deg, rgba(26, 33, 23, 0) 0%, rgba(26, 33, 23, 0.8) 63%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1A2117", endColorstr="#1A2117", GradientType=0); }
}
.nuestras-marcas { position: relative; padding-bottom: 60px; }
.nuestras-marcas .franja { position: absolute; left: 0; right: 0; top: 0; height: 350px; }
.nuestras-marcas .franja svg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.nuestras-marcas .wrapper-content { position: relative; padding-top: 75px; }
.nuestras-marcas .wrapper-content .titulo { text-align: center; margin-bottom: 55px; }
.nuestras-marcas .wrapper-content .titulo h2 { color: #FFFFFF; font-size: 45px; font-weight: bold; }
.nuestras-marcas .wrapper-content .titulo p { color: #FFFFFF; font-size: 20px; }
.nuestras-marcas .wrapper-content .calugas-marcas { display: flex; margin-left: -10px; margin-right: -10px; }
.nuestras-marcas .wrapper-content .calugas-marcas .item { flex: 1; display: flex; padding: 0px 10px; }
.nuestras-marcas .wrapper-content .calugas-marcas .item .wrapper-item { flex: 1; display: flex; background-color: #fff; border-radius: 24px; position: relative; min-height: 238px; overflow: hidden; padding: 24px; box-shadow: 0px 5px 20px -6px #00000052; }
.nuestras-marcas .wrapper-content .calugas-marcas .item .wrapper-item .plato { position: absolute; right: 0; bottom: 0; }
.nuestras-marcas .wrapper-content .calugas-marcas .item .wrapper-item .plato img { }
.nuestras-marcas .wrapper-content .calugas-marcas .item .wrapper-item .logo { max-width: 186px; max-height: 72px; display: flex; align-items: center; justify-content: center; width: 52%; }
.nuestras-marcas .wrapper-content .calugas-marcas .item .wrapper-item .logo img { max-width: 100%; height: auto; }
.nuestras-marcas .wrapper-content .calugas-marcas .item .wrapper-item .boton { position: absolute; bottom: 40px; }
@media (max-width:991px) {
    .nuestras-marcas .wrapper-content .calugas-marcas .item .wrapper-item .logo { width: 100%; padding: 0px 15px; max-width: 100%; }
    .nuestras-marcas .wrapper-content .calugas-marcas .item .wrapper-item .plato img { width: 100%; }
    .nuestras-marcas .wrapper-content .calugas-marcas .item .wrapper-item .plato { width: 44%; }
}
@media (max-width:768px) {
    .nuestras-marcas .wrapper-content .titulo h2 { font-size: 36px; margin-bottom: 15px; }
    .nuestras-marcas .wrapper-content .titulo p { font-weight: 300; }
    .nuestras-marcas .wrapper-content { padding-top: 60px; }
    .nuestras-marcas .wrapper-content .titulo { margin-bottom: 35px; }
    .nuestras-marcas .wrapper-content .calugas-marcas { flex-direction: column; margin: 0; }
    .nuestras-marcas .wrapper-content .calugas-marcas .item { padding: 0; margin-bottom: 15px; }
    .nuestras-marcas .wrapper-content .calugas-marcas .item .wrapper-item .logo { max-width: 186px; padding: 0; }
    .nuestras-marcas .wrapper-content .calugas-marcas .item .wrapper-item .plato { width: 40%; max-width: 190px; }
    .nuestras-marcas .wrapper-content .calugas-marcas .item .wrapper-item { padding: 29px 25px; }
}
.pisos-productos { }
.pisos-productos .wrapper { }
.pisos-productos .wrapper .item { padding-top: 70px; padding-bottom: 70px; }
.pisos-productos .wrapper .item .titulares { }
.pisos-productos .wrapper .item .titulares .logo { display: flex; align-items: center; justify-content: center; margin-bottom: 15px; }
.pisos-productos .wrapper .item .titulares .logo figure { }
.pisos-productos .wrapper .item .titulares .logo figure img { max-width: 100%; height: auto; }
.pisos-productos .wrapper .item .titulares .parrafo { max-width: 790px; margin: 0 auto; text-align: center; color: #101010; font-size: 18px; }
.pisos-productos .wrapper .item .titulares .parrafo p { }
.pisos-productos .wrapper .item .productos { display: grid; grid-template-columns: repeat(auto-fit, 248px); justify-content: center; margin-left: -8px; margin-right: -8px; margin-top: 30px; }
.pisos-productos .wrapper .item .productos .producto { padding: 8px; display: flex; padding-bottom: 30px; }
.pisos-productos .wrapper .item .productos .producto .wrapper-producto { flex: 1; display: flex; flex-direction: column; background-color: #fff; box-shadow: 0px 5px 20px -6px #0000004d; border-radius: 8px; position: relative; overflow: hidden; }
.pisos-productos .wrapper .item .productos .producto .wrapper-producto .top { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: end; padding-top: 10px; position: relative; z-index: 1; }
.pisos-productos .wrapper .item .productos .producto .wrapper-producto .top figure { margin: 0; margin-bottom: 10px; }
.pisos-productos .wrapper .item .productos .producto .wrapper-producto .top figure img { max-width: 100%; height: auto; }
.pisos-productos .wrapper .item .productos .producto .wrapper-producto .bottom { padding-bottom: 30px; position: relative; z-index: 1; padding-left: 10px; padding-right: 10px; display: flex; flex-direction: column; align-items: center; text-align: center; flex: 1; }
.pisos-productos .wrapper .item .productos .producto .wrapper-producto .bottom h4 { color: #572A31; font-size: 20px; font-weight: bold; margin-bottom: 7px; border-bottom: 1px solid #70707021; padding-bottom: 10px; display: flex; flex: 1; width: 100%; text-align: center; justify-content: center; }
.pisos-productos .wrapper .item .productos .producto .wrapper-producto .bottom p { margin: 0; color: #4E4E52; font-size: 16px; }
.pisos-productos .wrapper .item .productos .producto .wrapper-producto .bottom p span { display: block; color: #EC1B23; font-size: 14px; font-weight: bold; position: absolute; left: 0; right: 0; bottom: 10px; }
.pisos-productos .wrapper .item .productos .producto .wrapper-producto::before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 49%; background-color: #FFECD9; }
.pisos-productos .wrapper .item.aconcagua .productos .producto .wrapper-producto::before { background-color: #F9D6DE; }
.pisos-productos .wrapper .item.sabormex .productos .producto .wrapper-producto::before { background-color: #DDDFEE; }
@media (max-width:768px) {
    .pisos-productos .wrapper .item .productos { grid-template-columns: repeat(auto-fit, minmax(183px, 1fr)); }
    .pisos-productos .wrapper .item .productos .producto { padding-bottom: 8px; }
    .pisos-productos .wrapper .item .productos .producto .wrapper-producto .bottom h4 { font-size: 18px; }
    .pisos-productos .wrapper .item .productos .producto .wrapper-producto .bottom p { font-size: 14px; }
    .pisos-productos .wrapper .item { padding-top: 54px; padding-bottom: 54px; }
}
.piso-contacto { background-color: #0BA251; margin-top: 75px; position: relative; padding-top: 10px; padding-bottom: 170px; }
.piso-contacto .solapa { position: absolute; top: -36px; left: 0; right: 0; height: 36px; }
.piso-contacto .solapa svg { width: 100%; height: 100%; }
.piso-contacto .titular { text-align: center; max-width: 790px; margin: 0 auto; margin-bottom: 70px; }
.piso-contacto .titular h2 { color: #FFFFFF; font-size: 45px; font-weight: bold; }
.piso-contacto .titular p { color: #FFFFFF; font-size: 20px; text-align: center; line-height: 1.2; }
.piso-contacto .wrapper-form { max-width: 997px; width: 100%; display: flex; margin: 0 auto; background-color: #FFFFFF; border-radius: 8px; padding: 60px 70px; padding-bottom: 48px; box-shadow: 0px 5px 20px -6px #0000004d; }
.piso-contacto .wrapper-form form { display: flex; flex-direction: column; }
.piso-contacto .wrapper-form .top { display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; }
.piso-contacto .wrapper-form .top label { display: flex; flex-direction: column; color: #101010; font-family: Montserrat, sans-serif; font-size: 16px; width: 50%; padding: 10px; }
.piso-contacto .wrapper-form .top label input[type="text"] { background-color: #F7F7F7; border: 0; border-radius: 400px; min-height: 43px; padding: 5px 15px; outline: none; }
.piso-contacto .error { font-size: 11px; color: #e40404; display: block; margin-top: 4px; }
.piso-contacto .wrapper-form .mensaje { margin-left: -10px; margin-right: -10px; }
.piso-contacto .wrapper-form .mensaje label { display: flex; flex-direction: column; font-family: Montserrat, sans-serif; font-size: 16px; padding: 10px; }
.piso-contacto .wrapper-form .mensaje label textarea { background-color: #F7F7F7; border: 0; border-radius: 20px; min-height: 120px; padding: 5px 15px; outline: none; resize: none; }
.piso-contacto .wrapper-form .bottom { margin-top: 30px; display: flex; align-items: center; justify-content: space-between; }
.piso-contacto .wrapper-form .bottom .legales { display: flex; align-items: center; }
.piso-contacto .wrapper-form .bottom .legales label { display: flex; cursor: pointer; }
.piso-contacto .wrapper-form .bottom .legales label input[type="checkbox"] { opacity: 0; width: 0; height: 0; position: absolute; }
.piso-contacto .wrapper-form .bottom .legales label .left { padding-top: 2px; padding-right: 10px; }
.piso-contacto .wrapper-form .bottom .legales label .left .checkbox { width: 22px; height: 22px; border-radius: 100%; border: 2px solid #DA0032; display: flex; align-items: center; justify-content: center; transition: .3s ease; }
.piso-contacto .wrapper-form .bottom .legales label .right { max-width: 400px; }
.piso-contacto .wrapper-form .bottom .legales label .right p { margin: 0; color: #101010; font-size: 14px; font-family: Montserrat, sans-serif; }
.piso-contacto .wrapper-form .bottom .enviar input[type="submit"] { color: #FFFFFF; font-size: 18px; font-weight: bold; border: 0; padding: 0; background-color: #0BA251; padding: 11px 24px; padding-bottom: 12px; border-radius: 400px; transition: .3s ease; }
.piso-contacto .wrapper-form .top label select { background-color: #F7F7F7; border: 0; border-radius: 400px; min-height: 43px; padding: 5px 15px; outline: none; padding-right: 50px; -webkit-appearance: none; appearance: none; background-image: url(../img/chevron-sort-down.svg); background-position-y: center; background-repeat: no-repeat; background-position-x: calc(100% - 20px); cursor: pointer; }
.piso-contacto .wrapper-form .bottom .legales label input[type="checkbox"]:active ~ .left .checkbox::before { }
.piso-contacto .wrapper-form .bottom .legales label .left .checkbox::before { width: 10px; height: 10px; background-color: #0BA251; display: block; content: ''; border-radius: 100%; transition: .3s ease; opacity: 0; }
.piso-contacto .wrapper-form .bottom .legales label input[type="checkbox"]:checked ~ .left .checkbox { border-color: #0ba251; }
.piso-contacto .wrapper-form .bottom .legales label input[type="checkbox"]:checked ~ .left .checkbox::before { opacity: 1; }
.piso-contacto .wrapper-form .bottom .enviar input[type="submit"]:hover { background-color: #076934; }
@media (max-width:768px) {
    .piso-contacto .titular h2 { font-size: 36px; margin-bottom: 20px; }
    .piso-contacto .wrapper-form { padding: 40px 20px; padding-bottom: 50px; }
    .piso-contacto .wrapper-form .top label { width: 100%; }
    .piso-contacto .wrapper-form .bottom { flex-direction: column; }
    .piso-contacto .wrapper-form .bottom .legales { margin-bottom: 20px; }
    .piso-contacto { padding-bottom: 100px; }
}
.gracias { flex: 1; min-height: calc(100vh - 119px); background-color: #0BA251; display: flex; align-items: center; text-align: center; }
.gracias .wrapper-content { margin-bottom: 70px; }
.gracias .wrapper-content h1 { color: #FFFFFF; font-size: 45px; font-weight: bold; }
.gracias .wrapper-content p { color: #FFFFFF; font-size: 20px; }
.gracias .wrapper-content p a { background-color: #fff; text-decoration: none; border-radius: 400px; padding: 11px 25px 12px; font-size: 18px; color: #0ba251; font-weight: bold; transition: .3s ease; display: inline-block; margin-top: 34px; }