@charset "utf-8";

/* CSS Document */
* {
    margin: 0;
    padding: 0;
    outline: 0;
    font-style: normal;
    line-height: 1.1;
    font-family: Arial, Helvetica, sans-serif;
}

html,
body {
    font-size: 1em;
    outline: 0;
    background-color: #FFFFFF;
    background-image: url(../img/madera.jpg);
    background-position: top center;
    background-repeat: repeat-y;
    height: 100%;
    background-size: 100%;
    /* overflow-x: hidden; */
}

ul,
li {
    list-style: none;
}

p b {
    font-family: 'Raleway';
    font-weight: 600;
}

img {
    border: none;
}

a:focus {
    outline: 0px;
}

.clear {
    clear: both
}

.dfc {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.dfr {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

/*PARA ACCESIBILIDAD*/

/*-PARA LECTORES DE PANTALLA*/

.textindent {
    display: block;
    text-decoration: none;
    text-indent: -9999px;
}

.pc {
    display: block !important;
}

.mov {
    display: none !important;
}

/*TIPOS*/

@font-face {
    font-family: 'noteworthybold';
    src: url('../fonts/noteworthy-bold-webfont.eot');
    src: url('../fonts/noteworthy-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/noteworthy-bold-webfont.woff2') format('woff2'),
        url('../fonts/noteworthy-bold-webfont.woff') format('woff'),
        url('../fonts/noteworthy-bold-webfont.ttf') format('truetype'),
        url('../fonts/noteworthy-bold-webfont.svg#noteworthybold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: auto;
}

@font-face {
    font-family: 'Dolly';
    src: url('../fonts/Dolly-Bold.woff2') format('woff2'),
        url('../fonts/Dolly-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dolly';
    src: url('../fonts/Dolly-Roman.woff2') format('woff2'),
        url('../fonts/Dolly-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'back_to_black_demoregular';
    src: url('../fonts/back_to_black_demo.eot');
    src: url('../fonts/back_to_black_demo.eot?#iefix') format('embedded-opentype'),
        url('../fonts/back_to_black_demo.woff2') format('woff2'),
        url('../fonts/back_to_black_demo.woff') format('woff'),
        url('../fonts/back_to_black_demo.ttf') format('truetype'),
        url('../fonts/back_to_black_demo.svg#back_to_black_demoregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: auto;
}

@font-face {
    font-family: 'socicon';
    src: url('../fonts/socicon.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    text-transform: initial;
    font-display: auto;
}

@font-face {
    font-family: 'HighVoltage Rough';
    src: url('../fonts/HighVoltageRough.woff2') format('woff2'),
        url('../fonts/HighVoltageRough.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'highvoltage_roughregular';
    src: url('../fonts/highvoltage_rough-webfont.woff2') format('woff2'),
        url('../fonts/highvoltage_rough-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Acumin Pro";
    src: url("//db.onlinewebfonts.com/t/650e75c44483de69a226a69a55c25e82.eot");
    src: url("//db.onlinewebfonts.com/t/650e75c44483de69a226a69a55c25e82.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/650e75c44483de69a226a69a55c25e82.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/650e75c44483de69a226a69a55c25e82.woff") format("woff"), url("//db.onlinewebfonts.com/t/650e75c44483de69a226a69a55c25e82.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/650e75c44483de69a226a69a55c25e82.svg#Acumin Pro") format("svg");
}

@font-face {
    font-family: 'dearjoe_6regular';
    src: url('../fonts/dearjoe_6-webfont.woff2') format('woff2'),
        url('../fonts/dearjoe_6-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*GENERALES TEXTOS*/

p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.75em;
    color: #7b7b7b;
    margin-top: 15px;
}

a {
    font-family: Arial, Helvetica, sans-serif;
    color: #a61610;
    text-decoration: none;
}

h1,
.contenedores-sostenibilidad h2,
.contenedor-mundo-sostenible h2 {
    font-family: 'back_to_black_demoregular';
    font-size: 46px;
    color: #404040;
    line-height: 150px;
    position: relative;
    width: 100%;
    text-align: center;
    margin-bottom: 0px;
    max-width: 2500px;
    margin: 0px auto;
    background: none;
}


/*HEADER*/

header {
    width: 100%;
    background-color: rgba(256, 256, 256, 0.75);
    height: 60px;
    position: fixed;
    top: 0px;
    display: flex;
    justify-content: center;
    z-index: 99;
}

header a.logo {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 10px;
    right: 10px;
}

header a.logo img {
    width: 100%;
}


.nav-icon {
    width: 48px;
    height: 36px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    position: absolute;
    right: 12px;
    top: 12px;
    display: none;
    z-index: 100;
}

.nav-icon span {
    display: block;
    position: absolute;
    height: 7px;
    width: 100%;
    background: #212E56;
    border-radius: 7px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    box-shadow: 0px 4px 18px 3px #FFF;
}

.nav-icon span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.nav-icon span:nth-child(2) {
    top: 14.5px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.nav-icon span:nth-child(3) {
    top: 29px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.nav-icon.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 8px;
    top: -3px;
    box-shadow: none;
}

.nav-icon.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
}

.nav-icon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 7px;
    top: 31px;
    box-shadow: none;
}

.logomov {
    display: none;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -60px;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    width: 120px;
    height: 88px;
    background-image: url(../img/logo.webp) center/100% no-repeat;
}

header nav>ul.menu {
    height: 60px;
    text-align: center;
    width: auto;
}

header nav>ul>li {
    display: inline-block;
    padding: 0 37px;
    position: relative;
    vertical-align: top;
    width: 156px;
    text-align: center;
}

header nav>ul>li:nth-child(3) {
    width: 210px;
    padding: 0px;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

header nav>ul>li>a,
header nav>ul>li>span {
    font-family: 'noteworthybold';
    font-size: 16px;
    line-height: 50px;
    text-transform: uppercase;
    margin-top: 7px;
    float: left;
    color: #404040;
    cursor: pointer;
    width: 100%;
    text-align: center;
}


header nav>ul>li:hover .submenu {
    display: inline-block;
}

header nav>ul>li>a:after,
header nav>ul>li>span:after {
    display: block;
    content: '';
    border-bottom: 3px solid #404040;
    transform: scaleX(0);
    transition: transform 250ms ease-in-out;
}

header nav>ul>li:hover>a:after {
    transform: scaleX(1);
}

header nav>ul>li.logo a {
    margin-top: 0px;
}

header nav>ul>li.logo a:after {
    margin-top: 0px;
    border: 0px;
}

header nav>ul>li.logo a img {
    width: 100%;
}


header nav>ul>li ul.submenu {
    background: rgba(256, 256, 256, 0.75);
    left: 0;
    position: absolute;
    top: 60px;
    width: 100%;
    display: none;
    padding-top: 5px;
}

header nav>ul>li:hover ul.submenu {
    display: inline-block;
}

header nav>ul>li ul.submenu li {
    float: left;
    width: 100%;
    min-height: 24px;
}

header nav>ul>li ul.submenu li a {
    float: left;
    width: 100%;
    text-align: center;
    line-height: 24px;
    font-family: 'noteworthybold';
    font-size: 11px;
    color: #404040;
    cursor: pointer;
    text-transform: uppercase;
}

header nav>ul>li ul.submenu li a .destacado {
    font-family: 'noteworthybold';
    font-size: 11px;
    background: yellow;
    padding: 6px 6px 0px 6px;
    border-radius: 4px;
    display: inline-block;
    margin-left: 4px;
    font-weight: bold;
}

header nav>ul>li ul.submenu li a:hover {
    color: #a4a4a4;
}


/*INDEX*/

section.homeHeader {
    height: 100%;
    margin: 0 auto;
    /* max-width: 2500px; */
    width: 100%;
    position: relative;
}

section.homeHeader .owl-carousel {
    height: 100%;
}

section.homeHeader .owl-carousel .owl-stage-outer {
    height: 100%;
}

section.homeHeader .owl-carousel .owl-stage {
    height: 100%;
}

section.homeHeader .owl-carousel.owl-drag .owl-item {
    height: 100%;
}

section.homeHeader .owl-carousel .item {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    position: relative;
}

section.homeHeader .owl-carousel .owl-item .item img,
section.homeHeader .owl-carousel .owl-item .item video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

section.homeHeader .owl-carousel .item button {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(90px);
    text-transform: uppercase;
    padding: 5px 25px;
    pointer-events: none;
    font-family: 'Raleway';
    font-size: 17px;
    line-height: 35px;
    background: #f2ad32;
    color: #FFFFFF;
    border: none;
}

section.homeHeader .owl-carousel .item.back-concurso-esparragos {
    background-image: url("../img/home/concurso-esparragos.jpg");
    background-position: center right;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-align-items: flex-start;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    padding-top: 180px;
}

section.homeHeader .owl-carousel .item.back-concurso-esparragos a {
    width: 100%;
    text-align: center;
}

section.homeHeader .owl-carousel .item.back-concurso-esparragos img {
    max-width: 100%;
    width: auto;
    max-height: calc(100vh - 180px);
    display: inline-block;
}

section.homeHeader .owl-carousel .item.back-promo3000 {
    background-image: url("../img/home/header3000lotes.jpg");
    background-position: center right;
}

section.homeHeader .owl-carousel .item.back0 {
    background-image: url("../img/home/home-slider-receta-esparragos-vieiras.jpg");
}

section.homeHeader .owl-carousel .item.back0.en {
    background-image: url("../img/home/home-slider-receta-esparragos-vieiras.jpg");
}

section.homeHeader .owl-carousel .item.backHeura {
    background-image: url("../img/home/headerHeura.jpg");
}

section.homeHeader .owl-carousel .item.back1 {
    background-image: url("../img/home/header.jpg");
}

section.homeHeader .owl-carousel .item.back2 {
    background-image: url("../img/home/header2.jpg");
}

section.homeHeader .owl-carousel .item.back3 {
    background-image: url("../img/home/header3.jpg");
}

section.homeHeader .owl-carousel .item.back4 {
    background-image: url("../img/home/header4.jpg");
}

section.homeHeader .owl-carousel .item.back9 {
    background-image: url("../img/home/banner-esparragos.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom right;
}

section.homeHeader .owl-carousel .item .historia img {
    object-position: center bottom !important;
}

section.homeHeader .owl-carousel .item.back-casa {
    background: url(../img/home/banner-casa.jpg) center/cover no-repeat;
    background-position: center 63%;
}

section.homeHeader .owl-carousel .item.carretilla-se-lleva {
    background: url(../img/home/carretilla-se-lleva.jpg) center top/cover no-repeat;
}

section.homeHeader .owl-carousel .item.back-roja {
    background: url(../img/home/banner-con-la-roja.jpg) center/cover no-repeat;
}


section.homeHeader .owl-carousel .item.dia-mujer {
    background: url(../img/home/banner-dia-mujer.jpg) center bottom/cover no-repeat;
}


section.homeHeader .owl-carousel .item.dia-padre {
    background: #092240 url(../img/home/banner-dia-padre.jpg) center/auto 85% no-repeat;
}

section.homeHeader .owl-carousel .item.dia-madre {
    background: #1b2741 url(../img/home/banner-dia-madre.png) center/auto 85% no-repeat;
}

section.homeHeader .owl-carousel .item.sorteo-platos-listos {
    background: url(../img/home/slide-platos-listos.jpg) center/cover no-repeat;
}


section.homeHeader .owl-carousel .item.back5 {
    background-image: url("../img/home/header5.jpg");

}

section.homeHeader .owl-carousel .item.back-navidad {
    background-image: url("../img/home/banner-navidad.png");

}

section.homeHeader .owl-carousel .item.back10 {
    background-position: bottom;
    background-position-y: 96%;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.homeHeader .owl-carousel .item.back11 {
    background-image: url("../img/home/vulnerables.jpg");
    background-position: center bottom;
    display: flex;
    align-items: center;
    justify-content: center;
}



.item .play {

    background-image: url(../img/icono-play.png);
    display: inline-block;
    width: 150px;
    margin: 0 auto;
    height: 150px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;

}

/* .item.back10  {
    max-width: 69px;
    position: absolute;
    bottom: 44px;
    right: 50px;
}  */



section.homeHeader .owl-carousel .item.back6 {
    background-image: url("../img/home/header6.jpg");
}

section.homeHeader .owl-carousel .item.back7 {
    background-image: url("../img/home/header7.jpg");
}

section.homeHeader .owl-carousel .item.back8 {
    background-image: url("../img/home/header8.jpg");
}

section.homeHeader .owl-carousel .item.backprueba1 {
    background-image: url("../img/home/headerprueba1.jpg");
}

section.homeHeader .owl-carousel .item.backprueba2 {
    background-image: url("../img/home/headerprueba2.jpg");
}

section.homeHeader .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px;
    position: absolute;
    bottom: 0px;
    right: 0;
}

section.homeHeader .owl-prev {
    background: url("/img/home/izq.png") center/cover !important;
    height: 58px;
    left: 9px;
    margin-top: -29px !important;
    padding: 0 !important;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    width: 48px;
    z-index: 2;
    cursor: pointer;
}

section.homeHeader .owl-next {
    background: url(/img/home/der.png) center/cover !important;
    height: 58px;
    right: 9px;
    margin-top: -29px !important;
    padding: 0 !important;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    width: 48px;
    z-index: 2;
    cursor: pointer;
}

a.down {
    position: absolute;
    background: url("../img/down.png");
    bottom: 15px;
    width: 54px;
    height: 54px;
    left: 50%;
    margin-left: -27px;
    background-size: cover;
    cursor: pointer;
    z-index: 9;
}

.veggie a.down {
    position: absolute;
    background: url("../img/down-black.png");
    bottom: 15px;
    width: 54px;
    height: 54px;
    left: 50%;
    margin-left: -27px;
    background-size: contain;
    cursor: pointer;
    z-index: 9;
}

/*section.homeHeader .content {
    max-width: 578px;
    position: absolute;
    width: 100%;
    min-height: 320px;
    display: table;
    left: 7%;
    top: 24%;
    }*/

section.homeHeader .content {
    position: absolute;
    width: 578px;
    min-height: 320px;
    display: table;
    left: 23%;
    top: 29%;
    margin-left: -289px;
}

section.homeHeader .content h1 {
    font-family: 'back_to_black_demoregular';
    font-size: 60px;
    line-height: 110px;
    position: relative;
    text-align: center;
    padding: 0px 0px 26px;
    color: #FFF;
    text-shadow: 2px 2px 11px #404040;
    background: none;
}

section.homeHeader .content h1:after {
    display: block;
    content: '';
    border-bottom: 2px solid #FFF;
    width: 100px;
    position: absolute;
    top: 6;
    left: 50%;
    margin-left: -50px;
    box-shadow: 2px 2px 11px #404040;
}

section.homeHeader .content p {
    width: 80%;
    margin: 0px 10% 10px;
    font-family: 'Raleway';
    font-weight: 500;
    color: #FFFFFF;
    font-size: 40px;
    text-align: center;
    text-shadow: 2px 2px 11px #404040;
}

section.homeHeader .content aside {
    background: #fff none repeat scroll 0 0;
    bottom: 10px;
    display: block;
    line-height: 36px;
    margin: 21px auto 0px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 124px;
    height: 35px;
}

section.homeHeader .item a {
    width: 100%;
    height: 100%;
    position: absolute;
}

section.homeHeader .content aside span {
    color: #404040;
    display: inline-block;
    font-family: "Raleway";
    font-size: 17px;
    font-weight: 400;
    line-height: 35px;
    position: relative;
    transition: transform 0.3s ease 0s;
    width: 100%;
}

section.homeHeader .content aside span::before {
    position: absolute;
    top: 100%;
    content: attr(data-hover);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    line-height: 36px;
    font-family: 'Raleway';
    font-weight: 600;
    font-size: 17px;
    width: 100%;
    left: 0;
    background: #f2ad32;
    color: #FFF;
}

section.homeHeader .item a:hover aside span,
section.homeHeader .item a:focus aside span {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}

section.homeEsparragos {
    height: 75%;
    width: 100%;
    max-width: 2500px;
    margin: 0px auto;
    min-height: 450px;
}

section.homeEsparragos article {
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    float: left;
}

section.homeEsparragos article:nth-child(2) {
    position: relative;
    width: 70%;
    background-position: center center;
}

section.homeEsparragos article:nth-child(2) img {
    position: absolute;
    width: 100%;
    height: inherit;
    object-position: center center;
    object-fit: cover;
}

section.homeEsparragos article:nth-child(1) {
    position: relative;
    width: 30%;
    background-color: #FFF;
    display: table;
}

section.homeEsparragos article:nth-child(1) a {
    display: table-cell;
    vertical-align: middle;
    float: none;
}

section.homeEsparragos article:nth-child(1) a h2 {
    text-align: center;
    font-family: 'back_to_black_demoregular';
    font-size: 40px;
    line-height: 50px;
    padding-bottom: 20px;
    width: 90%;
    margin: 0px 5%;
    color: #404040;
}

section.homeEsparragos article:nth-child(1) a h2:after {
    display: block;
    content: '';
    border-bottom: 2px solid #464646;
    width: 100px;
    position: absolute;
    top: 6;
    left: 50%;
    margin-left: -50px;
}

section.homeEsparragos article:nth-child(1) a p {
    text-align: center;
    font-family: 'Raleway';
    font-size: 20px;
    font-weight: 400;
    color: #404040;
    width: 70%;
    margin: 0px 15%;
}

section.homeHistoria145 {
    height: 75%;
    width: 100%;
    max-width: 2500px;
    margin: 0px auto;
    min-height: 450px;
}

section.homeHistoria145 article {
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    float: right;
}

section.homeHistoria145 article:nth-child(2) {
    background-image: url(../img/home/historia-banner.jpg);
    position: relative;
    width: 70%;
    background-position: center center;
}

section.homeHistoria145 article:nth-child(1) {
    position: relative;
    width: 30%;
    background-color: #FFF;
    display: table;
}

section.homeHistoria145 article:nth-child(1) a {
    display: table-cell;
    vertical-align: middle;
    float: none;
}

section.homeHistoria145 article:nth-child(1) a h2 {
    text-align: center;
    font-family: 'back_to_black_demoregular';
    font-size: 40px;
    line-height: 50px;
    padding-bottom: 20px;
    width: 90%;
    margin: 0px 5%;
    color: #404040;
}

section.homeHistoria145 article:nth-child(1) a h2:after {
    display: block;
    content: '';
    border-bottom: 2px solid #464646;
    width: 100px;
    position: absolute;
    top: 6;
    left: 50%;
    margin-left: -50px;
}

section.homeHistoria145 article:nth-child(1) a p {
    text-align: center;
    font-family: 'Raleway';
    font-size: 20px;
    font-weight: 400;
    color: #404040;
    width: 70%;
    margin: 0px 15%;
}

section.homeBlog {
    height: 75%;
    width: 100%;
    max-width: 2500px;
    margin: 0px auto;
    min-height: 450px;
}

section.homeBlog article:nth-child(2) {
    float: right;
}

section.homeBlog article:nth-child(2) img {
    position: absolute;
    width: 100%;
    height: inherit;
    object-position: center center;
    object-fit: cover;
}

section.homeBlog article:nth-child(2) {
    float: left;
}

section.homeBlog article {
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    float: right;
}

section.homeBlog article:nth-child(2) {
    position: relative;
    width: 70%;
}

section.homeBlog article:nth-child(1) {
    position: relative;
    width: 30%;
    background-color: #FFF;
    display: table;
}

section.homeBlog article:nth-child(1) a {
    display: table-cell;
    vertical-align: middle;
    float: none;
}

section.homeBlog article:nth-child(1) a h2 {
    text-align: center;
    font-family: 'back_to_black_demoregular';
    font-size: 40px;
    line-height: 50px;
    padding-bottom: 20px;
    width: 90%;
    margin: 0px 5%;
    color: #404040;
}

section.homeBlog article:nth-child(1) a h2:after {
    display: block;
    content: '';
    border-bottom: 2px solid #464646;
    width: 100px;
    position: absolute;
    top: 6;
    left: 50%;
    margin-left: -50px;
}

section.homeBlog article:nth-child(1) a p {
    text-align: center;
    font-family: 'Raleway';
    font-size: 20px;
    font-weight: 400;
    color: #404040;
    width: 70%;
    margin: 0px 15%;
}



section.homeenLata {
    height: 75%;
    width: 100%;
    max-width: 2500px;
    margin: 0px auto;
    min-height: 450px;
}

section.homeenLata article {
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    float: left;
}

section.homeenLata article:nth-child(2) {
    background-image: url(../img/home/enLata.jpg);
    background-position: center;
    position: relative;
    width: 70%;
}

section.homeenLata article:nth-child(1) {
    position: relative;
    width: 30%;
    background-color: #FFF;
    display: table;
}

section.homeenLata article:nth-child(1) a {
    display: table-cell;
    vertical-align: middle;
    float: none;
}

section.homeenLata article:nth-child(1) a h2 {
    text-align: center;
    font-family: 'back_to_black_demoregular';
    font-size: 40px;
    line-height: 50px;
    padding-bottom: 20px;
    width: 90%;
    margin: 0px 5%;
    color: #404040;
}

section.homeenLata article:nth-child(1) a h2:after {
    display: block;
    content: '';
    border-bottom: 2px solid #464646;
    width: 100px;
    position: absolute;
    top: 6;
    left: 50%;
    margin-left: -50px;
}

section.homeenLata article:nth-child(1) a p {
    text-align: center;
    font-family: 'Raleway';
    font-size: 20px;
    font-weight: 400;
    color: #404040;
    width: 70%;
    margin: 0px 15%;
}

section.homeCuida {
    height: 75%;
    width: 100%;
    max-width: 2500px;
    margin: 0px auto;
    min-height: 450px;
}

section.homeCuida article {
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    float: right;
}

section.homeCuida article:nth-child(2) {
    background-image: url(../img/home/tecuida.jpg);
    position: relative;
    width: 70%;
}

section.homeCuida article:nth-child(1) {
    position: relative;
    width: 30%;
    background-color: #FFF;
    display: table;
    float: right;
}

section.homeCuida article:nth-child(1) a {
    display: table-cell;
    vertical-align: middle;
    float: none;
}

section.homeCuida article:nth-child(1) a h2 {
    text-align: center;
    font-family: 'back_to_black_demoregular';
    font-size: 40px;
    line-height: 50px;
    padding-bottom: 20px;
    width: 90%;
    margin: 0px 5%;
    color: #404040;
}

section.homeCuida article:nth-child(1) a h2:after {
    display: block;
    content: '';
    border-bottom: 2px solid #464646;
    width: 100px;
    position: absolute;
    top: 6;
    left: 50%;
    margin-left: -50px;
}

section.homeCuida article:nth-child(1) a p {
    text-align: center;
    font-family: 'Raleway';
    font-size: 20px;
    font-weight: 400;
    color: #404040;
    width: 70%;
    margin: 0px 15%;
}

section.homeBlog article aside,
section.homeEsparragos article aside,
.intro-acceso-categorias article aside,
section.homeenLata article aside,
section.homeCuida article aside,
section.homeHistoria145 article aside {
    border: 1px solid #f2ad32;
    bottom: 10px;
    margin: 80px auto 0;
    overflow: hidden;
    text-align: center;
    width: 124px;
    position: relative;
}

.intro-acceso-categorias article aside {
    margin-top: 0;
}

section.homeHistoria145 article aside {
    width: 240px;
}

section.sharePlate .share aside {
    border: 1px solid #f2ad32;
    bottom: 10px;
    margin: 45px auto 0;
    overflow: hidden;
    text-align: center;
    max-width: 295px;
    position: relative;
    margin-bottom: 20px;
    width: 100%;

}

section.productInfo aside.btn_microsite {
    bottom: 10px;
    margin: 27px auto 0;
    overflow: hidden;
    text-align: center;
    position: relative;
    margin-bottom: 20px;
    width: 100%;
    height: 148px;
    position: relative;
    z-index: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

section.productInfo .textoPrincipal .link {
    position: relative;
}

section.productInfo .textoPrincipal .link .background-img {
    position: absolute;
    width: 100%;
    height: -webkit-fill-available;
    object-position: center center;
    object-fit: cover;
    bottom: 0;
}

aside.btn_microsite a {
    color: #404040 !important;
}

section.homeNovedadesFinal .leftNov div>a {
    border: 1px solid #f2ad32;
    bottom: 10px;
    margin: 38px auto 0;
    overflow: hidden;
    text-align: center;
    width: 124px;
    position: relative;
    display: block;
}

section.homeBlog article aside span,
section.homeEsparragos article aside span,
.intro-acceso-categorias article aside span,
section.homeCuida article aside span,
section.homeenLata article aside span,
section.homeHistoria145 article aside span,
section.sharePlate .share aside span,
section.productInfo aside.btn_microsite span,
section.homeNovedadesFinal .leftNov div>a span {
    position: relative;
    display: inline-block;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    line-height: 35px;
    font-family: 'Raleway';
    font-weight: 400;
    color: #404040;
    font-size: 17px;
    width: 100%;
}

section.homeBlog article aside span::before,
section.homeEsparragos article aside span::before,
.intro-acceso-categorias article aside span::before,
section.homeHistoria145 article aside span::before,
section.homeCuida article aside span::before,
section.homeenLata article aside span::before,
section.sharePlate .share aside span::before,
section.homeNovedadesFinal .leftNov div>a span::before {
    position: absolute;
    top: 100%;
    content: attr(data-hover);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    line-height: 35px;
    font-family: 'Raleway';
    font-weight: 600;
    font-size: 17px;
    width: 100%;
    left: 0;
    background: #f2ad32;
    color: #FFF;
    height: 35px;
}

aside.btn_microsite span {
    background: #ffffffb5;
    text-transform: uppercase;
    font-weight: bold !important;
    max-width: 250px;
    padding: 15px
}

section.homeBlog article:hover aside span,
section.homeBlog article:focus aside span,
section.homeEsparragos article:hover aside span,
section.homeHistoria145 article:hover aside span,
section.homeEsparragos article:focus aside span,
section.homeCuida article:hover aside span,
section.homeCuida article:focus aside span,
section.homeenLata article:hover aside span,
section.homeenLata article:focus aside span,
section.sharePlate .share:hover aside span,
section.sharePlate .share:focus aside span,
section.productInfo:focus aside.btn_microsite span,
.intro-acceso-categorias article:hover aside span,
section.homeNovedadesFinal .leftNov div>a:hover span,
section.homeNovedadesFinal .leftNov div>a:focus span {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}

section.historiahome {
    height: 600px;
    width: 100%;
    max-width: 2500px;
    margin: 0px auto;
    background-image: url(../img/home/historianew.jpg);
    background-size: cover;
    background-position: center center;
    position: relative;
    overflow: hidden;
}

section.historiahome.banner_esparragos {
    height: 390px;
}

section.historiahome img {
    width: 100%;
}

section.historiahome article.text {
    position: absolute;
    width: 300px;
    height: 300px;
    top: 50%;
    left: 10%;
    margin-top: -155px;
    background-color: rgba(256, 256, 256, 0.85);
    box-sizing: border-box;
    padding: 20px;
    display: table;
    z-index: 5;
}

section.historiahome article.text a {
    display: table-cell;
    vertical-align: middle;
}

section.historiahome article.text h2 {
    font-family: 'back_to_black_demoregular';
    font-size: 44px;
    color: #464646;
    line-height: 65px;
    position: relative;
    text-align: center;
}

section.historiahome article.text h2:after {
    display: block;
    content: '';
    border-bottom: 2px solid #464646;
    width: 100px;
    position: absolute;
    top: 6;
    left: 50%;
    margin-left: -50px;
    z-index: 5;
}

section.historiahome article.text p {
    font-weight: 400;
    font-family: 'Raleway';
    font-size: 17px;
    line-height: 20px;
    color: #464646;
    margin-top: 23px;
    text-align: center;
}

section.historiahome article.text aside {
    border: 1px solid #f2ad32;
    bottom: 10px;
    margin: 38px auto 0;
    overflow: hidden;
    text-align: center;
    width: 210px;
    position: relative;
    display: block;
}

section.historiahome article.text aside span {
    position: relative;
    display: inline-block;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    line-height: 35px;
    font-family: 'Raleway';
    font-weight: 400;
    color: #404040;
    font-size: 17px;
    width: 100%;
}

section.historiahome article.text aside span::before {
    position: absolute;
    top: 100%;
    content: attr(data-hover);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    line-height: 35px;
    font-family: 'Raleway';
    font-weight: 600;
    font-size: 17px;
    width: 100%;
    left: 0;
    background: #f2ad32;
    color: #FFF;
    height: 35px;
}

section.historiahome article.text>a:hover aside span,
section.historiahome article.text>a:focus aside span {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}



/*NOVEDADES CARRUSEL*/

section.homeNovedadesFinal {
    height: 700px;
    margin: 0 auto;
    max-width: 2500px;
    width: 100%;
    position: relative;
}

section.homeNovedadesFinal .owl-carousel {
    height: 100%;
    padding-bottom: 10px;
}

section.homeNovedadesFinal .owl-carousel .owl-stage-outer {
    height: 100%;
}

section.homeNovedadesFinal .owl-carousel .owl-stage {
    height: 100%;
}

section.homeNovedadesFinal .owl-carousel.owl-drag .owl-item {
    height: 100%;
}

section.homeNovedadesFinal .owl-carousel .item {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    position: relative;
}

section.homeNovedadesFinal .content {
    position: absolute;
    width: 578px;
    min-height: 320px;
    display: table;
    left: 50%;
    top: 23%;
    margin-left: -289px;
}

section.homeNovedadesFinal .content h1 {
    font-family: 'back_to_black_demoregular';
    font-size: 60px;
    line-height: 110px;
    position: relative;
    text-align: center;
    padding: 0px 0px 26px;
    color: #FFF;
    text-shadow: 2px 2px 11px #404040;
    background: none;
}

section.homeNovedadesFinal .content h1:after {
    display: block;
    content: '';
    border-bottom: 2px solid #FFF;
    width: 100px;
    position: absolute;
    top: 6;
    left: 50%;
    margin-left: -50px;
    box-shadow: 2px 2px 11px #404040;
}

section.homeNovedadesFinal .content p {
    width: 80%;
    margin: 0px 10% 10px;
    font-family: 'Raleway';
    font-weight: 500;
    color: #FFFFFF;
    font-size: 40px;
    text-align: center;
    text-shadow: 2px 2px 11px #404040;
}

section.homeNovedadesFinal .content aside {
    background: #fff none repeat scroll 0 0;
    bottom: 10px;
    display: block;
    line-height: 36px;
    margin: 21px auto 0px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 124px;
    height: 35px;
}

section.homeNovedadesFinal .content aside span {
    color: #404040;
    display: inline-block;
    font-family: "Raleway";
    font-size: 17px;
    font-weight: 400;
    line-height: 35px;
    position: relative;
    transition: transform 0.3s ease 0s;
    width: 100%;
}


section.homeNovedadesFinal .content aside span::before {
    position: absolute;
    top: 100%;
    content: attr(data-hover);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    line-height: 36px;
    font-family: 'Raleway';
    font-weight: 600;
    font-size: 17px;
    width: 100%;
    left: 0;
    background: #f2ad32;
    color: #FFF;
}

section.homeNovedadesFinal .item a:hover aside span,
section.homeNovedadesFinal .item a:focus aside span {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}


/*MIO*/

section.homeNovedadesFinal .leftNov {
    width: 40%;
    margin: 0 2.5% 0 5%;
    float: left;
    padding: 50px 0px;
    display: table;
    height: 100%;
}

section.homeNovedadesFinal .leftNov div {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

section.homeNovedadesFinal .rightNov {
    width: 47.5%;
    margin: 0% 5% 0% 0%;
    float: right;
    height: 100%;
    padding: 50px 0px;
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    box-sizing: border-box;
}

section.homeNovedadesFinal .rightNov.nove1 {
    background-image: url(../img/home/novedades/recetasEsparragos.png);
}

section.homeNovedadesFinal .rightNov.nove2 {
    background-image: url(../img/home/novedades/novedades-paella.png);
}

/* section.homeNovedadesFinal .rightNov.nove3 {
    background-image: url(../img/home/novedades/tex.png);
} */

section.homeNovedadesFinal .rightNov.nove4 {
    background-image: url(../img/home/novedades/Novedades-carne.png);
}

section.homeNovedadesFinal .rightNov.nove5 {
    background-image: url(../img/home/novedades/Novedades-veggie.png);
}

/*
MACARRONES
section.homeNovedadesFinal .rightNov.nove6 {
    background-image: url(../img/home/novedades/Novedades-macarrones.png);
}

*/
section.homeNovedadesFinal h2 {
    width: 100%;
    height: 60px;
    padding: 0px 0px;
    margin: 40px 0px 30px;
    background-image: url(../img/home/novedades.png);
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -9999px
}

section.homeNovedadesFinal h2.tex-mex {
    background-image: url(../img/home/novedades/texTitle.png);
    height: 160px;
    background-size: auto 100%;
}

section.homeNovedadesFinal h3 {
    width: 100%;
    line-height: 60px;
    color: #404040;
    font-size: 45px;
    text-align: center;
    font-family: 'back_to_black_demoregular';
}

section.homeNovedadesFinal p {
    font-family: 'Raleway';
    color: #404040;
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    margin: 0px auto;
    width: 100%;
    max-width: 800px;
    margin-top: 15px;
    line-height: 27px;
}

section.homeNovedadesFinal p.sub {
    font-weight: 500;
    font-size: 24px;
}

section.homeNovedadesFinal ul.sopas {
    box-sizing: border-box;
    display: block;
    margin: 40px auto 0;
    max-width: 800px;
    width: 100%;
}

section.homeNovedadesFinal ul.sopas>li {
    box-sizing: border-box;
    float: left;
    margin: 0;
    padding: 0;
    width: 25%;
}

section.homeNovedadesFinal ul.sopas a {
    box-sizing: border-box;
    float: left;
    height: 100%;
    width: 100%;
}

section.homeNovedades ul.sopas img {
    width: 100%;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

section.homeNovedadesFinal ul.sopas a:hover img {
    transform: scale(1.2);
}




/************************************************************************************/


section.homeNovedades {
    height: 450px;
    position: relative;
    width: 100%;
    max-width: 1400px;
    margin: 40px auto 30px;
    /*background-image: url(../img/home/homeNews1.png), url(../img/home/homeNews2.png);
    background-position: left bottom, right bottom;
    background-repeat: no-repeat;*/
}

section.homeNovedades .leftNov {
    width: 40%;
    margin: 0 5%;
    float: left;
}

section.homeNovedades .rightNov {
    width: 50%;
    margin: 0%;
    float: right;
    height: 100%;
    background-image: url(../img/home/sopas.png);
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

section.homeNovedades h2 {
    width: 100%;
    height: 60px;
    padding: 0px 0px;
    margin: 40px 0px 30px;
    background-image: url(../img/home/novedades.png);
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -9999px
}

section.homeNovedades h3 {
    width: 100%;
    line-height: 60px;
    color: #404040;
    font-size: 45px;
    text-align: center;
    font-family: 'back_to_black_demoregular';
}

section.homeNovedades p {
    font-family: 'Raleway';
    color: #404040;
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    margin: 0px auto;
    width: 100%;
    max-width: 800px;
    margin-top: 15px;
    line-height: 27px;
}

section.homeNovedades p.sub {
    font-weight: 500;
    font-size: 24px;
}

section.homeNovedades ul.sopas {
    box-sizing: border-box;
    display: block;
    margin: 40px auto 0;
    max-width: 800px;
    width: 100%;
}

section.homeNovedades ul.sopas>li {
    box-sizing: border-box;
    float: left;
    margin: 0;
    padding: 0;
    width: 25%;
}

section.homeNovedades ul.sopas a {
    box-sizing: border-box;
    float: left;
    height: 100%;
    width: 100%;
}

section.homeNovedades ul.sopas img {
    width: 100%;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

section.homeNovedades ul.sopas a:hover img {
    transform: scale(1.2);
}

section.homeHistoria {
    height: 800px;
    width: 100%;
    max-width: 2500px;
    margin: 0px auto;
    background-image: url(../img/home/historia.jpg);
    background-size: cover;
    background-position: center center;
    position: relative;
    background-attachment: fixed;
}

section.homeHistoria .text {
    width: 100%;
    position: relative;
    padding-right: 70%;
    height: 100%;
    background-image: url(../img/home/history1.png);
    background-position: 42% bottom;
    background-repeat: no-repeat;
    box-sizing: border-box;
    background-size: 39%;
}

section.homeHistoria .history2 {
    width: 40%;
    position: absolute;
    top: -20px;
    left: 30%;
    z-index: 2;
}

section.homeHistoria .history3 {
    width: 30%;
    position: absolute;
    bottom: 88px;
    right: 23%;
    z-index: 3;
}

section.homeHistoria .history4 {
    width: 25%;
    position: absolute;
    top: -35px;
    right: 26%;
    z-index: 4;
}

section.homeHistoria .history5 {
    width: 30%;
    position: absolute;
    top: -35px;
    right: 0%;
    z-index: 2;
}

section.homeHistoria .history6 {
    width: 28%;
    position: absolute;
    bottom: -2px;
    right: 0%;
    z-index: 1;
}

section.homeHistoria .history7 {
    width: 31%;
    position: absolute;
    bottom: 25%;
    right: 5%;
    z-index: 4;
}

section.homeHistoria .history8 {
    width: 31%;
    position: absolute;
    bottom: -60px;
    right: 20%;
    z-index: 3;
}

section.homeHistoria img {
    width: 100%;
}

section.homeHistoria article.text {
    display: table;
}

section.homeHistoria article.text a {
    display: table-cell;
    vertical-align: middle;

}


section.homeHistoria article a h2 {
    text-align: center;
    font-family: 'back_to_black_demoregular';
    font-size: 40px;
    line-height: 50px;
    padding-bottom: 20px;
    width: 90%;
    margin: 0px 5%;
    color: #404040;
    position: relative;
}

section.homeHistoria article a h2:after {
    display: block;
    content: '';
    border-bottom: 2px solid #464646;
    width: 100px;
    position: absolute;
    top: 6;
    left: 50%;
    margin-left: -50px;
}

section.homeHistoria article a p {
    text-align: center;
    font-family: 'Raleway';
    font-size: 20px;
    font-weight: 400;
    color: #404040;
    width: 70%;
    margin: 0px 15%;
}

section.homeHistoria article aside {
    border: 1px solid #f2ad32;
    bottom: 10px;
    margin: 80px auto 0;
    overflow: hidden;
    text-align: center;
    width: 200px;
    position: relative;
}

section.homeHistoria article aside span {
    position: relative;
    display: inline-block;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    line-height: 35px;
    font-family: 'Raleway';
    font-weight: 400;
    color: #404040;
    font-size: 17px;
    width: 100%;
}

section.homeHistoria article aside span::before {
    position: absolute;
    top: 100%;
    content: attr(data-hover);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    line-height: 35px;
    font-family: 'Raleway';
    font-weight: 600;
    font-size: 17px;
    width: 100%;
    left: 0;
    background: #f2ad32;
    color: #FFF;
    height: 35px;
}

section.homeHistoria article:hover aside span,
section.homeHistoria article:focus aside span {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}

/* RRSS-INSTAGRAM CARROUSEL */
.rss-instagram.homeNovedadesFinal {
    padding: 50px 0;
    height: auto;
}

.rss-instagram.homeNovedadesFinal h2 {
    text-align: center;
    font-family: 'back_to_black_demoregular';
    font-size: 40px;
    line-height: 50px;
    padding-bottom: 20px;
    width: 90%;
    margin: 0px 5%;
    color: #404040;
    text-indent: 0;
    background: none;
}

.box-instagram {
    width: 25%;
    height: 25vw;
    background: brown;
    overflow: hidden;
    position: relative;
}

.box-instagram a {
    width: 100%;
    height: 100%;
    position: absolute;

}

.box-instagram .icono-insta {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 100%;
    max-width: 25px;
    height: auto;
}

.box-instagram img {
    width: 100%;
    height: auto;
    width: 100%;
}

section.rss-instagram.homeNovedadesFinal .owl-theme .owl-dots {
    display: none;
}

@supports (object-fit: cover) {

    .box-instagram img {
        height: 100%;
        object-fit: cover;
        object-position: center center;
    }
}

.container-box-instagram {
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width: 100%;
    margin: 0 auto;
}

/*CARRETILLA HOY*/

section.headerHoy {
    height: auto;
    width: 100%;
    /*background-image: url(../img/headerCat.png);
    background-position: center center;
    background-size: cover;*/
    box-sizing: border-box;
    max-width: 2500px;
    margin: 0px auto;
    position: relative;
}

section.headerHoy h2 {
    font-family: 'back_to_black_demoregular';
    width: 100%;
    text-align: center;
    color: #404040;
    font-size: 60px;
    line-height: 115px;
    padding-top: 10px;
}

section.headerHoy article {
    width: 100%;
    height: 600px;
    background-image: url(../img/hoy/mantel.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 40%;
    /*background-position: center center;
    background-image: url(../img/hoy/header.jpg);
    background-size: cover;*/
}

section.headerHoy article aside:nth-child(1) {
    position: absolute;
    width: 350px;
    height: 350px;
    top: 200px;
    left: 6%;
    background-color: rgba(256, 256, 256, 0.85);
    box-sizing: border-box;
    padding: 20px;
    z-index: 2;
}

section.headerHoy article aside:nth-child(1) h1 {
    font-family: 'back_to_black_demoregular';
    font-size: 32px;
    color: #464646;
    line-height: 50px;
    position: relative;
    text-align: center
}

section.headerHoy article aside:nth-child(1) h1:after {
    display: block;
    content: '';
    border-bottom: 2px solid #464646;
    width: 100px;
    position: absolute;
    top: 6;
    left: 50%;
    margin-left: -50px;
}

section.headerHoy article aside:nth-child(1) p {
    font-family: 'Raleway';
    font-weight: 400;
    font-size: 15px;
    color: #464646;
    line-height: 19px;
    position: relative;
    text-align: center
}

section.headerHoy article aside img {
    width: 100%;
}

section.headerHoy article aside.plato1 {
    position: absolute;
    top: 215px;
    width: 14.75%;
    left: 36%;
    max-width: 350px;
}

section.headerHoy article aside.plato2 {
    position: absolute;
    top: 230px;
    width: 18%;
    left: 56.1%;
    max-width: 275px;
}

section.headerHoy article aside.plato3 {
    position: absolute;
    top: 170px;
    width: 22%;
    left: 74%;
    max-width: 350px;
}

section.headerHoy article aside.mantel1 {
    position: absolute;
    top: 170px;
    width: 22%;
    left: 33%;
    max-width: 400px;
}

section.headerHoy article aside.plato1 img {
    display: inherit;
    margin: 0 auto;
}

section.headerHoy article aside.mantel2 {
    position: absolute;
    top: 240px;
    width: 17%;
    left: 55.5%;
    max-width: 310px;
}

section.headerHoy article aside.plato2 img {
    max-width: 190px;
    display: inherit;
    margin: 0 auto;
}

section.headerHoy article aside.mantel3 {
    position: absolute;
    top: 170px;
    width: 22%;
    left: 73%;
    max-width: 400px;
}

section.acordeon {
    width: 100%;
    max-width: 2500px;
    margin: 0px auto;
    height: 60%;
    max-height: 60%;
}

section.acordeon article {
    width: 20%;
    float: left;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out 0.1s;
    -moz-transition: all 0.3s ease-in-out 0.1s;
    -o-transition: all 0.3s ease-in-out 0.1s;
    transition: all 0.3s ease-in-out 0.1s;
}

section.acordeon article aside {
    position: absolute;
    width: calc(100% - 60px);
    height: 18%;
    bottom: 30px;
    left: 30px;
    background-color: rgba(256, 256, 256, 0.85);
    box-sizing: border-box;
    padding: 20px;
    display: table;
}

section.acordeon article aside h2 {
    font-family: 'back_to_black_demoregular';
    font-size: 28px;
    color: #464646;
    line-height: 50px;
    position: relative;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

/*section.acordeon article aside h2:after {
    display: block;
    content: '';
    border-bottom: 2px solid #464646;
    width: 100px;
    position: absolute;
    top: 6;
    left: 50%;
    margin-left: -50px;
    }*/

section.acordeon article aside p {
    font-family: 'Raleway';
    font-weight: 400;
    font-size: 16px;
    color: #464646;
    line-height: 19px;
    position: relative;
    text-align: center;
}

section.innovacion {
    width: 100%;
    max-width: 2500px;
    margin: 0px auto;
    height: 100%;
    position: relative;
}

section.innovacion h2.mov {
    font-family: 'back_to_black_demoregular';
    font-size: 46px;
    color: #404040;
    line-height: 150px;
    position: relative;
    width: 100%;
    text-align: center;
    margin-bottom: 0px;
    background: #FFF;
    display: none;
}

section.innovacion aside {
    float: right;
    width: 50%;
    height: 100%;
    background: rgba(256, 256, 256, 0.65);
    position: relative;
}

section.innovacion aside>span {
    position: absolute;
    width: 380px;
    height: 380px;
    top: 50%;
    left: 50%;
    margin-top: -190px;
    margin-left: -190px;
    background-color: rgba(256, 256, 256, 0.85);
    box-sizing: border-box;
    padding: 20px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}

section.innovacion aside>span h2 {
    font-family: 'back_to_black_demoregular';
    font-size: 44px;
    color: #464646;
    line-height: 65px;
    position: relative;
    text-align: center;
}

section.innovacion aside>span h2:after {
    display: block;
    content: '';
    border-bottom: 2px solid #464646;
    width: 100px;
    position: absolute;
    top: 6;
    left: 50%;
    margin-left: -50px;
}

section.innovacion aside>span p {
    font-weight: 400;
    font-family: 'Raleway';
    font-size: 17px;
    line-height: 20px;
    color: #464646;
    margin-top: 23px;
    text-align: center;
}

section.innovacion aside a {
    border: 1px solid #f2ad32;
    bottom: 10px;
    margin: 31px auto 0;
    overflow: hidden;
    text-align: center;
    width: 300px;
    position: relative;
    display: block;
}

section.innovacion aside a span {
    position: relative;
    display: inline-block;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    line-height: 35px;
    font-family: 'Raleway';
    font-weight: 400;
    color: #404040;
    font-size: 17px;
    width: 100%;
}

section.innovacion aside a span::before {
    position: absolute;
    top: 100%;
    content: attr(data-hover);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    line-height: 35px;
    font-family: 'Raleway';
    font-weight: 600;
    font-size: 17px;
    width: 100%;
    left: 0;
    background: #f2ad32;
    color: #FFF;
    height: 35px;
}

section.innovacion aside a:hover span,
section.innovacion aside a:focus span {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}

section.responsabilidad {
    height: 857px;
    width: 100%;
    max-width: 2500px;
    margin: 0px auto;
    position: relative;
}

section.acordeon article .background-img,
section.innovacion .background-img,
section.responsabilidad .background-img {
    position: absolute;
    width: 100%;
    height: inherit;
    object-position: center center;
    object-fit: cover;
}

section.responsabilidad h2 {
    font-family: 'back_to_black_demoregular';
    font-size: 46px;
    color: #404040;
    line-height: 150px;
    position: relative;
    width: 100%;
    text-align: center;
    margin-bottom: 0px;
    background: #FFF;
}

section.responsabilidad h2 br {
    display: none;
}

section.responsabilidad article {
    position: absolute;
    width: 450px;
    height: 300px;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -225px;
    background-color: rgba(256, 256, 256, 0.85);
    box-sizing: border-box;
    padding: 20px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

section.responsabilidad article p {
    font-weight: 400;
    font-family: 'Raleway';
    font-size: 16px;
    line-height: 20px;
    color: #464646;
    margin-top: 23px;
    text-align: center;
    width: 100%;
    display: inline-block;
}

section.responsabilidad article p:first-of-type {
    margin-top: 0;
}

section.responsabilidad aside,
.sostenibilidad-page aside {
    border: 1px solid #f2ad32;
    line-height: 35px;
    width: 224px;
    overflow: hidden;
    text-align: center;
    margin-top: 20px;
}

section.responsabilidad aside span,
.sostenibilidad-page aside span {
    position: relative;
    display: inline-block;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    line-height: 35px;
    font-family: 'Raleway';
    font-weight: 400;
    color: #404040;
    font-size: 17px;
    width: 100%;
}

section.responsabilidad aside span::before,
.sostenibilidad-page aside span::before {
    position: absolute;
    top: 100%;
    content: attr(data-hover);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    line-height: 35px;
    font-family: 'Raleway';
    font-weight: 600;
    font-size: 17px;
    width: 100%;
    left: 0;
    background: #f2ad32;
    color: #FFF;
}

section.responsabilidad article:hover aside span,
section.responsabilidad article:focus aside span,
.sostenibilidad-page article:hover aside span,
.sostenibilidad-page article:focus aside span {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}


/*NUESTROS VIDEOS*/

section.headerVideos {
    height: auto;
    width: 100%;
    background-image: url(../img/videos/header.jpg);
    background-position: center center;
    background-size: cover;
    box-sizing: border-box;
    max-width: 2500px;
    margin: 0px auto;
    position: relative;
    height: 300px;
}

section.contentVideos {
    width: 100%;
    max-width: 1000px;
    margin: 0px auto;
}

section.contentVideos article.videoPrincipal {
    width: 100%;
    height: auto;
    position: relative;
}

section.contentVideos article.videoPrincipal a {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    cursor: pointer;
}

section.contentVideos article.videoPrincipal img {
    width: 100%;
    position: relative;
}

section.contentVideos article.videoPrincipal span.play {
    width: 130px;
    height: 130px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -65px;
    margin-left: -65px;
    background-image: url(../img/videos/play.png);
    background-position: center center;
    background-size: cover;
}

article.carousel {
    padding-top: 16px;
}

article.carousel a {
    height: 300px;
    display: block;
    width: 100%;
    background-size: cover;
    background-position: center center;
    cursor: pointer;
}

article.carousel .owl-next {
    right: -45px;
}

article.carousel .owl-prev {
    left: -45px;
}



article.carousel span.play {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -40px;
    background-image: url(../img/videos/play.png);
    background-position: center center;
    background-size: cover;
}

article.popupVideo {
    -webkit-transition: all 0.7s ease-in-out 0s;
    -moz-transition: all 0.7s ease-in-out 0s;
    -o-transition: all 0.7s ease-in-out 0s;
    transition: all 0.7s ease-in-out 0s;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: rgba(0, 0, 0, 0.85);
    top: 0px;
    left: 0px;
    display: none;
    opacity: 0;
}

article.popupVideo aside {
    max-width: 1000px;
    width: 1000px;
    position: absolute;
    top: -720px;
    height: 720px;
    left: 50%;
    margin-left: -500px;
    -webkit-transition: all 0.7s ease-in-out 0s;
    -moz-transition: all 0.7s ease-in-out 0s;
    -o-transition: all 0.7s ease-in-out 0s;
    transition: all 0.7s ease-in-out 0s;
    box-sizing: border-box;
    background: url(../img/videos/cartel.png);
    padding: 200px 160px 0px;
}

article.popupVideo a.closeVideo {
    position: absolute;
    right: 0;
    top: 124px;
    height: 100px;
    width: 100px;
    cursor: pointer;
}

article.popupVideo .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all 0.7s ease-in-out 0s;
    -moz-transition: all 0.7s ease-in-out 0s;
    -o-transition: all 0.7s ease-in-out 0s;
    transition: all 0.7s ease-in-out 0s;
}

article.popupVideo .video-container iframe,
article.popupVideo .video-container object,
article.popupVideo .video-container embed,
article.popupVideo .video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*CONTACTO*/

section.headerContacto {
    height: auto;
    width: 100%;
    background-image: url(../img/view-contacto/header.jpg);
    background-position: center center;
    background-size: cover;
    box-sizing: border-box;
    max-width: 2500px;
    margin: 0px auto;
    position: relative;
    height: 300px;
}

h1.contact {
    background: #FFF;
}

section.form {
    height: auto;
    width: 100%;
    background-image: url(../img/view-contacto/form.jpg);
    background-position: center left;
    background-size: 100% auto;
    box-sizing: border-box;
    max-width: 2500px;
    margin: 0px auto;
    position: relative;
    height: 1100px;
}

section.form div.carretillero {
    width: 348px;
    height: 700px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    background-image: url(../img/view-contacto/carretillero.png);
}

section.form article {
    background-image: url(../img/view-contacto/sobre.png);
    background-repeat: no-repeat;
    height: 1220px;
    width: 800px;
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -450px;
    padding: 250px 0px 50px 92px;
    box-sizing: border-box;
    background-size: cover;
}

section.form article aside {
    float: left;
    height: auto;
    width: 100%;
    padding: 10px 40px;
    box-sizing: border-box;
}

section.form article aside iframe {
    border: 4px solid #FFF !important;
    margin-top: 20px;
    box-sizing: border-box;
    width: 100% !important;
}

section.form article aside>.direccion {
    float: left;
    height: auto;
    width: calc(50% - 5px);
    box-sizing: border-box;
    margin-top: 20px;
}

section.form article aside>.direccion.navarra {
    float: left;
}

section.form article aside>.direccion.ian {
    float: right;
}

section.form article aside .check+p {
    font-size: 12px;
    text-align: left;
}

section.form article aside input[type="text"] {
    float: left;
    width: calc(33% - 5px);
    border: none;
    margin: 5px 0px 5px 0px;
    background: #fff;
    height: 30px;
    box-sizing: border-box;
    padding: 0px 10px;
    font-family: 'Raleway';
    font-size: 15px;
    color: #404040;
    border: 1px solid #bebebe;
}

section.form article aside input[id="name"] {
    float: left;
}

section.form article aside input[id="surnames"] {
    margin-right: 10px;
    margin-left: 10px;
}

section.form article aside input[id="email"] {
    float: right;
}

section.form article aside input[type="text"]:nth-child(6),
section.form article aside input[type="text"]:nth-child(7) {
    width: calc(50% - 5px);
    margin: 5px 0px;
}

section.form article aside input[type="text"]:nth-child(6) {
    float: left;
}

section.form article aside input[type="text"]:nth-child(7) {
    float: right;
}

section.form article aside textarea {
    float: left;
    width: 100%;
    border: none;
    margin: 5px 0px 5px 0px;
    background: #ffffff;
    height: 100px;
    box-sizing: border-box;
    padding: 10px 10px;
    font-family: 'Raleway';
    font-size: 15px;
    color: #404040;
    resize: none;
    border: 1px solid #bebebe;
}

section.form article aside h2 {
    font-family: 'back_to_black_demoregular';
    font-size: 38px;
    color: #464646;
    line-height: 55px;
    position: relative;
    text-align: center;
}

section.form article aside h2:after {
    display: block;
    content: '';
    border-bottom: 2px solid #464646;
    width: 100px;
    position: absolute;
    top: 6;
    left: 50%;
    margin-left: -50px;
}

section.form article aside p {
    font-weight: 400;
    font-family: 'Raleway';
    font-size: 14px;
    color: #464646;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

section.form .check {
    margin: 0px 0 6px;
    padding: 8px 0 0;
}

section.form .check input {
    display: none;
}

section.form .check input[type="checkbox"]+label {
    background: url(../img/checkmin.png) no-repeat scroll left center;
    color: #404040;
    font-family: "Raleway";
    font-weight: 400;
    font-style: italic;
    font-size: 12px;
    height: 23px;
    line-height: 25px;
    padding: 2px 0px 0 20px;
    margin-left: 0px;
}

section.form .check input[type="checkbox"]+label a {
    font-family: "Raleway";
    color: #404040;
    font-weight: 400;
    font-style: italic;
    text-decoration: underline;
}

section.form .check input[type="checkbox"]:checked+label {
    background: url(../img/checkmin_on.png) no-repeat scroll left center;
}

section.form a.send,
section.form a.js-send {
    background: #ffffff;
    bottom: 10px;
    display: block;
    line-height: 36px;
    margin: 10px auto 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 124px;
    height: 35px;
    border: 1px solid #bebebe;
    float: left;
}

section.form a span {
    color: #404040;
    display: inline-block;
    font-family: "Raleway";
    font-size: 17px;
    font-weight: 400;
    line-height: 35px;
    position: relative;
    transition: transform 0.3s ease 0s;
    width: 100%;
}

section.form a span::before {
    position: absolute;
    top: 100%;
    content: attr(data-hover);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    line-height: 36px;
    font-family: 'Raleway';
    font-weight: 600;
    font-size: 17px;
    width: 100%;
    left: 0;
    background: #f2ad32;
    color: #FFF;
}

section.form a:hover span,
section.form a:focus span {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}

section.form article aside:nth-child(2) h3 {
    font-family: 'Raleway';
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    margin: 7px 0px;
    text-decoration: underline;
}

section.form article aside:nth-child(2) p {
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    margin: 7px 0px;
    text-align: start;
}

section.work {
    height: auto;
    width: 100%;
    box-sizing: border-box;
    max-width: 2500px;
    margin: 0px auto;
    position: relative;
    height: 400px;
}

section.opina {
    height: auto;
    width: 100%;
    box-sizing: border-box;
    max-width: 2500px;
    margin: 0px auto;
    height: 400px;
    position: relative;
}

section.opina .background-img,
section.work .background-img {
    position: absolute;
    width: 100%;
    height: -webkit-fill-available;
    object-position: center center;
    object-fit: cover;
    bottom: 0;
}

h2.work,
h2.opina {
    font-family: 'back_to_black_demoregular';
    font-size: 46px;
    color: #404040;
    line-height: 150px;
    position: relative;
    width: 100%;
    text-align: center;
    margin-bottom: 0px;
    background: #FFF;
}

section.work .trabajar {
    width: 700px;
    bottom: 100px;
    position: absolute;
    left: 50%;
    margin-left: -350px;
}

section.work .trabajar h2,
section.opina .trabajar h2 {
    font-family: 'back_to_black_demoregular';
    font-size: 46px;
    color: #FFFFFF;
    line-height: 70px;
    position: relative;
    width: 100%;
    text-align: center;
    margin-bottom: 0px;
    max-width: 2500px;
    margin: 0px auto;
    background: none;
    padding-bottom: 30px;
}

section.work .trabajar a,
section.opina .trabajar a {
    width: 330px;
    margin: 0px 1%;
    height: 40px;
    line-height: 40px;
    font-family: 'Raleway';
    font-weight: 400;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #bebebe;
    display: inline-block;
    float: left;
    background-color: #FFF;
    color: #404040;
    overflow: hidden;
    position: relative;
}

section.work .trabajar a span,
section.opina .trabajar a span {
    color: #404040;
    display: inline-block;
    font-family: "Raleway";
    font-size: 17px;
    font-weight: 400;
    line-height: 40px;
    position: relative;
    transition: transform 0.3s ease 0s;
    width: 100%;
}

section.work .trabajar a span::before,
section.opina .trabajar a span::before {
    position: absolute;
    top: 100%;
    content: attr(data-hover);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    line-height: 40px;
    font-family: 'Raleway';
    font-weight: 600;
    font-size: 17px;
    width: 100%;
    left: 0;
    background: #f2ad32;
    color: #FFF;
}

section.work .trabajar a:hover span,
section.work .trabajar a:focus span,
section.opina .trabajar a:hover span,
section.opina .trabajar a:focus span {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}

#CybotCookiebotDialogBodyContentText p {
    font-size: 9.5pt;
}

/*INVESTIGACIÓN*/

section.headerInvestigacion {
    height: auto;
    width: 100%;
    background-image: url(../img/hoy/innovacion.jpg);
    background-position: top center;
    background-size: cover;
    box-sizing: border-box;
    max-width: 2500px;
    margin: 0px auto;
    position: relative;
    height: 500px;
}

section.logros {
    width: 100%;
    height: auto;
    max-width: 2500px;
    height: 450px;
    background-image: url(../img/innovacion/sombra1.png), url(../img/innovacion/sombra2.png);
    background-position: left top, right top;
    background-repeat: no-repeat;
    background-size: auto 90%;
    display: table;
    margin: 0px auto;
}

section.logros aside {
    display: table-cell;
    vertical-align: middle;
}

section.logros aside h2 {
    font-family: 'back_to_black_demoregular';
    font-size: 48px;
    color: #464646;
    line-height: 80px;
    position: relative;
    text-align: center;
}

section.logros aside h2:after {
    display: block;
    content: '';
    border-bottom: 2px solid #464646;
    width: 100px;
    position: absolute;
    top: 6;
    left: 50%;
    margin-left: -50px;
}

section.logros aside p {
    font-weight: 400;
    font-family: 'Raleway';
    font-size: 18px;
    color: #464646;
    margin: 30px auto 10px;
    width: 90%;
    text-align: center;
    max-width: 400px;
}

section.logro {
    width: 100%;
    height: auto;
    max-width: 2500px;
    height: 400px;
    margin: 0px auto;
}

section.logro article {
    height: 400px;
    width: 25%;
    float: left;
}

section.logro article:nth-child(1),
section.logro article:nth-child(3) {
    background: #FFF;
    display: table;
    padding: 0px 30px;
    box-sizing: border-box;
}

section.logro article:nth-child(2),
section.logro article:nth-child(4) {
    background-size: cover;
    background-position: center center;
}

section.logro2 article:nth-child(2),
section.logro2 article:nth-child(4),
section.logro4 article:nth-child(2),
section.logro4 article:nth-child(4) {
    background: #FFF;
    display: table;
    padding: 0px 30px;
    box-sizing: border-box;
}

section.logro2 article:nth-child(1),
section.logro2 article:nth-child(3),
section.logro4 article:nth-child(1),
section.logro4 article:nth-child(3) {
    background-size: cover;
    background-position: center center;
}

section.logro1 article:nth-child(2) {
    background-image: url(../img/innovacion/logro1.jpg);
}

section.logro1 article:nth-child(4) {
    background-image: url(../img/innovacion/logro2.jpg);
}

section.logro2 article:nth-child(1) {
    background-image: url(../img/innovacion/logro3.jpg);
}

section.logro2 article:nth-child(3) {
    background-image: url(../img/innovacion/logroNuevo.jpg);
}

section.logro3 article:nth-child(2) {
    background-image: url(../img/innovacion/logro4.jpg);
}

section.logro3 article:nth-child(4) {
    background-image: url(../img/innovacion/logro5.jpg);
}

section.logro4 article:nth-child(1) {
    background-image: url(../img/innovacion/abrefacil.jpg);
}

section.logro4 article:nth-child(3) {
    background-image: url(../img/innovacion/compromiso.jpg);
}

section.logro5 article:nth-child(2) {
    background-image: url(../img/innovacion/refrigerado.jpg);
}

section.logro5 article:nth-child(4) {
    background-image: url(../img/innovacion/packs.jpg);
}

section.logro aside {
    display: table-cell;
    vertical-align: middle;
}

section.logro p {
    font-weight: 400;
    font-family: 'Raleway';
    font-size: 17px;
    color: #464646;
    text-align: center;
    width: 100%;
    margin: 0px auto;
    padding-top: 25px;
}

section.logro h2 {
    font-family: 'back_to_black_demoregular';
    font-size: 48px;
    color: #464646;
    line-height: 80px;
    position: relative;
}

section.logro h2:after {
    display: block;
    content: '';
    border-bottom: 2px solid #666666;
    width: 96px;
    position: absolute;
    top: 6;
    left: 50%;
    margin-left: -50px;
}



/*RESPONSABILIDAD*/

section.responsabilidad.responsabilidad-tr {
    height: 600px;
    background-position: center;
}

section.responsabilidad.responsabilidad-tr h2 {
    line-height: 1.3em;
    background: transparent;
}

section.responsabilidad.responsabilidad-tr article {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    width: 380px;
    margin-left: -190px;
}

section.logros.responsabilidad-tr {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-align-items: center;
    align-items: center;
    height: auto;
    box-sizing: border-box;
    padding: 20px 0;
}

section.logros.responsabilidad-tr aside {
    padding: 40px 20px;
    max-width: 1000px;
    background: rgba(255, 255, 255, .75);
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -ms-align-items: center;
    align-items: center;
}

section.logros.responsabilidad-tr aside p {
    width: 100%;
    max-width: 100%;
    max-width: 1050px;
}

section.logro.responsabilidad-tr article {
    width: 50%;
    height: 480px;
}

section.logro.responsabilidad-tr article p {
    max-width: 400px;
}

section.logro.responsabilidad-tr article h2 {
    text-align: center;
    max-width: 420px;
    margin: 0 auto;
    line-height: 1.3em;
    padding-bottom: 20px;
}

section.logro.responsabilidad-tr article li {
    list-style: disc;
    max-width: 370px;
    margin: 0 auto;
}

section.logro.responsabilidad-tr article li p {
    text-align: left;
}

section.logro.responsabilidad-tr {
    height: 480px;
}

section.logro1.responsabilidad-tr article:nth-child(2),
section.logro2.responsabilidad-tr article:nth-child(1),
section.logro3.responsabilidad-tr article:nth-child(2),
section.logro4.responsabilidad-tr article:nth-child(1) {
    background: #FFF;
    display: table;
    padding: 0px 30px;
    box-sizing: border-box;
}

section.logro1.responsabilidad-tr article:nth-child(1),
section.logro2.responsabilidad-tr article:nth-child(2),
section.logro3.responsabilidad-tr article:nth-child(1),
section.logro4.responsabilidad-tr article:nth-child(2) {
    background-size: cover;
    background-position: center center;
}

section.logro1.responsabilidad-tr .picture {
    background: url(../img/responsabilidad-social/responsabilidad-1.jpg);
}

section.logro2.responsabilidad-tr .picture {
    background: url(../img/responsabilidad-social/responsabilidad-2.jpg);
}

section.logro3.responsabilidad-tr .picture {
    background: url(../img/responsabilidad-social/responsabilidad-3.jpg);
}

section.logro4.responsabilidad-tr .picture {
    background: url(../img/responsabilidad-social/responsabilidad-4.jpg);
}

section.logro.logro2.responsabilidad-tr article p {
    max-width: 550px;
}

section.logro.logro2.responsabilidad-tr article li {
    max-width: 500px;
}

.owl-carousel .owl-item img.resp-desktop {
    display: block;
}

.owl-carousel .owl-item img.resp-mvl {
    display: none;
}

.desktop {
    display: block !important;
}

.mvl {
    display: none !important;
}

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

    section.logro1.responsabilidad-tr article:nth-child(2),
    section.logro2.responsabilidad-tr article:nth-child(1),
    section.logro3.responsabilidad-tr article:nth-child(2),
    section.logro4.responsabilidad-tr article:nth-child(1) {
        background: rgba(255, 255, 255, .75);
        z-index: 10;
        position: relative;
        width: 100%;
    }

    .box-instagram {
        margin: 0 20px;
        width: 180px;
        height: 180px;
    }

    .container-box-instagram {
        justify-content: center;
    }

    section.logro1.responsabilidad-tr article:nth-child(1),
    section.logro2.responsabilidad-tr article:nth-child(2),
    section.logro3.responsabilidad-tr article:nth-child(1),
    section.logro4.responsabilidad-tr article:nth-child(2) {
        width: 100%;
    }

    section.logro2.responsabilidad-tr {
        height: 580px;
    }

    section.logro2.responsabilidad-tr article {
        height: 580px;
    }

    section.homeHeader .owl-carousel .item.back-concurso-esparragos {
        padding-top: 140px;
    }

    section.homeHeader .owl-carousel .item.back-concurso-esparragos a {
        text-align: center;
    }

    section.homeHeader .owl-carousel .item.back-concurso-esparragos img {
        height: calc(50vh - 150px);
        width: auto;
        display: inline-block;
    }



}

/*WRAPPER*/

div.wrapper {
    width: 100%;
    height: auto;
    max-width: 2500px;
    padding-top: 200px;
    padding-bottom: 0px;
    margin: 0px auto;
}

div.wrapper.cat {
    padding-top: 0px;
}


/*SUPERCATEGORÍAS*/

.headerSupCat {
    height: 360px;
    width: 100%;
    /*background-image: url(../img/headerCat.png);
    background-position: center center;
    background-size: cover;*/
    box-sizing: border-box;
    padding-top: 220px;
}


section.catHeaderNew {
    height: 550px;
    margin: 0 auto;
    max-width: 2500px;
    width: 100%;
    position: relative;
}

section.catHeaderNew .content {
    background-color: rgba(255, 255, 255, 0.75);
    height: 320px;
    left: 50%;
    margin-left: -500px;
    max-width: 1000px;
    position: absolute;
    width: 100%;
    min-height: 320px;
    display: table;
    top: 200px;
}

section.catHeaderNew .content aside {
    display: table-cell;
    vertical-align: middle;
}

section.catHeaderNew .content h1 {
    font-family: 'back_to_black_demoregular';
    font-size: 48px;
    color: #464646;
    line-height: 86px;
    position: relative;
    text-align: center;
    padding: 10px 0px 22px;
}

section.catHeaderNew .content h1:after {
    display: block;
    content: '';
    border-bottom: 2px solid #464646;
    width: 100px;
    position: absolute;
    top: 6;
    left: 50%;
    margin-left: -50px;
}

section.catHeaderNew .content p {
    width: 90%;
    margin: 0px 5% 20px;
    font-family: 'Raleway';
    font-weight: 400;
    color: #404040;
    font-size: 19px;
    text-align: center;
    line-height: 24px;
}


.categoriasCont {
    width: 100%;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.categoriasCont article {
    height: 50vw;
    max-height: 500px;
    width: 50%;
    box-sizing: border-box;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    position: relative;
    background-size: cover;
    background-position: center center;
    order: 10;
}

.categoriasCont article .background-img {
    position: absolute;
    width: 100%;
    height: -webkit-fill-available;
    object-position: center center;
    object-fit: cover;
}

.categoriasCont article.platos-de-pescado,
.categoriasCont article.fish-dishes {
    order: -2;
}

.categoriasCont article.ensaladas-del-mundo,
.categoriasCont article.world-salads {
    background-image: url(../img/categoria/ensaladas-del-mundo.jpg);
    background-position: bottom;
}

.categoriasCont article.sopas-listas,
.categoriasCont article.ready-to-eat-soups {
    background-image: url(../img/categoria/sopas-listas.jpg);
    background-position: center top;
}

.categoriasCont article.veggie,
.categoriasCont article.veggie {
    order: 0;
}

.categoriasCont article.gourmet,
.categoriasCont article.gourmet {
    order: -3;
}

.categoriasCont article.especial-food-services {
    background-image: url(../img/categoria/especial-food-services.jpg);
}



.categoriasCont article.platos-listos-out {
    background-image: url(../img/categoria/comoesnatural.jpg);
}

.categoriasCont article.ecologicos {
    background-image: url(../img/categoria/ecologicos.jpg);
}

.categoriasCont article.eco_en {
    background-image: url(../img/categoria/ecologicos.jpg);
}

.categoriasCont article a {
    display: block;
    height: 100%;
    width: 100%;
    position: relative;
}

.platosCont.veggie ul li {
    padding-bottom: 50px;
    position: relative;
    height: 470px !important;
}

.icon-veggie {
    max-width: 155px;
    position: absolute;
    top: -50px;
    right: -30px;
}

.icon-ensalada-mundo {
    max-width: 95px;
    position: absolute;
    top: 0;
    right: 5px;
}

.categoriasCont article a>span {
    display: table;
    position: absolute;
    width: 250px;
    height: 250px;
    top: 50%;
    left: 50%;
    margin-top: -125px;
    margin-left: -125px;
    background-color: rgba(256, 256, 256, 0.85);
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.categoriasCont article a:hover span {
    background-color: rgba(242, 173, 50, 0.85);
    transform: scale(1.1);
}

.categoriasCont article a span h2 {
    color: #404040;
    float: none;
    font-family: 'back_to_black_demoregular';
    font-size: 40px;
    line-height: 45px;
    padding: 10px 20px;
    text-align: center;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    transition: all 0.2s ease-in-out 0s;

}

.categoriasCont article a:hover span h2 {
    color: #FFF;
}


/*CATEGORÍAS*/

.headerCat {
    background-position: left center;
    background-size: cover;
    height: 300px;
    width: 100%;
}

.wrapper.cat.veggie {
    display: flex;
    flex-direction: column;
    /* background: url(../img/bg-veggie.png); */
    background-attachment: fixed;
    background-size: 15%;
    background-repeat: no-repeat;
    background-position: bottom right;
}

.wrapper.veggie .platosCont.veggie li[order="10"] {
    order: -10;
}

.wrapper.veggie .platosCont.veggie li[order="9"] {
    order: -9;
}

.wrapper.veggie .platosCont.veggie li[order="8"] {
    order: -8;
}

.wrapper.veggie .platosCont.veggie li[order="7"] {
    order: -7;
}

.wrapper.veggie .platosCont.veggie li[order="6"] {
    order: -6;
}

.wrapper.veggie .platosCont.veggie li[order="5"] {
    order: -5;
}

.wrapper.veggie .platosCont.veggie li[order="4"] {
    order: -4;
}

.wrapper.veggie .platosCont.veggie li[order="3"] {
    order: -3;
}

.headerCat.veggie {
    background: url(./../img/headers/veggie.jpg)
}

.platosCont {
    width: 100%;
    height: auto;
    max-width: 1500px;
    margin: 0px auto;
    position: relative;
}

.veggie a.volver,
.platosCont a.volver {
    background-image: url("../img/back.png");
    background-position: left -1px;
    background-repeat: no-repeat;
    border-bottom: 1px solid #404040;
    color: #404040;
    font-family: "noteworthybold";
    font-size: 15px;
    font-weight: 400;
    left: 40px;
    padding-left: 16px;
    position: absolute;
    top: -30px;
    z-index: 2;
}

.small {
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
}

.platosCont h1 {
    color: #404040;
    font-family: 'back_to_black_demoregular';
    width: 100%;
    font-size: 60px;
    text-align: center;
    line-height: 80px;
    margin: 60px 0px 70px;
}

.platosCont ul {
    text-align: center;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}

.platosCont ul li {
    display: inline-block;
    width: 22%;
    padding: 0px 1.5%;
    vertical-align: top;
    box-sizing: border-box;
    /* height: 450px; */
    position: relative;
    margin-bottom: 50px;
    padding-bottom: 100px;
}

/* .platos-de-carne[data=albondigas-pollo]{
    display: none;
}

.platosCont li[data="Magro"]{
    display: none;
}

.platos-de-carne[data=Carrillera]{
    display: none;
} */


.platosCont ul li[order="-1"] {
    order: -1;
}

.platosCont ul li[order="-2"] {
    order: -2;
}

.platosCont ul li.smallPhoto {
    height: 370px;
}

.platosCont .category-description {
    max-width: 700px;
    background: white;
    padding: 20px;
    display: inline-block;
    text-align: center;
    margin-top: 20px;
    font-weight: 300;
    line-height: 1.4em;
    font-size: 18px;
    margin-bottom: 40px;
    color: #333333;
}

.platosCont .category-description .premios {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.platosCont .category-description .premios img {
    max-width: 80%;
    height: auto;
}

.platosCont ul li a {
    /* float: left;
    height: 100%;
    width: 100%; */
    float: left;
    /* height: 100%; */
    width: 100%;
    /* display: flex;
    flex-direction: column; */
}

.platosCont ul li img {
    width: 90%;
    margin: 0px 5%;
    min-height: 308px;
    max-height: 308px;
    object-fit: contain;
    object-position: bottom;
}

.platosCont ul li h2 {
    width: 100%;
    line-height: 33px;
    font-size: 29px;
    color: #404040;
    padding-top: 10px;
    font-family: 'back_to_black_demoregular';
}

.imgProducto {
    height: 298px;
    display: flex;
    align-items: flex-end;
}

.imgProducto img {
    max-height: 100%;
    max-width: 100%;
}

.platosCont ul li h3 {
    width: 100%;
    line-height: 30px;
    color: #404040;
    font-size: 23px;
    font-family: 'back_to_black_demoregular';
}

.platosCont ul li aside {
    border: 1px solid #f2ad32;
    bottom: 10px;
    left: 50%;
    line-height: 35px;
    margin-left: -62px;
    position: absolute;
    width: 124px;
    overflow: hidden;
}

.platosCont ul li aside span {
    position: relative;
    display: inline-block;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    line-height: 35px;
    font-family: 'Raleway';
    font-weight: 400;
    color: #404040;
    font-size: 17px;
    width: 100%;
}

.platosCont ul li aside span::before {
    position: absolute;
    top: 100%;
    content: attr(data-hover);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    line-height: 35px;
    font-family: 'Raleway';
    font-weight: 600;
    font-size: 17px;
    width: 100%;
    left: 0;
    background: #f2ad32;
    color: #FFF;
}

.platosCont ul li:hover aside span,
.platosCont ul li:focus aside span {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}


/*PRODUCTO*/

section.productInfo {
    width: 100%;
    max-width: 1200px;
    margin: 0px auto 30px;
    padding-right: 41px;
    box-sizing: border-box;
}

section.productInfo .imagenPrincipal {
    float: left;
    max-width: 466px;
    max-height: 540px;
    position: relative;
}

section.productInfo .imagenPrincipal.quinoa img {
    transform: translateY(-100px);
    margin-bottom: -50px;
}

section.productInfo .imagenPrincipal.quinoa a {
    z-index: 1;
}

/* 
section.productInfo .imagenPrincipal.quinoa{
    max-width: 526px;
    width: 100%;
}

section.productInfo .imagenPrincipal.quinoa img{
    width: 100%;
} */

section.productInfo .imagenPrincipal img {
    max-width: 100%;
}

section.productInfo .imagenPrincipal a {
    position: absolute;
    top: -30px;
    left: 40px;
    font-family: 'noteworthybold';
    font-weight: 400;
    font-size: 15px;
    color: #404040;
    padding-left: 16px;
    background-image: url(../img/back.png);
    background-position: left -1px;
    border-bottom: 1px solid #404040;
    background-repeat: no-repeat;
}

section.productInfo .textoPrincipal {
    float: right;
    max-width: 594px;
    width: calc(100% - 466px);
    /*min-height: 540px;*/
    min-height: auto;

}

section.productInfo .textoPrincipal .etiqueta {
    position: relative;
    box-sizing: border-box;

    width: 100%;
    height: 388px;
    padding: 10px 30px;
    margin-top: 25px;
    margin-bottom: 60px;

    background-position: right top;
    background-size: 100% 100%;
    background-image: url(../img/etiquetaPlato.png);
}

section.productInfo .textoPrincipal .etiqueta.quinoa {
    background-image: url(../img/etiquetaQuinoa.png);
    height: 382px;

}


section.productInfo .textoPrincipal .etiqueta.conserva {
    display: table;
}

section.productInfo .textoPrincipal .etiqueta h1 {
    font-family: 'back_to_black_demoregular';
    font-size: 48px;
    line-height: 50px;
    color: #404040;

    margin-top: 30px;
}

section.productInfo .textoPrincipal .etiqueta.quinoa h1 {
    color: white;
    font-size: 36px;
    line-height: 38px;
    padding-left: 10px;
    padding-top: 40px;
}

section.productInfo .textoPrincipal .etiqueta.conserva h1 {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    float: none;
    box-sizing: border-box;
    padding: 10px 0px;
}

section.productInfo .textoPrincipal .etiqueta h2 {
    width: 100%;
    float: left;
    margin: 0px;
    font-size: 37px;
    color: #404040;
    font-family: 'back_to_black_demoregular';
    text-align: left;
    line-height: 60px;
}



section.productInfo .textoPrincipal .etiqueta.quinoa h2 {
    color: white;
    font-size: 20px;
    line-height: 36px;
}

section.productInfo .textoPrincipal .etiqueta h2:after {
    display: block;
    content: '';
    border-bottom: 2px solid #404040;
    width: 100px;
}

section.productInfo .textoPrincipal .etiqueta.quinoa h2:after {
    display: none;
}

section.productInfo .textoPrincipal .etiqueta p {
    font-family: 'Raleway';
    font-size: 19px;
    color: #000000;
    text-align: justify;
    margin-top: 25x;
}

section.productInfo .textoPrincipal .etiqueta .picto-quinoa {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    width: 100%;
    -ms-align-items: flex-start;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 5px;
}

section.productInfo .textoPrincipal .etiqueta .picto-quinoa p {
    max-width: calc(100% - 80px);
    margin-left: 10px;
    margin-top: 0;
    font-size: 14px;
}

section.productInfo .textoPrincipal .etiqueta .premios {
    width: 100%;

    display: flex;
    justify-content: center;
    align-items: center;
}

section.productInfo .textoPrincipal .etiqueta .premios img {
    height: 150px;
    margin-left: 20px;
}


section.productInfo .infoPrincipal {
    padding-left: 41px;
    box-sizing: border-box;
    width: 100%;
    float: left;
    margin-top: 25px;
}

section.productInfo .infoPrincipal>div {
    width: 100%;
    min-height: 200px;
    height: auto;
    padding: 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    box-shadow: 2px 2px 2px #cccccc;
    display: none;
    background-color: #FFF;
    float: left;
}

section.productInfo .infoPrincipal>div.tab1 {
    display: block;
}

section.productInfo .infoPrincipal>div.tab1>p {
    color: #404040 !important;
}

section.productInfo .infoPrincipal .tabs {
    float: left;
    width: 100%;
}


section.productInfo .infoPrincipal .tabs li {
    width: calc(33.33% - 2px);
    margin-right: 2px;
    float: left;
    text-align: center;
    height: 50px;
    background-image: url(../img/offTab.jpg);
    background-position: center center;
}

section.productInfo .infoPrincipal .tabs li:last-child {
    width: 33.33%;
    margin: 0px;
}

/* 4TBAS
section.productInfo .infoPrincipal .tabs li {
    width: calc(25% - 2px);
    margin-right: 2px;
    float: left;
    text-align: center;
    height: 50px;
    background-image: url(../img/offTab.jpg);
    background-position: center center;
}

section.productInfo .infoPrincipal .tabs li:last-child {
    width: 25%;
    margin: 0px;
}

*/

section.productInfo .infoPrincipal .tabs li.select,
section.productInfo .infoPrincipal .tabs li:hover {
    background-image: url(../img/onTab.jpg);
}

section.productInfo .infoPrincipal .tabs li a {
    width: 100%;
    height: 100%;
    display: table;
}

section.productInfo .infoPrincipal .tabs li a span {
    display: table-cell;
    vertical-align: middle;
    font-family: 'noteworthybold';
    font-size: 14px;
    color: #000000;
    padding-top: 6px;
    line-height: 19px;
}

section.productInfo .infoPrincipal .tabs li.select a span,
section.productInfo .infoPrincipal .tabs li:hover a span {
    color: #FFF;
}

section.productInfo .infoPrincipal>div p {
    font-family: 'Raleway';
    margin: 0px;
    font-weight: 400;
    font-size: 17px;
}

section.productInfo .infoPrincipal>div p b {
    font-weight: 600;
    font-family: 'Raleway';
}

/* Video */
section.productInfo .videoPrincipal {
    padding-left: 41px;
    box-sizing: border-box;
    width: 100%;
    float: left;
    margin-top: 25px;
}

section.productInfo .videoPrincipal .etiqueta {
    position: relative;
    box-sizing: border-box;

    width: 100%;
    height: 388px;
    padding: 10px 30px;
    margin-top: 25px;
    margin-bottom: 60px;

    background-position: right top;
    background-size: 100% 100%;
    background-image: url(../img/etiquetaPlato.png);
    display: flex;
    justify-content: center;
    align-items: center;
}

section.productInfo .videoPrincipal .etiqueta h2 {
    font-family: 'back_to_black_demoregular';
    font-size: 30px;
    color: #404040;
    line-height: 60px;
    position: relative;
    width: 100%;
    max-width: 400px;
    margin: 0px auto;
}

section.productInfo .videoPrincipal .etiqueta .video {
    width: calc(50% - 60px);
    height: 303px;
    display: inline-block;
    background: black;
    margin-right: 25px;
    position: relative;
    z-index: 3;
    border: 5px solid #85754e;
}

/*compartir plato*/

section.sharePlate {
    width: 100%;
    min-height: 700px;
    height: auto;
}

section.sharePlate .share {
    width: 37.5%;
    height: 700px;
    float: left;
    box-sizing: border-box;
    /* padding-top: 260px; */
    text-align: center;
    background-position: top center;
    background-image: url(../img/sharePlato.jpg);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

section.sharePlate .share h2 {
    font-family: 'back_to_black_demoregular';
    font-size: 48px;
    color: #464646;
    line-height: 80px;
    position: relative;
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    margin-top: 132px;
}

section.sharePlate .share h2:after {
    display: block;
    content: '';
    width: 100px;
    position: absolute;
    top: 6;
    left: 50%;
    margin-left: -50px;
}

section.sharePlate .share .line {
    color: #464646;
    border-top: 2px solid #464646;
    max-width: 100px;
    width: 100%;
    margin: 25px auto;
    padding-top: 30px
}


section.sharePlate .share p {
    font-weight: 400;
    font-family: 'Raleway';
    font-size: 28px;
    color: #464646;
    margin-top: 0px;
    margin-bottom: 25px;
}

section.sharePlate .share>a {
    font-family: "Raleway";
    font-size: 14px;
    color: #404040;
}

section.sharePlate .share ul.social {
    /* margin-bottom: 90px;*/
}

section.sharePlate .share ul.social li.social {
    display: inline;
    width: auto;
}

section.sharePlate .share ul.social li.social a span {
    background: #404040 none repeat scroll 0 0;
    border-radius: 21px;
    color: #FFF;
    float: none;
    font-family: "socicon";
    font-size: 18px;
    height: 42px;
    line-height: 42px;
    margin-right: 12px;
    text-align: center;
    text-decoration: none !important;
    width: 42px;
    text-shadow: none !important;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

section.sharePlate .share ul.social li.social a:hover span {
    background-color: #006808;
    transform: scale(1.2);
}

section.sharePlate .share ul.social li.social:last-child a span {
    margin-right: 0px;
}

section.sharePlate .plate {
    width: 62.5%;
    height: 700px;
    float: right;
    background-position: center center;
    background-size: cover
}


/*platos carrusel*/

section.related {
    margin-top: 40px;
}

section.related>h2 {
    width: 100%;
    float: left;
    margin: 0 0 40px;
    font-size: 49px;
    color: #404040;
    font-family: 'back_to_black_demoregular';
    text-align: center;
    line-height: 100px;
    position: relative;
}

section.related>h2::after {
    border-bottom: 2px solid #464646;
    content: "";
    display: block;
    left: 50%;
    margin-left: -50px;
    position: absolute;
    width: 100px;
}

section.related>p {
    color: #464646;
    float: left;
    font-family: "Raleway";
    font-size: 23px;
    font-weight: 400;
    margin-bottom: 25px;
    margin-top: 20px;
    padding: 0 5%;
    text-align: center;
    text-transform: uppercase;
    width: 90%;
}

section.related>p span {
    color: #464646;
    font-family: "Raleway";
    font-size: 23px;
    font-weight: 400;
}

section.related>.owl-carousel {
    padding: 0px 60px;
    box-sizing: border-box;
    position: relative;
}

section.related>.owl-carousel .item {
    background-image: url("../img/campo.jpg");

    &[id=almejas-a-la-marinera],
    &[id=fabes-con-almejas] {
        background-image: url("../img/mesa-gourmet.jpg");
    }

    &[id=albondigas-de-merluza-con-almejas],
    &[id=marmitako] {
        background-image: url("../img/mesa-mar.jpg");
    }

    background-size: cover;
    box-shadow: 2px 2px 2px #888888;
    height: 434px;
    margin-bottom: 3px;
    margin-right: 4px;
    margin-top: 2px;
    background-position: bottom;
}

section.related>.owl-carousel .item a {
    position: absolute;
    width: 100%;
    height: 100%;
}

section.related>.owl-carousel .owl-item h3 {
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100px;
    background-color: #fcfdfc;
    display: table
}

section.related>.owl-carousel .owl-item h3 span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-family: 'back_to_black_demoregular';
    font-size: 30px;
    color: #404040;
    padding-top: 10px;
}

section.related>.owl-carousel .owl-item img {
    bottom: 21px;
    left: 50%;
    margin-left: -125px;
    position: absolute;
    width: 250px;
}

.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}

.owl-theme .owl-nav [class*='owl-']:hover {
    background: #869791;
    color: #FFF;
    text-decoration: none;
}

.owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default;
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px;
}

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #92cc4a;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #006915;
}

.owl-prev {
    background: url("/img/owlLeft.png") !important;
    height: 219px;
    left: 9px;
    margin-top: -127px !important;
    padding: 0 !important;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    width: 31px;
    z-index: 2;
    cursor: pointer;
}

.owl-theme .owl-nav .disabled {
    display: none !important;
}

.owl-next {
    background: url("/img/owlRight.png") !important;
    height: 219px;
    right: 9px;
    margin-top: -127px !important;
    padding: 0 !important;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    width: 31px;
    z-index: 2;
    cursor: pointer;
}

.owl-theme .owl-dots {
    text-align: right !important;
}

.owl-carousel .owl-stage {
    margin: 0px auto !important;
}

section.homeNovedadesFinal .owl-theme .owl-dots {
    margin-top: 10px !important;
    position: absolute !important;
    bottom: 0px !important;
    left: 50% !important;
    margin-left: -30px !important;
}


/*DECALOGO*/

.headerSupCat {
    height: 310px;
    width: 100%;
    /*background-image: url(../img/headerCat.png);
    background-position: center center;
    background-size: cover;*/
    box-sizing: border-box;
    padding-top: 170px;
    max-width: 2500px;
    margin: 0px auto;
}

section.headerDecalogo {
    height: auto;
    width: 100%;
    background-image: url(../img/decalogo/header.jpg);
    background-position: center center;
    background-size: cover;
    box-sizing: border-box;
    max-width: 2500px;
    margin: 0px auto;
    position: relative;
    height: 300px;
}

section.headerNutriscore {
    height: auto;
    width: 100%;
    background-image: url(../img/nutriscore/header.jpg);
    background-position: center bottom;
    background-size: cover;
    box-sizing: border-box;
    max-width: 2500px;
    margin: 0px auto;
    position: relative;
    height: 500px;
}

.decalogoCont {
    width: 100%;
    max-width: 2500px;
    margin: 0px auto;
    height: auto;
    display: block;
}

.decalogoCont article {
    float: left;
    width: 33.33%;
    box-sizing: border-box;
    transition: all 0.4s ease-in-out 0s;
    position: relative;
    background-size: cover;
    background-position: center center;
}

.decalogoCont article .background-img {
    position: absolute;
    width: 100%;
    height: -webkit-fill-available;
    object-position: center center;
    object-fit: cover;
    bottom: 0;
}

.decalogoCont article.last {
    width: 100%;
}

.decalogoCont article span {
    position: absolute;
    width: 250px;
    height: 250px;
    top: 50%;
    left: 50%;
    margin-top: -125px;
    margin-left: -125px;
    background-color: rgba(256, 256, 256, 0.85);
}

.decalogoCont article span h2 {
    font-family: 'back_to_black_demoregular';
    font-size: 48px;
    color: #464646;
    line-height: 50px;
    position: relative;
    text-align: center;
    width: 100%;
    margin-top: 20px;
}

.decalogoCont article span h2:after {
    display: block;
    content: '';
    border-bottom: 2px solid #464646;
    width: 60px;
    position: absolute;
    top: 6;
    left: 50%;
    margin-left: -30px;
}

.decalogoCont article span p {
    font-size: 17px;
    margin: 20px 10%;
    text-align: center;
    width: 80%;
    font-family: 'Raleway';
    font-weight: 400;
    color: #404040;
}

.decalogoCont article.middle {
    width: 50%;
}


.nutriscore-wrapper {
    width: 100%;
    display: inline-block;
    overflow: hidden;
}

.boxes {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: start;
    flex-wrap: wrap;
}

.boxes article {
    width: 50%;
    height: 50vw;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px 100px;
    box-sizing: border-box;
    max-height: 600px;
    position: relative;
}

.boxes article .background-img {
    position: absolute;
    width: 100%;
    height: -webkit-fill-available;
    object-position: center center;
    object-fit: cover;
}

.boxes article div {
    background-color: rgba(256, 256, 256, 0.85);
    padding: 25px;
    max-width: 300px;
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
}

.boxes article h2 {
    font-family: 'back_to_black_demoregular';
    font-size: 48px;
    color: #464646;
    line-height: 50px;
    position: relative;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
}

.boxes article h2:after {
    display: block;
    content: '';
    border-bottom: 2px solid #464646;
    width: 60px;
    position: absolute;
    top: 6;
    left: 50%;
    margin-left: -30px;
}

.boxes article p {
    font-size: 17px;
    width: 80%;
    text-align: center;
    font-family: 'Raleway';
    font-weight: 400;
    color: #404040;
    margin-top: 5px;
}

.boxes article p:first-of-type {
    margin-top: 0;
}

.boxes article .btn-border-yellow {
    height: 40px;
    margin-top: 15px;
    line-height: 40px;
}

.title-nutriscore {
    padding: 40px 15px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.title-nutriscore h1 {
    font-family: 'back_to_black_demoregular';
    font-size: 48px;
    color: #464748;
    text-align: center;
    display: inline-block;
    margin-bottom: 0px;
    max-width: 1000px;
    width: 100%;
    line-height: 64px;
    margin-bottom: 10px;
}

.title-nutriscore h1:last-child {
    margin-bottom: 0;
}

.title-nutriscore h1 .tag-nutriscore {
    position: relative;
    display: inline-block;
}

.title-nutriscore h1 .tag-nutriscore i {
    font-family: 'back_to_black_demoregular';
    display: inline-block;
    position: relative;
    z-index: 2;
}

.title-nutriscore h1 .tag-nutriscore::before {
    position: absolute;
    left: -2.5%;
    top: 0;
    background: #89c41e;
    display: inline-block;
    height: 60px;
    width: 105%;
    content: '';
    clip-path: polygon(0 0, 100% 0, 100% 91%, 0% 100%);
}

.title-nutriscore p {
    font-size: 18px;
    line-height: 24px;
    font-family: 'Raleway';
    color: #464748;
    max-width: 860px;
    text-align: center;
    display: inline-block;
    margin-top: 0;
}


.info-nutriscore {
    width: 100%;
    max-width: 1200px;
    height: 900px;
    position: relative;
    margin: 0 auto;
}

.info-nutriscore .colgante {
    max-width: 800px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}


.info-nutriscore .balda {
    max-width: 1200px;
    position: absolute;
    bottom: 137px;
    left: 0%;
}

.info-nutriscore .valores {
    max-width: 450px;
    position: absolute;
    bottom: 55px;
    left: 50%;
    transform: translateX(-50%);
}

.info-nutriscore .pack {
    position: absolute;
    z-index: 5;
    max-width: 430px;
    left: 120px;
    bottom: 310px;
}

.info-nutriscore .fondo-papel {
    position: absolute;
    z-index: 4;
    right: 0px;
    bottom: 330px;
    max-width: 690px;
}

.info-nutriscore .flecha-top {
    position: absolute;
    z-index: 8;
    left: 530px;
    top: 100px;
    transform: rotate(48deg);
}

.info-nutriscore .flecha-down {
    position: absolute;
    z-index: 8;
    left: 330px;
    bottom: 160px;
    display: none;
}

.info-nutriscore .cuerda {
    position: absolute;
    right: -260px;
    top: -60px;
    max-width: 300px;
    z-index: 7;
    transform: rotate(-45deg);
}

.info-nutriscore .texto-nutriscore {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    right: 30px;
    top: 130px;
    z-index: 6;
    max-width: 550px;
    padding-right: 20px;
    box-sizing: border-box;
}

.info-nutriscore .texto-nutriscore ul {
    padding-left: 15px;
    display: inline-block;
}

.info-nutriscore .texto-nutriscore li {
    font-family: 'Raleway';
    font-size: 18px;
    line-height: 22px;
    color: #464748;
    margin-bottom: 20px;
    list-style-type: disc;
}

.info-nutriscore .texto-nutriscore li:last-child {
    margin-bottom: 0;
}

.info-nutriscore .texto-nutriscore img {
    max-width: 250px;
    margin-bottom: 20px;
}

.banner-alcachofas {
    width: 100%;
    padding: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 30.3vw;
    background: url(/img/nutriscore/banner-alcachofas.jpg) center left/cover no-repeat;
    box-sizing: border-box;
    position: relative;
}

.banner-alcachofas .container {
    width: 100%;
    max-width: 1200px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.banner-alcachofas .more-text {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%) translateX(700px);
    background: white;
    text-align: center;
    display: inline-block;
    padding: 20px;
    padding-top: 60px;
    max-width: 600px;
    transition: .7s;
    box-shadow: 7px 7px 13px rgba(0, 0, 0, .5);
    z-index: 10;
}

.banner-alcachofas .more-text .title-nutriscore {
    padding: 0;
}

.banner-alcachofas .more-text.show {
    transform: translateY(-50%);
}

.banner-alcachofas .more-text .cerrar {
    color: #464748;
    font-size: 30px;
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}

.banner-alcachofas .more-text p {
    margin-bottom: 15px;
}

.banner-alcachofas .more-text p:last-child {
    margin-bottom: 0;
}

.banner-alcachofas img {
    max-width: 330px;
}

.banner-alcachofas .posit-favorable {
    transform: translate(20px, -15px);
}



.banner-alcachofas .text {
    background-color: rgba(256, 256, 256, 0.85);
    padding: 50px;
    max-width: 380px;
    text-align: center;
    box-sizing: border-box;
    margin-left: 50px;
}

.banner-alcachofas .text p {
    font-size: 18px;
    line-height: 24px;
    font-family: 'Raleway';
    color: #464748;
    text-align: center;
    margin-bottom: 50px;
}

.banner-full-nutriscore {
    padding: 100px 50px;
    width: 100%;
    min-height: 40vw;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    position: relative;
}

.banner-full-nutriscore .background-img {
    position: absolute;
    width: 100%;
    height: -webkit-fill-available;
    object-position: center center;
    object-fit: cover;
    bottom: 0;
}

.banner-full-nutriscore .box {
    width: 100%;
    display: inline-block;
    padding: 40px;
    background-color: rgba(256, 256, 256, 0.85);
    max-width: 480px;
    text-align: center;
    position: absolute;
}

.banner-full-nutriscore .box p {
    font-family: 'Raleway';
    font-size: 18px;
    line-height: 22px;
    color: #464748;
    text-align: center;

}

.banner-full-nutriscore .box p:last-of-type {
    margin-bottom: 50px;
}

.btn-border-yellow {
    text-transform: uppercase;
    font-family: 'Raleway';
    font-size: 20px;
    padding: 0 15px;
    border: 1px solid #f0ad32;
    height: 50px;
    line-height: 50px;
    background: white;
    display: inline-block;
    color: #464748;
    cursor: pointer;
}

@media screen and (max-width:1200px) {

    .info-nutriscore .pack {
        max-width: 330px;
    }

    .info-nutriscore .flecha-top {
        position: absolute;
        z-index: 8;
        left: 460px;
        top: 192px;
        width: 82px;
    }



    .info-nutriscore .fondo-papel {
        max-width: 650px;
    }

    .info-nutriscore .texto-nutriscore li {
        font-size: 14px;
    }

    .info-nutriscore .texto-nutriscore {
        padding-left: 40px;
    }

    .banner-alcachofas img {
        max-width: 280px;
    }

}

@media screen and (max-width:1100px) {
    .banner-alcachofas img {
        max-width: 200px;
    }
}

@media screen and (max-width:1023px) {
    .flecha-down {
        display: none;
    }

    .flecha-top {
        display: none;
    }

    .info-nutriscore .pack {
        max-width: 240px;
        left: 100px;
    }
}

@media screen and (max-width:900px) {
    .boxes article {
        padding: 0;
        width: 100%;
    }

    .boxes article div {
        min-height: 0;
    }

    .title-nutriscore h1 {
        font-size: 36px;
        line-height: 46px;
    }

    .title-nutriscore h1 .tag-nutriscore::before {
        height: 50px;
    }

    .title-nutriscore p {
        line-height: 24px;
    }

    section.headerNutriscore {
        max-height: 400px;
        height: 300px;
        background-position: left center;
    }

    .info-nutriscore .texto-nutriscore img {
        max-width: 180px;
    }

    .info-nutriscore .texto-nutriscore {
        padding-left: 140px;
        top: auto;
        bottom: 380px;
        padding-right: 0;
    }

    .info-nutriscore .fondo-papel {
        max-width: 540px;
    }

    .info-nutriscore .cuerda {
        max-width: 200px;
        right: -170px;
    }

    .info-nutriscore {
        height: 730px;
    }

    .banner-alcachofas img {
        position: absolute;
        left: 50px;
        top: 50px;
        max-width: 180px;
    }

    .banner-alcachofas {
        position: relative;
    }

    .banner-alcachofas .text {
        margin-left: 0;
    }

    .banner-alcachofas img.posit-desfavorable {
        transform: none;
        bottom: 50px;
        top: auto;
    }

    .icon-veggie {
        max-width: 96px;
    }
}

@media screen and (max-width:815px) {


    .info-nutriscore .balda {
        width: 100%;
        bottom: 169px;
    }

    .info-nutriscore .colgante {
        width: 90%;
    }

    .info-nutriscore .valores {
        width: 80%;
    }

    .info-nutriscore .cuerda {
        display: none;
    }

    .info-nutriscore .fondo-papel {
        display: none;
    }

    .info-nutriscore .texto-nutriscore {
        background: white;
        padding-top: 25px;
        padding-bottom: 25px;
        padding-right: 25px;
        bottom: 290px;
    }

    .info-nutriscore .pack {
        z-index: 7;
        bottom: 278px;
        max-width: 200px;
        left: 80px;
    }


}


@media screen and (max-width:768px) {

    .info-nutriscore .balda {
        display: none;
    }

    .info-nutriscore .colgante {
        display: none;
    }

    .info-nutriscore {
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 20px;
        box-sizing: border-box;
    }

    .info-nutriscore .texto-nutriscore {
        position: relative;
        padding: 40px;
        bottom: auto;
        left: auto;
        right: auto;
        padding: 0px;
        margin-bottom: 50px;
        background: transparent;
    }

    .info-nutriscore .pack {
        position: relative;
        left: auto;
        bottom: auto;
        max-width: 380px;
        width: 100%;
    }

    .info-nutriscore .valores {
        transform: none;
        position: relative;
        left: auto;
        bottom: auto;
        margin-top: 40px;
        max-width: 320px;
    }


    .banner-alcachofas {
        justify-content: center;
    }

    .banner-alcachofas img {
        display: none;
    }

    .boxes article {
        height: auto;
    }

    .boxes article .background-img {
        position: relative;

    }

    .btn-border-yellow {
        font-size: 16px;
    }

    .banner-full-nutriscore,
    .banner-alcachofas {
        padding: 50px 25px;
    }

    .banner-full-nutriscore .box,
    .banner-alcachofas .text {
        padding: 20px;
    }

    .banner-full-nutriscore .box {
        position: relative;
        z-index: 1;
    }

    section.homeHeader .owl-carousel .item button {
        font-size: 15px;
    }

    .video-disfrutones {
        margin-top: 70px;
    }

    section.form article aside>.direccion {
        width: 100%;
    }


}


@media screen and (max-width:450px) {
    .banner-full-nutriscore .btn-border-yellow {
        font-size: 13px;
    }

    .banner-alcachofas .more-text {
        max-width: calc(100% - 60px);
    }

    .banner-alcachofas .more-text p {
        font-size: 16px;
    }


    section.homeHeader .owl-carousel .item button {
        font-size: 13px;
        padding: 0px 10px;
        transform: translateY(0);
        left: 20px;
        top: auto;
        bottom: 20px;
    }

}

@media screen and (max-width:400px) {
    .banner-full-nutriscore .btn-border-yellow {
        font-size: 10px;
        padding: 0 5px;
    }
}


/*HISTORIA*/

section.historiaHeader {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    max-height: 100vh;
    overflow: hidden;
}

.historiaAniversario a.down.scrollingHistoria {
    position: absolute;
    animation: movearrow;
    animation-delay: 1s;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}

a.top.scrollingTop {
    animation: movearrow;
    animation-delay: 1s;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px 0 20px;
    cursor: pointer;
}

a.top.scrollingTop img {
    transform: rotate(180deg);
}

@keyframes movearrow {

    0% {
        transform: none;
    }

    50% {
        transform: translateY(-20px);
    }

    100% {
        transform: none;
    }
}

section.historiaHeader .background-img {
    width: 100%;
    height: 100%;
    object-position: center center;
    object-fit: cover;
}

section.historiaHeader .play {
    background-image: url(../img/icono-play.png);
    display: inline-block;
    width: 150px;
    margin: 0 auto;
    height: 150px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;

}



section.historiaHeader .cartel {
    width: 580px;
    height: 520px;
    background: url("../img/historianew/cartel.png");
    position: absolute;
    top: -580px;
    left: 50%;
    margin-left: -290px;
    -webkit-transition: all 1s ease 0.3s;
    -moz-transition: all 1s ease 0.3s;
    -o-transition: all 1s ease 0.3s;
    transition: all 1s ease 0.3s;
}

section.historia1 {
    height: 600px;
    width: 100%;
    max-width: 2500px;
    margin: 0px auto;
    background-image: url(../img/historianew/fondo2.jpg);
    background-size: cover;
    background-position: center center;
    position: relative;
    background-attachment: fixed;
    overflow: hidden;
}

section.historia1 img {
    width: 100%;
}

section.historia1 article.text {
    position: absolute;
    width: 300px;
    height: 300px;
    top: 50%;
    left: 10%;
    margin-top: -150px;
    background-color: rgba(256, 256, 256, 0.85);
    box-sizing: border-box;
    padding: 20px;
    display: table;
    z-index: 5;
}

section.historia1 article.text a {
    display: table-cell;
    vertical-align: middle;
}

section.historia1 article.text h2 {
    font-family: 'back_to_black_demoregular';
    font-size: 44px;
    color: #464646;
    line-height: 65px;
    position: relative;
    text-align: center;
}

section.historia1 article.text h2:after {
    display: block;
    content: '';
    border-bottom: 2px solid #464646;
    width: 100px;
    position: absolute;
    top: 6;
    left: 50%;
    margin-left: -50px;
    z-index: 5;
}

section.historia1 article.text p {
    font-weight: 400;
    font-family: 'Raleway';
    font-size: 17px;
    line-height: 20px;
    color: #464646;
    margin-top: 23px;
    text-align: center;
}

section.historia1 .foto1 {
    width: 28%;
    position: absolute;
    top: 12%;
    right: 39%;
    z-index: 4;
}

section.historia1 .foto2 {
    width: 28%;
    position: absolute;
    top: 12%;
    right: 17%;
    z-index: 3;
}

section.historia1 .foto3 {
    width: 20%;
    position: absolute;
    top: 12%;
    right: 4%;
    z-index: 2;
}

section.historia2 {
    height: 600px;
    width: 100%;
    max-width: 2500px;
    margin: 0px auto;
    background-image: url(../img/historianew/fondo3.jpg);
    background-size: cover;
    background-position: center center;
    position: relative;
    background-attachment: fixed;
    overflow: hidden;
}

section.historia2 img {
    width: 100%;
}

section.historia2 article.text {
    position: absolute;
    width: 300px;
    height: 300px;
    top: 50%;
    right: 10%;
    margin-top: -150px;
    background-color: rgba(256, 256, 256, 0.85);
    box-sizing: border-box;
    padding: 20px;
    display: table;
    z-index: 4;
}

section.historia2 article.text a {
    display: table-cell;
    vertical-align: middle;
}

section.historia2 article.text h2 {
    font-family: 'back_to_black_demoregular';
    font-size: 44px;
    color: #464646;
    line-height: 65px;
    position: relative;
    text-align: center;
}

section.historia2 article.text h2:after {
    display: block;
    content: '';
    border-bottom: 2px solid #464646;
    width: 100px;
    position: absolute;
    top: 6;
    left: 50%;
    margin-left: -50px;
}

section.historia2 article.text p {
    font-weight: 400;
    font-family: 'Raleway';
    font-size: 17px;
    line-height: 20px;
    color: #464646;
    margin-top: 23px;
    text-align: center;
}

section.historia2 .etiqueta1 {
    width: 45%;
    position: absolute;
    top: 0px;
    right: 27.5%;
    z-index: 3;
}

section.historia2 .etiqueta2 {
    width: 40%;
    position: absolute;
    top: 30px;
    left: -30px;
    z-index: 3;
}

section.historia2 .etiqueta3 {
    width: 40%;
    position: absolute;
    top: 200px;
    left: -20px;
    z-index: 3;
}


section.historia3 {
    height: 600px;
    width: 100%;
    max-width: 2500px;
    margin: 0px auto;
    position: relative;
}

section.historia3 img {
    width: 100%;
}

section.historia3 article.text {
    position: absolute;
    width: 340px;
    height: 340px;
    top: 50%;
    left: 10%;
    margin-top: -170px;
    background-color: rgba(256, 256, 256, 0.85);
    box-sizing: border-box;
    padding: 20px;
    display: table;
    z-index: 1;
}

section.historia3 article.text a {
    display: table-cell;
    vertical-align: middle;
}

section.historia3 article.text h2 {
    font-family: 'back_to_black_demoregular';
    font-size: 44px;
    color: #464646;
    line-height: 65px;
    position: relative;
    text-align: center;
}

section.historia3 article.text h2:after {
    display: block;
    content: '';
    border-bottom: 2px solid #464646;
    width: 100px;
    position: absolute;
    top: 6;
    left: 50%;
    margin-left: -50px;
}

section.historia3 article.text p {
    font-weight: 400;
    font-family: 'Raleway';
    font-size: 17px;
    line-height: 20px;
    color: #464646;
    margin-top: 23px;
    text-align: center;
}

section.historia4 {
    height: 900px;
    width: 100%;
    max-width: 2500px;
    margin: 0px auto;
    position: relative;
}

section.historia4 img {
    width: 100%;
}

section.historia4 article.text {
    position: absolute;
    width: 450px;
    height: 200px;
    top: 50%;
    left: 10%;
    margin-top: -100px;
    margin-left: 0;
    background-color: rgba(256, 256, 256, 0.85);
    box-sizing: border-box;
    padding: 20px;
    display: table;
    z-index: 1;
}

section.historia4 article.text a {
    display: table-cell;
    vertical-align: middle;
}

section.historia4 article.text h2 {
    font-family: 'back_to_black_demoregular';
    font-size: 44px;
    color: #464646;
    line-height: 65px;
    position: relative;
    text-align: center;
}

section.historia4 article.text h2:after {
    display: block;
    content: '';
    border-bottom: 2px solid #464646;
    width: 100px;
    position: absolute;
    top: 6;
    left: 50%;
    margin-left: -50px;
}

section.historia4 article.text p {
    font-weight: 400;
    font-family: 'Raleway';
    font-size: 17px;
    line-height: 20px;
    color: #464646;
    margin-top: 23px;
    text-align: center;
}

section.historia4 ul {
    margin-top: 10px;
    padding-left: 30px;
}

section.historia4 ul li {
    font-family: 'Raleway';
    font-size: 17px;
    width: 100%;
    text-align: left;
    color: #404040;
    line-height: 1.3em;
    margin-bottom: 5px;
    list-style: disc;
}

section.historia3 article.text aside,
section.historia5 article.text aside,
section.historia4 article.text aside {
    border: 1px solid #f2ad32;
    bottom: 10px;
    margin: 38px auto 0;
    overflow: hidden;
    text-align: center;
    width: 200px;
    position: relative;
    display: block;
}

section.historia3 article.text aside span,
section.historia5 article.text aside span,
section.historia4 article.text aside span {
    position: relative;
    display: inline-block;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    line-height: 35px;
    font-family: 'Raleway';
    font-weight: 400;
    color: #404040;
    font-size: 17px;
    width: 100%;
}

section.historia3 article.text aside span::before,
section.historia5 article.text aside span::before,
section.historia4 article.text aside span::before {
    position: absolute;
    top: 100%;
    content: attr(data-hover);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    line-height: 35px;
    font-family: 'Raleway';
    font-weight: 600;
    font-size: 17px;
    width: 100%;
    left: 0;
    background: #f2ad32;
    color: #FFF;
    height: 35px;
}

section.historia3 article.text>a:hover aside span,
section.historia3 article.text>a:focus aside span,
section.historia5 article.text>a:focus aside span,
section.historia5 article.text>a:hover aside span,
section.historia4 article.text>a:hover aside span,
section.historia4 article.text>a:focus aside span {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}

.historia5 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 900px;
    width: 100%;
    max-width: 2500px;
    margin: 0px auto;
    position: relative;
}

section.historia3 .background-img,
section.historia4 .background-img,
section.historia5 .background-img {
    position: absolute;
    width: 100%;
    height: inherit;
    object-position: center center;
    object-fit: cover;
}

section.historia4 .background-img.responsive {
    display: none;
}

.historia5 .text {
    position: relative;
    width: 100%;
    max-width: 1024px;
    padding: 20px;
}

.historia5 .text p {
    font-weight: 400;
    font-family: 'Raleway';
    font-size: 20px;
    line-height: 23px;
    color: #fff;
    margin-top: 23px;
    text-align: left;
    margin-bottom: 20px;
    margin-top: 400px;
}

.historia5 .text a {
    float: left;
}

section.historia5 article.text aside span {
    color: white;
}

.cover-popup {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 10;
}

.cover-g9 {
    display: none;
}

.cover-g9 .contenedor-popup {
    background: url(../img/historia/grupo-9-popup-fondo.jpg) center/cover no-repeat;
    position: relative;
    height: 100vh;
    width: 100vw;
}

.row-center {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}

.cover-popup .cerrar {
    background: url(../img/historia/cerrar-pop.png) center/cover no-repeat;
    width: 50px;
    height: 50px;
    display: inline-block;
    position: absolute;
    right: 40px;
    top: 72px;
    cursor: pointer;
}

.column-center {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}

.grupo.g9 {
    background: url(../img/historia/grupo-9-fondo.jpg) center/cover no-repeat;
}

.grupo-9-imagen-a {
    position: absolute;
    left: 50%;
    top: 10px;
    z-index: 3;
    margin-left: -310px;
}

.grupo-9-imagen-b {
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 4;
}

.grupo-9-imagen-c {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.grupo-9-imagen-d {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
}

.cover-g9 .contenedor-popup {
    background: url(../img/historia/grupo-9-popup-fondo.jpg) center/cover no-repeat;
}

.popup-g9 {
    max-width: 1200px;
    width: 100%;
    height: 80vh;
    max-height: 634px;
    background: url(../img/historia/grupo-9-slider-background.png) center/cover no-repeat;
    padding: 50px 100px;
    box-sizing: border-box;
}

.slider-g9 {
    display: inline-block;
    margin: 0 auto;
    width: 100%;
    padding: 0 50px;
}

.popup-g9 p {
    font-family: 'Raleway';
    font-size: 18px;
    margin-bottom: 15px;
    width: 100%;
    text-align: left;
    color: #424242;
}

.popup-g9 p strong {
    font-family: 'Raleway';
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 800;
}

.slider-g9 .contenedor-imagen {
    background: url(../img/historia/grupo-9-fondo-imagen-slider.png) center/cover no-repeat;
    width: 314px;
    height: 269px;
    transform: scale(.8);
    padding: 30px;
    margin: 0 auto;
}

.slider-g9 .contenedor-imagen img {
    max-width: 100%;
}

.slider-g9 .contenedor-imagen p {
    width: 100%;
    font-size: 30px;
    font-family: 'back_to_black_demoregular';
    color: #404040;
    text-align: center;
    margin: 0;
}

.slider-g9 .slick-prev {
    background: url(../img/historia/grupo-9-slider-flecha.png) center/33px no-repeat;
    width: 33px;
    height: 71px;
    display: inline-block;
    font-size: 0;
    border: none;
    position: absolute;
    top: 50%;
    margin-top: -35px;
    left: 0;
    z-index: 12;
}

.slider-g9 .slick-next {
    background: url(../img/historia/grupo-9-slider-flecha.png) center/33px no-repeat;
    width: 33px;
    height: 71px;
    display: inline-block;
    font-size: 0;
    border: none;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -35px;
    z-index: 12;
    transform: rotate(180deg);
}

/*NUTRICIÓN*/

section.nutricionHeader {
    background: url("../img/nutricion/header.jpg");
    background-size: cover;
    background-position: center center;
    height: 100%;
    margin: 0 auto;
    max-width: 2500px;
    width: 100%;
    position: relative;
    background-attachment: fixed;
}

section.nutricionHeader .content {
    background-color: rgba(255, 255, 255, 0.75);
    bottom: 15%;
    height: 50%;
    left: 50%;
    margin-left: -289px;
    max-width: 578px;
    position: absolute;
    width: 100%;
    min-height: 320px;
    display: table;
}

section.nutricionHeader .content aside {
    display: table-cell;
    vertical-align: middle;
}

section.nutricionHeader .content h1 {
    font-family: 'back_to_black_demoregular';
    font-size: 42px;
    color: #464646;
    line-height: 1.1em;
    position: relative;
    text-align: center;
    padding: 10px 0px 22px;
}

section.nutricionHeader .content h1:after {
    display: block;
    content: '';
    border-bottom: 2px solid #464646;
    width: 100px;
    position: absolute;
    top: 6;
    left: 50%;
    margin-left: -50px;
}

section.nutricionHeader .content p {
    width: 80%;
    margin: 0px 10% 20px;
    font-family: 'Raleway';
    font-weight: 400;
    color: #404040;
    font-size: 19px;
    text-align: center;
    line-height: 24px;
}

section.nutricionProceso {
    height: 75%;
    width: 100%;
    max-width: 2500px;
    margin: 0px auto;
    min-height: 550px;
    position: relative;
}

section.nutricionProceso article {
    height: 100%;
    width: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    float: left;
    position: relative;
}

section.nutricionProceso article aside {
    position: absolute;
    background-image: url(../img/nutricion/corazon.png);
    width: 169px;
    height: 176px;
    background-size: contain;
    top: -59px;
    left: -84px;
}

section.nutricionProceso article a {
    font-family: 'Raleway';
    font-size: 17px;
    font-weight: 400;
    color: #404040;
    line-height: 21px;
    text-decoration: underline;
}

section.nutricionProceso article:nth-child(1) {
    position: relative;
}

section.nutricionProceso article:nth-child(1) span {
    position: absolute;
    width: 400px;
    height: 400px;
    top: 50%;
    left: 50%;
    margin-top: -200px;
    margin-left: -200px;
    background-color: rgba(256, 256, 256, 0.85);
    box-sizing: border-box;
    padding: 20px;
}

section.nutricionProceso article:nth-child(2) span {
    position: absolute;
    width: 250px;
    height: 250px;
    top: 50%;
    left: 50%;
    margin-top: -125px;
    margin-left: -125px;
    background-color: rgba(256, 256, 256, 0.85);
    box-sizing: border-box;
    padding: 20px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    box-sizing: border-box;
}


section.nutricionProceso article:nth-child(2) span p {
    margin-top: 0;
    padding: 0 !important;
}


section.nutricionProceso article:nth-child(2) span h2 {
    text-align: center;
    font-family: 'back_to_black_demoregular';
    font-size: 34px;
    line-height: 50px;
    padding-bottom: 20px;
}

section.nutricionProceso article:nth-child(2) span h2:after {
    display: block;
    content: '';
    border-bottom: 2px solid #464646;
    width: 100px;
    position: absolute;
    top: 6;
    left: 50%;
    margin-left: -50px;
}

section.nutricionProceso article:nth-child(2) span p {
    color: #404040;
    float: none;
    font-family: 'Raleway';
    font-size: 17px;
    line-height: 21px;
    padding: 10px 20px;
    text-align: center;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

section.nutricionProceso article:nth-child(1) span h2 {
    text-align: center;
    font-family: 'back_to_black_demoregular';
    font-size: 34px;
    line-height: 50px;
    padding-bottom: 20px;
}

section.nutricionProceso article:nth-child(1) span h2:after {
    display: block;
    content: '';
    border-bottom: 2px solid #464646;
    width: 100px;
    position: absolute;
    top: 6;
    left: 50%;
    margin-left: -50px;
}

section.nutricionProceso article:nth-child(1) span p {
    text-align: center;
    font-family: 'Raleway';
    font-size: 17px;
    font-weight: 400;
    color: #404040;
    width: 100%;
    margin: 0px;
    line-height: 21px;
}

section.nutricionFen {
    height: 75%;
    margin-bottom: 40px;
    width: 100%;
    max-width: 2500px;
    margin: 0px auto;
    min-height: 550px;
}

section.nutricionFen article {
    height: 100%;
    width: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    float: left;
    position: relative;
    min-height: 610px;
}

section.nutricionFen article:nth-child(1) {
    background-image: url(../img/nutricion/bodegon.jpg);
}

section.nutricionFen article:nth-child(1) h2 {
    margin-top: 15%;
    text-align: center;
    font-family: 'back_to_black_demoregular';
    font-size: 30px;
    padding: 0 20% 0 40%;
}

section.nutricionFen article:nth-child(1) img {
    width: 63px;
}

section.nutricionFen article:nth-child(1) p {
    margin: 10px 15% 10px 35%;
    width: 50%;
    font-family: 'Raleway';
    font-weight: 400;
    text-align: center;
    font-size: 17px;
    color: #404040;
}

@media screen and (max-height: 800px) {
    section.nutricionFen article:nth-child(1) p {
        font-size: 14px;
    }

}

section.nutricionFen article:nth-child(2) span {
    display: table;
    position: absolute;
    width: 300px;
    height: 300px;
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -150px;
    background-color: rgba(256, 256, 256, 0.85);
}

section.nutricionFen article:nth-child(2) span p {
    color: #404040;
    float: none;
    font-family: 'Raleway';
    font-size: 17px;
    line-height: 21px;
    padding: 10px 20px;
    text-align: center;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

section.nutricionFen article:nth-child(2) span p i {
    font-style: italic;
    font-size: 12px;
}

section.nutricionFen article:nth-child(2) span h2 a {
    margin-top: 14px;
    width: 98%;
    display: block;
    background-image: url(../img/nutricion/FEN.png);
    background-size: auto 100%;
    background-position: top right;
    background-repeat: no-repeat;
    height: 30px;
}

section.nutricionFen article:nth-child(2) span h2 a:after {
    display: block;
    content: '';
    border-bottom: 1px solid #464646;
    width: 80px;
    position: absolute;
    bottom: 27px;
    right: 10%;
}

section.platos-listos-exoticos h2 {
    font-family: 'back_to_black_demoregular';
    font-size: 46px;
    color: #404040;
    line-height: 150px;
    position: relative;
    width: 100%;
    text-align: center;
    margin-bottom: 0px;
    background: #FFF;
}

.platos-listos-exoticos {
    position: relative;
}

section.platos-listos-exoticos article {
    width: 100%;
    height: 100vh;
    display: inline-block;
}

section.nutricionProceso article .background-img,
section.nutricionFen article .background-img,
section.platos-listos-exoticos article .background-img {
    position: absolute;
    width: 100%;
    height: inherit;
    object-position: center center;
    object-fit: cover;
}

/*NEWSLETTER*/

section.newsletterfollow {
    height: auto;
    margin: 0 auto;
    max-width: 2500px;
    padding: 60px 0 80px;
    background-image: url(../img/cesta1.png), url(../img/cesta2.png);
    background-position: left bottom, right bottom;
    background-repeat: no-repeat;
}

section.newsletterfollow .contentNews {
    max-width: 790px;
    margin: 0px auto 50px;
    height: auto;
    width: 100%;
}

section.newsletterfollow .contentNews p {
    font-family: 'back_to_black_demoregular';
    font-size: 50px;
    width: 100%;
    text-align: center;
}

section.newsletterfollow .contentNews p.legal {
    font-family: 'Raleway';
    font-size: 12px;
    width: 100%;
    display: inline-block;
    text-align: left;
}

section.newsletterfollow .contentNews p.legal a {
    color: black;
    text-decoration: underline;
}

section.newsletterfollow .contentNews h2 {
    font-family: 'back_to_black_demoregular';
    font-size: 46px;
    color: #FFF;
    line-height: 94px;
    position: relative;
    width: 100%;
    text-align: center;
    background-image: url("../img/newsletter.png");
    background-size: cover;
    background-position: center center;
    height: 84px;
    margin-bottom: 30px;
}

section.newsletterfollow .contentNews input[type="text"] {
    background: #FFF border: 1px solid #404040;
    color: #4e4e4d;
    float: left;
    font-family: "Raleway";
    font-weight: 500;
    font-style: italic;
    font-size: 20px;
    height: 62px;
    line-height: 62px;
    padding: 0 15px;
    text-align: left;
    width: 70%;
    margin-left: 12px;
    box-sizing: border-box;
    float: left;
}

section.newsletterfollow .contentNews input[type="submit"] {
    width: calc(30% - 44px);
    font-family: "Raleway";
    font-weight: 400;
    font-size: 24px;
    height: 62px;
    line-height: 62px;
    float: right;
    border: 0px;
    background: #f2ad32;
    color: #FFF;
    margin-right: 12px;
    text-transform: uppercase;
    cursor: pointer;
}

section.newsletterfollow .contentNews .check {
    float: left;
    margin: 5px 0 6px;
    padding: 8px 0 0;
}

section.newsletterfollow .contentNews .check input {
    display: none;
}

section.newsletterfollow .contentNews .check input[type="checkbox"]+label {
    background: url(../img/check.png) no-repeat scroll left center;
    color: #404040;
    font-family: "Raleway";
    font-weight: 400;
    font-style: italic;
    font-size: 14px;
    height: 23px;
    line-height: 25px;
    padding: 0 0px 0 35px;
    margin-left: 13px;
    float: left;
}

section.newsletterfollow .contentNews .check input[type="checkbox"]+label a {
    font-family: "Raleway";
    color: #404040;
    font-weight: 400;
    font-style: italic;
    text-decoration: underline;
}

section.newsletterfollow .contentNews .check input[type="checkbox"]:checked+label {
    background: url(../img/check_on.png) no-repeat scroll left center;
}

section.newsletterfollow h2.follow {
    font-family: 'back_to_black_demoregular';
    font-size: 48px;
    color: #464646;
    line-height: 80px;
    position: relative;
    width: 100%;
    text-align: center;
}

section.newsletterfollow ul.social {
    width: 100%;
    text-align: center;
}

section.newsletterfollow ul.social li.social {
    display: inline;
    width: auto;
}

section.newsletterfollow ul.social li.social a span {
    background: #404040 none repeat scroll 0 0;
    border-radius: 21px;
    color: #FFF;
    float: none;
    font-family: "socicon";
    font-size: 18px;
    height: 42px;
    line-height: 42px;
    margin-right: 12px;
    text-align: center;
    text-decoration: none !important;
    width: 42px;
    text-shadow: none !important;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

section.newsletterfollow ul.social li.social:last-child a span {
    margin-right: 0px;
}

section.newsletterfollow ul.social li.social a:hover span {
    background-color: #006808;
    transform: scale(1.2);
}

/*PROMOCIONES*/

section.headerPromociones {
    height: auto;
    width: 100%;
    background-image: url(../img/promociones/header.jpg);
    background-position: center center;
    background-size: cover;
    box-sizing: border-box;
    max-width: 2500px;
    margin: 0px auto;
    position: relative;
    height: 300px;
}

.promoCont {
    width: 100%;
    max-width: 2500px;
    margin: 0px auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

}

.promoCont article {
    float: left;
    width: 50%;
    box-sizing: border-box;
    transition: all 0.4s ease-in-out 0s;
    position: relative;
    background-size: cover;
    background-position: center center;
    height: 600px;
}

.promoCont article:nth-child(1) {
    background-image: url(../img/promociones/promo-sorteo-platos-listos.jpg);
    background-position: center right;
}

.promoCont article:nth-child(2) {
    background-position: center right;
}

.promoCont article a {
    position: absolute;
    width: 400px;
    height: 400px;
    top: 50%;
    left: 50%;
    margin-top: -200px;
    margin-left: -200px;
    background-color: rgba(256, 256, 256, 0.85);
    box-sizing: border-box;
    padding: 30px 10px 0px 10px;
}

.promoCont article a h2 {
    font-family: 'back_to_black_demoregular';
    font-size: 48px;
    color: #464646;
    line-height: 90px;
    position: relative;
    text-align: center;
    width: 100%;
    margin-top: 20px;
}

.promoCont article a h2:after {
    display: block;
    content: '';
    border-bottom: 2px solid #464646;
    width: 60px;
    position: absolute;
    top: 6;
    left: 50%;
    margin-left: -30px;
}

.promoCont article a p {
    font-size: 20px;
    margin: 20px 10%;
    text-align: center;
    width: 80%;
    font-family: 'Raleway';
    font-weight: 400;
    color: #404040;
}

.promoCont article aside {
    border: 1px solid #f2ad32;
    bottom: 10px;
    margin: 80px auto 0;
    overflow: hidden;
    text-align: center;
    width: 124px;
    position: relative;
}

.promoCont article aside.big {
    width: 250px;
}

.promoCont article a aside span {
    position: relative;
    display: inline-block;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    line-height: 35px;
    font-family: 'Raleway';
    font-weight: 400;
    color: #404040;
    font-size: 17px;
    width: 100%;
}

.promoCont article aside span::before {
    position: absolute;
    top: 100%;
    content: attr(data-hover);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    line-height: 35px;
    font-family: 'Raleway';
    font-weight: 600;
    font-size: 17px;
    width: 100%;
    left: 0;
    background: #f2ad32;
    color: #FFF;
    height: 35px;
}

.promoCont article a:hover aside span {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}

/*BASES LEGALES Y POLÍTICA DE PRIVACIDAD*/

section.contentBases {
    width: 100%;
    max-width: 1000px;
    text-align: justify;
    padding: 20px;
    box-sizing: border-box;
    margin: 0px auto;
    background: rgba(256, 256, 256, 0.7);
}

section.contentBases p,
section.contentBases table,
section.contentBases ul {
    margin: 0 0 25px;
}

section.contentBases h2 {
    font-size: 24px;
    font-family: 'Raleway';
    font-weight: 600;
    margin-bottom: 30px;
    text-align: left;
    color: #484847;
}

section.contentBases table th {
    color: #1D2060;
    font-size: 18px;
    padding: 0 10px;
    font-weight: 400;
    text-align: left;
    font-family: 'Raleway';
    font-weight: 400;
}

section.contentBases table td {
    color: #484847;
    font-size: 18px;
    padding: 0 10px;
    font-family: 'Raleway';
    font-weight: 400;
}

section.contentBases p,
section.contentBases li {
    color: #484847;
    font-family: 'Raleway';
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 25px;
}

section.contentBases table {
    width: 100%;
    border-collapse: collapse;
}

section.contentBases table td {
    border-bottom: 1px solid #000;
    padding: 10px;
}

section.contentBases table tr:first-of-type p {
    font-weight: bold;
    font-size: 16px;
}

section.contentBases table p,
section.contentBases table a {
    font-size: 12px;
    margin-bottom: 0;
}

section.contentBases table a {
    color: #000000;
}

section.contentBases a {
    color: #1e275a;
    font-family: 'Raleway';
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    text-decoration: underline;
}

/*SIN GLUTEN*/

section.singlutenHeader {
    height: 100%;
    margin: 0 auto;
    max-width: 2500px;
    width: 100%;
    position: relative;
}

section.singlutenHeader .background-img {
    position: absolute;
    width: 100%;
    height: -webkit-fill-available;
    object-position: center center;
    object-fit: cover;
    bottom: 0;
}

section.singlutenHeader.veggie {
    /* background: url("../img/veggie-header.jpg"); */
    background: url("../img/veggie-header2.jpg");
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}

section.singlutenHeader .content {
    background-color: rgba(255, 255, 255, 0.75);
    top: 50%;
    left: 50%;
    margin-left: -289px;
    margin-top: -120px;
    max-width: 578px;
    position: absolute;
    width: 100%;
    min-height: 320px;
    display: table;
}

section.singlutenHeader .content aside {
    display: table-cell;
    vertical-align: middle;
}

section.singlutenHeader .content h1 {
    font-family: 'back_to_black_demoregular';
    font-size: 48px;
    color: #464646;
    line-height: 86px;
    position: relative;
    text-align: center;
    padding: 10px 0px 10px;
}

section.singlutenHeader .content h1 span {
    font-family: 'back_to_black_demoregular';
    margin-left: 3px;
}


section.subheaderGluten {
    background-color: rgba(255, 255, 255, 0.75);
    height: 160px;
    max-width: 600px;
    position: relative;
    width: 100%;
    min-height: 160px;
    display: table;
    margin: 30px auto 0;
}

section.subheaderGluten aside {
    display: table-cell;
    vertical-align: middle;
}

section.subheaderGluten p {
    width: 90%;
    margin: 0px 5% 0px;
    font-family: 'Raleway';
    font-weight: 400;
    color: #404040;
    font-size: 19px;
    text-align: center;
    line-height: 24px;
}

section.subheaderGluten a {
    font-family: 'Raleway';
    font-weight: 400;
    color: #404040;
    font-size: 19px;
    text-align: center;
    line-height: 40px;
    text-decoration: underline;
}


/*FOOTER*/

footer {
    width: 100%;
    height: auto;
    max-width: 2500px;
    margin: 0px auto;
}

footer>div.contentFoot {
    width: 100%;
    max-width: 1300px;
    margin: 0px auto;
}

footer>div.contentFoot>div {
    float: left;
    padding: 0px 20px;
    box-sizing: border-box;
}

footer>div.contentFoot>div {
    width: 25%;
}

footer>div.contentFoot h3 {
    border-top: 2px solid #404040;
    color: #404040;
    float: left;
    font-family: "Raleway";
    font-size: 17px;
    font-weight: 600;
    margin: 20px 0 15px;
    padding-top: 15px;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}

footer>div.contentFoot>div ul:last-child {
    padding-bottom: 20px;
    border-bottom: 2px solid #404040;
}

footer>div.contentFoot ul {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}

footer>div.contentFoot ul li {
    width: 100%;
    float: left;
    font-size: 17px;
    font-family: 'Raleway';
}

footer>div.contentFoot ul li.social {
    margin-bottom: 3px;
}

footer>div.contentFoot ul li a {
    font-size: 17px;
    font-family: 'Raleway';
    color: #404040;
    line-height: 17px;
    margin-bottom: 3px;
}

footer>div.contentFoot ul li a:hover {
    text-decoration: none;
}

footer>div.contentFoot ul.social li.social a span {
    background: #404040 none repeat scroll 0 0;
    border-radius: 15px;
    color: #FFF;
    float: none;
    font-family: "socicon";
    font-size: 14px;
    height: 25px;
    line-height: 25px;
    margin-right: 5px;
    text-align: center;
    text-decoration: none !important;
    width: 25px;
    text-shadow: none !important;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}


footer>div.contentFoot ul.social li.social a:hover span {
    background-color: #006808;
    transform: scale(1.2);
}

footer .idiomas {
    float: left;
    height: 50px;
    line-height: 50px;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

footer .idiomas a {
    color: #FFF;
    float: unset;
    line-height: 50px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -9999px;
    width: 50px;
    display: inline-table;
}

footer .idiomas>a#aCambioIdiomaES {
    background: url("../img/spanishF.png") no-repeat scroll center center;
}

footer .idiomas>a#aCambioIdiomaEn {
    background: url("../img/englishF.png") no-repeat scroll center center;
}

footer .idiomas>a#aCambioIdiomaIt {
    background: url("../img/italianF.png") no-repeat scroll center center;
}

footer .idiomas a {
    color: #FFF;
}

footer .subfooter {
    height: 200px;
    width: 100%;
    background: url(../img/pie.webp);
    background-position: top center;
    margin-top: 40px;
}

footer .subfooter .content {
    width: 100%;
    max-width: 1300px;
    margin: 0px auto;
    text-align: center;
    padding-top: 0;
    justify-content: center;
    align-items: flex-end;
    display: flex;
    padding-top: 40px;
}

footer .subfooter .content a {
    float: right;
    margin: 41px 10px 0px;
}

footer .subfooter .content a:nth-child(1) img {
    max-width: 100px;
}

footer .subfooter .content a:nth-child(2) {
    float: none;
    margin-left: 0;
}

footer .subfooter .content a:nth-child(2) img {
    max-width: 120px;
}

.contenedor-florida {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -ms-align-items: center;
    align-items: center;
    width: 100%;
    margin: 40px 0 20px 0;
    border-top: 2px solid #404040;
    float: left;
    padding-top: 10px;
}

.contenedor-florida p,
.distribuidor-puerto-rico {
    font-size: 13px;
    font-family: Raleway;
    color: #404040;
    line-height: 17px;
    margin-bottom: 3px;
    /* padding-left: 8px; */
    width: calc(100% - 80px);
}

.distribuidor-puerto-rico {
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 2px solid #404040;
}

.contenedor-florida p a,
.distribuidor-puerto-rico a {
    color: #404040;
    text-decoration: underline;
    width: 100%;
    display: inline-block;
}


/*EFECTOS GRID*/

/*section.decalogoCont{
    -webkit-perspective: 1000px;
    perspective: 1000px;
    }*/

/* article.efecto {
    opacity: 0;
} */

/*article.animate1,article.animate2,article.animate3 {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: rotateX(-80deg);
    transform: rotateX(-80deg);
    -webkit-animation: flip .8s ease-in-out forwards;
    animation: flip .8s ease-in-out forwards;
}

@-webkit-keyframes flip {
    0% { }
    100% { -webkit-transform: rotateX(0deg); opacity: 1; }
}

@keyframes flip {
    0% { }
    100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; }
    }*/

.animate1 {
    -webkit-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-animation: moveUp 0.65s ease forwards;
    animation: moveUp 0.65s ease forwards;
}

.animate2 {
    -webkit-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-animation: moveUp 0.85s ease forwards;
    animation: moveUp 0.85s ease forwards;
}

.animate3 {
    -webkit-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-animation: moveUp 1.05s ease forwards;
    animation: moveUp 1.05s ease forwards;
}

.animate4 {
    -webkit-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-animation: moveUp 1.25s ease forwards;
    animation: moveUp 1.25s ease forwards;
}

.animate5 {
    -webkit-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-animation: moveUp 1.45s ease forwards;
    animation: moveUp 1.45s ease forwards;
}

@-webkit-keyframes moveUp {
    0% {}

    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

.cover {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(256, 256, 256, .6);
    z-index: 100;
    display: none;
}

.popup {
    background: url(../img/fondopop.jpg) center/cover no-repeat;
    border-radius: 4px;
    padding: 30px;
    position: relative;
    -webkit-box-shadow: 0px 5px 46px -19px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 5px 46px -19px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 5px 46px -19px rgba(0, 0, 0, 0.75);
    display: none;
    width: 537px;
    height: 284px;
    left: 50%;
    top: 50%;
    margin-left: -267.5px;
    margin-top: -142px;
    box-sizing: border-box;
}

.popup .center {
    display: table;
    width: 100%;
    height: 100%;
}

.popup .cerrar {
    width: 30px;
    height: 30px;
    top: 20px;
    right: 20px;
    cursor: pointer;
    position: absolute;
    display: inline-block;
    border: 2px solid #404040;
    border-radius: 40px;
}

.popup .cerrar span {
    width: 20px;
    height: 2px;
    display: inline-block;
    background: #404040;
    position: absolute;
    top: 14px;
    left: 5px;
}

.popup .cerrar span:first-child {
    transform: rotate(45deg);
}

.popup .cerrar span:last-child {
    transform: rotate(-45deg);
}

.popup p {
    width: 100%;
    color: #404040;
    margin: 0px;
    text-align: center;
    font-family: 'Raleway';
    font-weight: 500;
    font-size: 18px;
    display: table-cell;
    vertical-align: middle;
    line-height: 28px;
}

@keyframes moveUp {
    0% {}

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@media (max-width: 1600px) {
    section.homeHistoria {
        height: 600px;
    }

    section.headerHoy article aside.plato1 {
        top: 250px;
        width: 16.75%;
    }

    section.headerHoy article aside.plato2 {
        top: 287px;
        left: 54.7%;
    }

    section.headerHoy article aside.plato3 {
        top: 200px;
    }

    section.headerHoy article aside.mantel1 {
        top: 200px;
    }

    section.headerHoy article aside.mantel2 {
        top: 270px;
    }

    section.headerHoy article aside.mantel3 {
        top: 200px;
    }
}

@media (max-width: 1400px) {

    section.historia1 .foto1,
    section.historia1 .foto2,
    section.historia1 .foto3 {
        top: 23%;
    }

    section.historia4 {
        height: 700px;
    }

    section.sharePlate .share h2 {
        max-width: 500px;
    }
}

@media (max-width: 1350px) {
    section.sharePlate {
        min-height: 500px;
    }

    section.sharePlate .share {
        height: 500px;

    }

    section.sharePlate .share h2 {
        font-size: 40px;
        line-height: 59px;
        margin-top: 40px;
        max-width: 400px;
    }

    section.sharePlate .share .line {
        margin: 10px auto;
        padding-top: 0;
    }

    section.sharePlate .plate {
        height: 500px;
    }

    section.headerHoy article aside.plato1 {
        left: 39.5%;
    }

    section.headerHoy article aside.plato2 {
        top: 280px;
        left: 58.9%;
    }

    section.headerHoy article aside.plato3 {
        top: 230px;
        left: 78%;
    }

    section.headerHoy article aside.mantel1 {
        top: 230px;
        left: 37%;
    }

    section.headerHoy article aside.mantel2 {
        top: 300px;
        left: 59.5%;
    }

    section.headerHoy article aside.mantel3 {
        top: 230px;
        left: 77%;
    }

}

@media (max-width: 1200px) {
    footer .subfooter .content a:nth-child(2) {
        float: left;
        margin: 0px 30px !important;
    }

    section.nutricionFen article:nth-child(1) h2 {
        padding: 0 10%;
    }

    section.nutricionFen article:nth-child(1) p {
        margin: 10px 25%;
        width: 50%;
        font-size: 15px;
    }

    section.historia4 {
        height: 600px;
    }
}

@media (max-width: 1200px) {


    .platosCont ul li.smallPhoto {
        height: 340px;
    }

    section.acordeon article aside h2 {
        font-size: 21px;
        line-height: 25px;
    }

    section.acordeon article aside p {
        font-size: 14px;
        line-height: 17px;
    }

    section.homeHistoria {
        height: 500px;
    }

    section.homeHistoria .history3 {
        bottom: 173px;
    }

    section.historia2 .etiqueta1 {
        width: 60%;
        position: absolute;
        top: 0px;
        right: 10%;
        z-index: 3;
    }

    section.historia2 .etiqueta2 {
        width: 55%;
        position: absolute;
        top: 40px;
        left: -30px;
        z-index: 3;
    }

    section.historia2 .etiqueta3 {
        width: 55%;
        position: absolute;
        top: 200px;
        left: -20px;
        z-index: 3;
    }
}

@media (max-width:1119px) and (min-width:865px) {


    section.nutricionProceso article aside {
        top: -110px;
        left: -21px;
        width: 112px;
        height: 130px;
    }
}

@media (max-width:865px) and (min-width:825px) {
    section.nutricionProceso article aside {
        top: -110px;
        left: 0px;
        width: 112px;
        height: 100px;
    }
}

@media (max-width: 1024px) {

    /*HEADER*/
    header {
        background-color: transparent;
    }

    header a.logo {
        background-color: rgba(256, 256, 256, 0.7);
        top: 10px;
        right: auto;
        left: 10px;
        padding: 10px 10px 0px;
    }

    .pc {
        display: none !important;
    }

    .mov {
        display: block !important;
    }

    a.down {
        display: none
    }

    a.down.scrollingHistoria {
        display: block;
    }

    header nav>ul.menu {
        position: absolute;
        width: 320px;
        top: 0px;
        right: -320px;
        height: auto;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        background-color: rgba(256, 256, 256, 0.75);
        padding: 15px 0px;
    }

    header nav>ul.menu li {
        width: 100%;
        float: left;
        padding: 0px;
    }

    header nav>ul.menu li a {
        line-height: 29px;
    }

    header nav>ul.menu li a:after {
        display: none;
    }

    header nav>ul>li ul.submenu {
        background: transparent;
        left: auto;
        position: relative;
        top: auto;
        width: 100%;
        display: block;
        padding-top: 5px;
    }

    .nav-icon {
        display: block
    }

    header nav>ul>li.logo {
        display: none;
    }

    .logomov {
        display: block;
    }

    div.wrapper {
        padding-top: 100px;
    }

    /*INDEX*/
    section.homeHeader {
        height: 50%;
    }

    /*section.homeHeader .content {
        max-width: 300px;
        position: absolute;
        width: 100%;
        min-height: 160px;
        display: table;
        left: 10%;
        top: 24%;
        }*/
    section.homeHeader .content {
        width: 300px;
        min-height: 160px;
        margin-left: -100px;
        top: 85px;
    }

    /*section.homeHeader .content h1 {
        font-size: 31px;
        line-height: 66px;
        padding-bottom: 20px;
        }*/
    section.homeHeader .content h1 {
        font-size: 31px;
        line-height: 52px;
        padding-bottom: 10px;
    }

    section.homeHeader .content p {
        font-size: 22px;
    }

    section.homeBlog,
    section.homeEsparragos,
    section.homeHistoria145,
    section.homeCuida {
        height: auto;
        min-height: 850px;
    }

    section.homeBlog article:nth-child(1),
    section.homeHistoria145 article:nth-child(1),
    section.homeEsparragos article:nth-child(1),
    section.homeCuida article:nth-child(1) {
        height: 350px;
    }

    section.homeBlog article,
    section.homeEsparragos article,
    section.homeHistoria145 article,
    section.homeCuida article,
    section.homeenLata article {
        width: 100% !important;
        height: 500px
    }

    section.homeBlog article aside,
    section.homeEsparragos article aside,
    .intro-acceso-categorias article aside,
    section.homeHistoria145 article aside,
    section.homeCuida article aside {
        margin: 35px auto 0;
    }

    .intro-acceso-categorias article aside {
        margin-top: 0;
    }

    section.homeBlog article h2,
    section.homeEsparragos article h2,
    section.homeCuida article h2 {
        font-size: 33px !important;
    }

    /*CARRETILLA HOY*/
    section.headerHoy article {
        height: auto;
        position: relative;
    }

    section.headerHoy article aside:nth-child(1) {
        position: relative;
        width: 100%;
        height: auto;
        background-color: rgba(256, 256, 256, 0.85);
        box-sizing: border-box;
        padding: 120px 20px 20px;
        float: left;
        left: auto;
        top: auto;
        margin-bottom: 220px;
    }

    section.headerHoy article aside:nth-child(1) h1 {
        font-family: 'back_to_black_demoregular';
        font-size: 40px;
        color: #464646;
        line-height: 60px;
        position: relative;
        text-align: center;
    }

    section.headerHoy article aside:nth-child(1) p {
        font-family: 'Raleway';
        font-weight: 400;
        font-size: 15px;
        color: #464646;
        line-height: 16px;
        position: relative;
        text-align: center;
        margin-top: 20px;
    }

    section.headerHoy article aside.plato1 {
        bottom: 20px;
        left: 19%;
        top: auto;
    }

    section.headerHoy article aside.plato2 {
        bottom: 36px;
        left: 42.8%;
        top: auto;
        width: 14%;
    }

    section.headerHoy article aside.plato3 {
        bottom: 0px;
        left: 61%;
        top: auto;
    }

    section.headerHoy article aside.mantel1 {
        bottom: 0px;
        left: 17%;
        top: auto;
    }

    section.headerHoy article aside.mantel2 {
        bottom: 30px;
        left: 41.5%;
        top: auto;
    }

    section.headerHoy article aside.mantel3 {
        bottom: 0px;
        left: 60%;
        top: auto;
    }

    section.headerHoy h2 {
        font-family: 'back_to_black_demoregular';
        font-size: 35px;
        line-height: 80px;
        float: left;
    }

    section.acordeon {
        height: auto !important;
    }

    section.acordeon article {
        width: 50%;
        float: left;
        height: 400px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        position: relative;
    }

    section.acordeon article:nth-child(1),
    section.acordeon article:nth-child(2),
    section.acordeon article:nth-child(3) {
        width: 33.33%;
    }

    section.acordeon article:nth-child(4),
    section.acordeon article:nth-child(5) {
        width: 50%;
    }

    section.acordeon article aside {
        width: 100%;
        height: 100px;
        bottom: 0px;
        left: 0px;
        margin: 0px;
    }

    section.acordeon article aside h2 {
        font-size: 30px;
        line-height: 40px;
    }

    section.acordeon article aside p {
        font-size: 16px;
        line-height: 19px;
    }

    /*SUPERCATEGORÍAS*/
    .headerSupCat {
        height: auto;
        padding-top: 100px;
    }

    .headerSupCat h1 {
        font-size: 35px;
        line-height: 80px;
    }

    .categoriasCont article a span {
        width: 200px;
        height: 200px;
        margin-top: -100px;
        margin-left: -100px;
    }

    .categoriasCont article a span h2 {
        font-family: 'back_to_black_demoregular';
        font-size: 30px;
        line-height: 35px;
    }

    /*CATEGORÍAS*/
    .headerCat {
        background-position: center center;
        background-size: cover;
        height: 200px;
        width: 100%;
    }

    .platosCont h1 {
        font-size: 40px;
        line-height: 60px;
        margin: 30px 0px 35px;
    }

    .platosCont ul li {
        display: inline-block;
        width: 22%;
        padding: 0px 1.5%;
        vertical-align: top;
        box-sizing: border-box;
        /* height: 450px; */
        position: relative;
        margin-bottom: 50px;
        padding-bottom: 100px;
    }

    .platosCont ul li.smallPhoto {
        height: 370px;
    }

    .platosCont ul br {
        display: none
    }

    /*PLATOS LISTOS*/
    section.productInfo .textoPrincipal .etiqueta {
        padding: 10px 15px;
    }

    section.productInfo .textoPrincipal .etiqueta h1 {
        font-size: 32px;
        margin: 10px 0px 0px;
        line-height: 35px;
    }

    section.productInfo .textoPrincipal .etiqueta h2 {
        font-size: 28px;
        line-height: 32px;
    }

    section.productInfo .textoPrincipal .etiqueta p {
        font-size: 15px;
        margin-top: 18px;
        line-height: 17px;
    }

    section.sharePlate {
        min-height: 350px;
    }

    section.sharePlate .share {
        height: 350px;
        background-position: center -40px;
        /*  padding-top:100px;*/
    }

    section.sharePlate .share h2 {
        font-size: 30px;
        line-height: 40px;
    }

    section.sharePlate .plate {
        height: 350px;
    }

    section.sharePlate .share p {
        font-size: 23px;
        margin-top: 5px;
    }

    section.sharePlate .share aside,
    section.productInfo aside.btn_microsite {
        margin: 25px auto 0;
    }

    /*CABECERAS*/
    section.headerPromociones,
    section.headerVideos,
    section.headerDecalogo,
    section.headerContacto {
        height: 300px;
    }

    h1 {
        font-family: 'back_to_black_demoregular';
        font-size: 30px;
        line-height: 80px
    }

    /*PROMOCIONES*/
    .promoCont article {
        width: 100%;
        height: 400px;
    }

    .promoCont article a {
        width: 300px;
        height: 300px;
        margin-top: -150px;
        margin-left: -150px;
    }

    .promoCont article a h2 {
        font-size: 30px;
        line-height: 50px;
        margin-top: 15px;
    }

    .promoCont article a p {
        font-size: 16px;
    }

    /*VIDEO*/

    article.popupVideo aside {
        max-width: 1000px;
        width: 100%;
        position: absolute;
        top: -720px;
        height: auto;
        left: 0;
        margin-left: 0;
        -webkit-transition: all 0.7s ease-in-out 0s;
        -moz-transition: all 0.7s ease-in-out 0s;
        -o-transition: all 0.7s ease-in-out 0s;
        transition: all 0.7s ease-in-out 0s;
        box-sizing: border-box;
        background: url(../img/videos/cartel.png);
        padding: 196px 139px 87px;
        background-size: 100% auto;
        background-repeat: no-repeat;
    }

    /*INNOVACION*/

    section.logro {
        height: 800px;
        position: relative;
    }

    section.logro article {
        height: 400px;
        width: 100%;
    }

    section.logro1 article:nth-child(1),
    section.logro3 article:nth-child(1),
    section.logro5 article:nth-child(1) {
        position: absolute;
        top: 0px;
        left: 0px;
        background: rgba(256, 256, 256, 0.75);
        z-index: 1;
    }

    section.logro1 article:nth-child(3),
    section.logro3 article:nth-child(3),
    section.logro5 article:nth-child(3) {
        position: absolute;
        bottom: 0px;
        left: 0px;
        background: rgba(256, 256, 256, 0.75);
        z-index: 1;
    }


    section.logro2 article:nth-child(2),
    section.logro4 article:nth-child(2) {
        position: absolute;
        top: 0px;
        left: 0px;
        background: rgba(256, 256, 256, 0.75);
    }

    section.logro2 article:nth-child(4),
    section.logro4 article:nth-child(4) {
        position: absolute;
        bottom: 0px;
        left: 0px;
        background: rgba(256, 256, 256, 0.75);
    }

    .platosCont a.volver {
        left: 30px;
        top: 0px;
    }

    section.homeNovedades h3 {
        line-height: 40px;
        font-size: 30px;
    }

    section.homeNovedades p {
        font-size: 17px;
        line-height: 20px;
    }

    section.homeNovedades p.sub {
        font-size: 20px;
    }

    section.form .carretillero {
        display: none;
    }

    section.homeNovedadesFinal {
        height: auto;
    }

    section.homeNovedadesFinal .leftNov {
        width: 80%;
        margin: 0 10%;
        float: left;
        padding: 50px 0px 0px;
        display: table;
    }

    section.homeNovedadesFinal .leftNov h3 {
        font-size: 27px;
    }

    section.homeNovedadesFinal p {
        font-size: 19px;
    }

    section.homeNovedadesFinal p.sub {
        font-weight: 500;
        font-size: 20px;
    }

    section.homeNovedadesFinal .rightNov {
        width: 100%;
        margin: 0% 0% 0% 0%;
        float: right;
        height: 200px !important;
        padding: 0px 0px;
        background-position: center center;
        background-size: auto 100%;
        background-repeat: no-repeat;
        box-sizing: border-box;
    }

    /*SIN GLUTEN*/

    section.singlutenHeader {
        background: url(../img/singluten/header.jpg);
        background-size: cover;
        background-position: center center;
        height: 600px;
        margin: 0 auto;
        max-width: 2500px;
        width: 100%;
        position: relative;
    }

    section.historia4 {
        height: 500px;
    }

    .historia5 {
        height: 500px;
        padding: 20px;
        width: 100vw;
        box-sizing: border-box;
    }

    section.historia1 .foto1 {
        width: 34%;
        position: absolute;
        top: 7%;
        right: 12%;
        z-index: 4;
    }

    section.historia1 .foto2 {
        width: 33%;
        position: absolute;
        top: 31%;
        right: 12%;
        z-index: 3;
    }

    section.historia1 .foto3 {
        width: 26%;
        position: absolute;
        top: 43%;
        right: 16%;
        z-index: 2;
    }
}

@media (max-width: 930px) {

    section.homeHistoria {
        height: 400px;
    }

    section.homeHistoria .history4 {
        bottom: -10px;
    }
}

@media (max-width: 893px) {
    section.sharePlate .share h2.cons {
        font-size: 30px;
        line-height: 50px;
        margin-top: 30px;
    }

    section.homeHeader .owl-carousel .item.back9 {
        background-image: url("../img/home/banner-esparragos-respons.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom right;
    }

}

@media (max-width: 890px) {
    section.productInfo .textoPrincipal .etiqueta h2 {
        font-size: 23px;
    }

    article.popupVideo aside {
        padding: 179px 139px 87px;
    }

    .homeBlog {
        display: flex;
        flex-direction: column-reverse;
    }

    .headerPromociones+h1 {
        line-height: 1.2em;
        margin-top: 20px;

    }

    .promoCont article:nth-child(1) {
        background: none;
    }

    .promoCont article a {
        width: 100%;
        height: 300px;
        margin-top: -209px;
        margin-left: 0px;
        left: 0%;
        right: 0%;
        background: none;

    }

    .promoCont article a img {
        width: 100%;
    }

    .promoCont+.clear+.newsletterfollow {
        margin-top: -200px;
    }

    .wrapper-disfrutones .contenedor-texto .max-w {
        max-width: 70%;
    }

    .banner-filosofia .contenedor-texto img {
        width: 100%;
    }

}

@media (max-width: 825px) {
    section.productInfo .textoPrincipal .etiqueta h2 {
        line-height: 30px;
    }

    section.nutricionProceso {
        height: 500px;
        min-height: auto;
    }

    section.nutricionProceso article {
        height: 100%;
        width: 100%;
    }

    section.nutricionProceso article:nth-child(2) {}

    section.nutricionProceso article aside {
        bottom: -8px;
        left: -125px;
    }

    section.nutricionFen {
        min-height: auto;
        height: 1500px;
    }

    section.nutricionFen article {
        height: 500px;
        width: 100%;
        background-image: url(../img/nutricion/bodegon_mov.jpg) !important;
        min-height: 0;
    }

    section.nutricionFen article:nth-child(2) {
        background-image: url(../img/nutricion/dieta.jpg) !important;
    }

    section.productInfo .infoPrincipal .tabs li {
        width: 100%;
        margin-bottom: 2px;
    }

    section.productInfo .infoPrincipal .tabs li:last-child {
        width: 100%;
    }

    section.productInfo .infoPrincipal .tabs li br {
        display: none;
    }

    article.popupVideo aside {
        padding: 160px 139px 94px;
    }

    section.nutricionFen article:nth-child(1) p {
        margin: 20px 28%;
        width: 52%;
        padding-left: 6%;
    }

    section.nutricionFen article:nth-child(1) h2 {
        margin-top: 15%;
        text-align: center;
        font-family: 'back_to_black_demoregular';
        font-size: 30px;
        padding-left: 30%;
    }
}

@media (max-width: 800px) {
    .box-instagram {
        margin: 0 10px;
        width: 150px;
        height: 150px;
    }

    .contenedor-florida {
        flex-direction: column;

    }

    .contenedor-florida p {
        width: 100%;
    }

    section.productInfo .textoPrincipal .etiqueta.quinoa {
        background-position: center center;
    }

    section.productInfo .textoPrincipal .etiqueta.quinoa h1 {
        font-size: 25px;
        padding-top: 20px;
        line-height: 30px;
    }

    .popup-g9 {
        padding: 25px 20px;
        background: #f4e5d0;
    }

    aside.btn_microsite span {
        padding: 5px;
        font-size: 16px !important;
        max-width: 230px;
    }

    section.productInfo aside.btn_microsite {
        background-position: center bottom;
    }

    section.productInfo aside.btn_microsite {
        max-height: 110px;
    }

    section.historiaHeader {
        background: url(../img/historianew/historia_ipad.jpg);
        background-size: cover;

    }

    .desktop {
        display: none !important;
    }

    .mvl {
        display: block !important;
    }
}

@media (max-width: 767px) {

    /*INDEX*/
    /*section.homeNovedades h3 {
        font-size: 40px;
    }
    section.homeNovedades p {
        font-family: 'Raleway';
        font-size: 17px;
        line-height: 22px;
        padding: 0px 20px;
        box-sizing: border-box;
    }
    section.homeNovedades ul.sopas > li {
        width: 50%;
        }*/



    header a.logo {
        background-color: rgba(256, 256, 256, 0.7);
        top: 0px;
        right: auto;
        left: 0px;
        padding: 11px 10px 2px;
    }

    section.homeNovedades {
        height: auto;
        margin-bottom: 0px;
    }

    section.homeNovedades .leftNov {
        width: 90%;
        margin: 0 5%;
        float: left;
        height: auto;
    }

    section.homeNovedades .rightNov {
        width: 90%;
        margin: 0 5%;
        float: left;
        height: 450px;
    }

    .decalogoCont article {
        width: 100%;
        min-height: 350px;
    }

    section.homeHistoria {
        height: 600px;
    }

    section.homeHistoria .text {
        width: 100%;
        padding: 0px 0px 300px 0px;
        background-position: 27% bottom;
        background-size: 60%;
    }

    section.homeHistoria .history2 {
        bottom: 64px;
        top: auto;
        left: 1%;
        width: 50%;
    }

    section.homeHistoria .history3 {
        width: 40%;
        bottom: 50px;
        right: 39%;
    }

    section.homeHistoria .history4 {
        width: 40%;
        bottom: 128px;
        top: initial;
    }

    section.homeHistoria .history5 {
        bottom: 149px;
        top: auto;
        width: 40%;
    }

    section.homeHistoria .history7 {
        width: 40%;
        bottom: 10%;
    }

    section.homeHistoria .history8 {
        width: 40%;
        bottom: -20px;
    }

    section.innovacion {
        margin: 90px auto 0px;
    }

    section.innovacion aside {
        height: calc(100% - 100px);
    }

    section.innovacion aside>span h2 {
        display: none;
    }

    section.innovacion h2.mov {
        font-family: 'back_to_black_demoregular';
        font-size: 30px;
        color: #404040;
        line-height: 80px;
        position: relative;
        width: 100%;
        text-align: center;
        margin-bottom: 0px;
        background: #FFF;
        padding: 25px 0px;
        display: block;
    }

    /*CARRETILLA HOY*/
    section.responsabilidad h2 {
        font-family: 'back_to_black_demoregular';
        font-size: 30px;
        color: #404040;
        line-height: 50px;
        position: relative;
        width: 100%;
        text-align: center;
        margin-bottom: 0px;
        background: #FFF;
        padding: 25px 0px;
    }

    section.responsabilidad h2 br {
        display: block;
    }

    section.innovacion aside {
        width: 100%;
        background: transparent;
    }

    section.innovacion aside>span {
        background-color: rgba(256, 256, 256, 0.9);
    }

    /*CATEGORÍAS*/
    .headerCat {
        background-position: left center;
        background-size: cover;
        height: 150px;
        width: 100%;
        background-repeat: no-repeat;
    }

    .platosCont a.volver {
        left: 8px;
        top: 12px;
    }

    .platosCont h1 {
        font-size: 40px;
        line-height: 60px;
        margin: 55px 0px 35px;
    }

    .platosCont ul li {
        width: 85%;
        height: auto;
        margin-bottom: 45px;
    }

    .platosCont ul li.smallPhoto {
        height: auto;
    }

    .platosCont ul li aside {
        position: relative;
        margin: 30px auto 0px;
        display: block;
        left: auto;
    }

    /*PLATOS LISTOS*/
    section.productInfo .textoPrincipal .etiqueta h1 {
        text-align: center;
    }

    section.productInfo .textoPrincipal .etiqueta h2 {
        text-align: center;
    }

    section.productInfo .textoPrincipal .etiqueta h2::after {
        position: absolute;
        left: 50%;
        margin-left: -50px;
    }

    section.productInfo .textoPrincipal .etiqueta p {
        text-align: center;
    }

    section.productInfo {
        width: 100%;
        max-width: 1200px;
        margin: 0px auto 30px;
        padding: 0px 50px;
    }

    section.productInfo .infoPrincipal {
        padding-left: 0px;
        box-sizing: border-box;
        width: 100%;
        float: left;
        margin-top: 0px;
    }

    section.productInfo .textoPrincipal {
        max-width: 100%;
        width: 100%;
        margin-bottom: 40px;
        min-height: auto;
    }

    .icon-veggie {
        display: none;
    }

    section.productInfo .textoPrincipal .etiqueta {
        width: 100%;
        height: auto;
        max-width: 466px;
        box-sizing: border-box;
        padding: 10px 15px 30px;
        margin: 35px auto;
        background-position: right bottom;
    }

    section.productInfo .imagenPrincipal {
        max-width: 100%;
        width: 100%;
        text-align: center;
    }

    section.productInfo .imagenPrincipal img {
        width: 100%;
        max-width: 466px;
    }

    /* Video */
    section.productInfo .videoPrincipal {
        padding-left: 0px;
    }

    section.productInfo .videoPrincipal .etiqueta {
        display: block;
        justify-content: center;
        height: 550px !important;
    }

    section.productInfo .videoPrincipal .etiqueta h2 {
        font-size: 28px;
        line-height: 45px;
        text-align: center;
    }

    section.productInfo .videoPrincipal .etiqueta .video {
        width: 100%;
    }

    section.sharePlate {
        min-height: 684px;
    }

    section.sharePlate .share {
        width: 100%;
        height: auto;
        padding-top: 75px;
        background-position: center -90px;
    }

    section.sharePlate .share h2 {
        font-size: 33px;
        line-height: 50px;
    }

    section.sharePlate .share h2.cons {
        font-size: 33px;
        line-height: 50px;
    }

    section.sharePlate .share p {
        font-family: 'Raleway';
        font-size: 20px;
        margin-top: 16px;
        margin-bottom: 11px;
    }

    section.sharePlate .share>a {
        font-family: "Raleway";
        font-size: 14px;
        color: #404040;
    }

    section.sharePlate .share ul.social {
        margin-bottom: 37px;
    }

    section.sharePlate .plate {
        width: 100%;
        height: 400px;
    }

    section.related {
        margin-top: 20px;
    }

    section.related>h2 {
        font-size: 31px;
        line-height: 64px;
    }

    section.related>p {
        font-size: 18px;
    }

    section.related>p span {
        font-size: 18px;
    }

    section.newsletterfollow {
        margin: 0px 0px 70px;
    }

    section.newsletterfollow .contentNews input[type="text"] {
        font-size: 13px;
        height: 40px;
        line-height: 40px;
    }

    section.newsletterfollow .contentNews input[type="submit"] {
        font-size: 16px;
        height: 40px;
        line-height: 40px;
        width: calc(30% - 24px);
    }

    section.newsletterfollow .contentNews .check input[type="checkbox"]+label {
        font-size: 12px;
    }

    footer>div.contentFoot h3 {
        font-size: 15px;
        width: 100%;
        cursor: pointer;
        background: url(../img/mas.png) no-repeat center right;
        line-height: 34px;
        height: auto;
        padding: 10px 0px;
        margin: 0px 0px;
        border-top: 1px solid #404040;
    }


    footer>div.contentFoot h3.menos {
        background: url(../img/menos.png) no-repeat center right;
    }

    footer>div.contentFoot div {
        width: 100%;
    }

    footer>div.contentFoot ul {
        width: 100%;
        float: left;
        margin: 0px;
        padding: 0px 0px 10px;
        display: none;
    }

    footer>div.contentFoot>div ul:last-child {
        padding-bottom: 0px;
        border-bottom: 0px;
    }

    footer>div.contentFoot ul li {
        font-size: 15px;
        line-height: 25px;
    }

    section.nutricionFen article:nth-child(1) p {
        font-size: 15px;
    }

    /*BASES*/

    section.contentBases table th {
        font-size: 12px;
    }

    section.contentBases table td {
        font-size: 12px;
    }

    section.contentBases a.urlbig {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        float: left;
        width: 100%;
    }

    article.popupVideo aside {
        padding: 160px 139px 94px;
    }

    /*INNOVACION*/

    section.logros {
        background-image: none;
    }

    section.historia4 {
        height: 450px;
        background-position: right center;
    }

    section.historia4 article.text {
        position: absolute;
        width: 80%;
        height: initial;
        left: 0;
        margin-top: 0;
        margin-left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        right: 0;
        margin: 0 auto;
        padding: 40px 20px;
        top: 10%;
        height: fit-content;
    }

    section.platos-listos-exoticos h2 {
        line-height: 40px;
        font-size: 30px;
        padding: 20px 0px;
    }

    section.platos-listos-exoticos article {
        height: 510px;
    }

    section.homeHeader .owl-carousel .item.back-concurso-esparragos {
        padding-top: 0;
    }

}

@media (max-width: 710px) {
    .content-legal {
        padding: 15px;
    }

    h1.contact {
        font-size: 32px;
        line-height: 80px;
        padding-top: 10px;
    }

    section.form {
        background-color: #F4E6D6;
        background-image: none;
        height: auto;
    }

    section.form article {
        background-image: none;
        height: auto;
        width: 100%;
        position: relative;
        top: auto;
        left: auto;
        margin: 0;
        padding: 20px;
        box-sizing: border-box;
    }

    section.form article aside {
        width: 100%;
        padding: 0 0 40px 0
    }

    section.form article aside h2 {
        font-family: 'back_to_black_demoregular';
        font-size: 25px;
        color: #464646;
        line-height: 40px;
        position: relative;
        text-align: center;
    }

    section.headerHoy article aside:nth-child(1) {
        margin-bottom: 160px;
    }

    section.work {
        height: 250px;
        padding-top: 31px;
    }

    section.work .trabajar {
        width: 100%;
        position: relative;
        height: 190px;
        left: auto;
        margin: 0px;
        bottom: auto;
    }

    section.work .trabajar h2,
    section.opina .trabajar h2 {
        font-size: 23px;
        line-height: 45px;
    }

    section.work .trabajar a {
        width: 90%;
        margin: 0px 5% 10px 5%;
        font-size: 15px;
    }

    section.work .trabajar a span {
        font-size: 15px;
    }

    section.work .trabajar a span::before {
        font-size: 15px;
    }

    section.homeNovedadesFinal .owl-theme .owl-dots {
        bottom: -20px !important;
    }

    /*SIN GLUTEN*/

    section.singlutenHeader {
        height: 400px;
    }

    section.singlutenHeader .content {
        background-color: rgba(255, 255, 255, 0.75);
        top: 0;
        left: 0;
        margin-left: -0;
        margin-top: -0;
        position: absolute;
        width: 100%;
        height: 100%;
        display: table;
        min-height: 100%;
        min-width: 100%;
    }

    .cover-popup .cerrar {
        right: 10px;
    }

    .historia5 .text p {
        margin-top: 50px;
    }

    .dfr {
        width: 100%;
        flex-direction: column;
    }

    h2.opina {
        line-height: 50px;
        padding: 40px 0;
    }

    section.historia4 .background-img.responsive {
        display: block;
        width: 100%;
        height: auto;
    }

    section.historia4 .background-img {
        display: none;
    }

    section.historia4 article.text h2,
    section.historia3 article.text h2,
    section.historia2 article.text h2,
    .historiaBanner article:first-of-type h2 {
        font-size: 32px !important;
        line-height: 1.2em !important;
    }
}

@media (max-width: 660px) {
    .item.back10 img {
        bottom: 0;
        right: 25px;
        max-width: 25px;
    }

    section.homeHeader .owl-carousel .item.back10 {
        background-size: 130%;
        background-repeat: no-repeat;
        background-position-y: 25%;
    }

    section.historiaHeader .play {
        width: 100px;
        height: 100px;
    }

    .rss-instagram.homeNovedadesFinal h2 {
        font-size: 33px !important;
    }

    .box-instagram:last-child,
    .box-instagram:nth-of-type(3) {
        display: none;
    }

    li.social a {
        padding: 6px;
    }

    section.newsletterfollow ul.social li.social a span {
        margin-bottom: 0px;
        font-size: 16px;
        height: 35px;
        width: 35px;
        line-height: 35px;
    }



    section.newsletterfollow {
        margin: 0;
    }

    .distribuidor-puerto-rico {
        border-bottom: 0;
    }

    section.nutricionProceso article aside {
        top: -110px;
        left: -50px;
        width: 112px;
        height: 130px;
    }

    section.acordeon article {
        width: 50% !important;
    }

    section.acordeon article:nth-child(5) {
        width: 100% !important;
    }

    section.historiaHeader .cartel {
        width: 300px;
        height: 268px;
        background: url(../img/historianew/cartel.png);
        position: absolute;
        background-size: cover;
        top: -268px;
        left: 50%;
        margin-left: -150px;
        -webkit-transition: all 1s ease 0.3s;
        -moz-transition: all 1s ease 0.3s;
        -o-transition: all 1s ease 0.3s;
        transition: all 1s ease 0.3s;
    }

    section.historia3 article.text,
    section.historia2 article.text,
    section.historiahome article.text {
        width: 300px;
        height: 340px;
        top: 50%;
        left: 50%;
        margin-top: -170px;
        margin-left: -150px;
    }

    section.historia2 .etiqueta1 {
        display: none
    }

    section.historia2 .etiqueta2 {
        width: 100%;
        position: absolute;
        top: 40px;
        left: -30px;
        z-index: 3;
    }

    section.historia2 .etiqueta3 {
        width: 100%;
        position: absolute;
        top: 200px;
        left: -20px;
        z-index: 3;
    }

    section.historiahome {
        height: 450px;
        width: 100%;
        max-width: 2500px;
        margin: 0px auto;
        background-image: url(../img/home/historianew.jpg);
        background-size: cover;
        background-position: center center;
        position: relative;
        overflow: hidden;
    }

    section.historiahome.banner_esparragos {
        height: auto !important;
        background-image: none;
    }
}

@media (max-width: 578px) {

    /*INDEX*/
    section.homeHeader {
        height: 333px;
    }

    section.nutricionFen article:nth-child(1) p {
        margin: 20px 28%;
        width: 42%;
        padding-left: 0%;
    }

    section.nutricionFen article:nth-child(1) h2 {
        margin-top: 15%;
        text-align: center;
        font-family: 'back_to_black_demoregular';
        font-size: 30px;
        padding-left: 0%;
        padding-right: 0;
    }

    section.homeHeader .content h1 {}

    section.homeHeader .content h1::after {
        display: none;
    }

    section.homeHeader .content p {
        display: none;
    }

    section.homeHeader .content aside {
        display: none;
    }

    section.homeHeader .content a {
        margin-bottom: 0px;
    }

    section.homeHistoria article aside {
        margin: 40px auto 0;
    }

    section.homeHistoria .history5 {
        bottom: 105px;
        top: auto;
        width: 47%;
    }

    section.productInfo .imagenPrincipal a {
        left: 0px;
    }

    section.homeBlog,
    section.homeEsparragos,
    section.homeCuida {
        height: auto;
        min-height: 600px;
    }

    section.homeBlog article:nth-child(1),
    section.homeEsparragos article:nth-child(1),
    section.homeenLata article:nth-child(1) {
        height: 300px;
        padding: 20px 0;
    }

    section.homeBlog article,
    section.homeEsparragos article,
    section.homeenLata article,
    section.homeCuida article {
        width: 100% !important;
        height: 300px;
    }

    section.homeNovedades .rightNov {
        height: 350px;
    }

    /*VIDEOS*/

    article.carousel {
        padding-top: 5px;
    }

    article.carousel a {
        height: 150px;
    }

    /*CARRETILLA HOY*/

    section.acordeon article {
        width: 100% !important;
        float: left;
        height: 500px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        position: relative;
    }

    section.innovacion {
        height: 500px;
    }

    section.innovacion aside>span {
        position: absolute;
        width: 320px;
        height: 340px;
        margin-top: -185px;
        margin-left: -160px;
        padding: 15px;

    }

    section.innovacion aside a {
        width: 287px;
        margin-top: 27px;

    }

    section.innovacion aside>span h2 {
        font-size: 33px;
        line-height: 50px;
    }

    section.innovacion aside>span p {
        font-size: 16px;
        margin-top: 20px;
    }

    section.responsabilidad {
        background-position: center 73px;
        height: 600px;
        background-size: cover;
    }

    section.responsabilidad article {
        width: 300px;
        height: 300px;
        margin-top: -64px;
        margin-left: -150px;
    }

    section.responsabilidad article p {
        font-size: 16px;
        line-height: 20px;
    }

    /*SUPERCATEGORÍAS*/

    /* .platosCont a.volver {
        left: 8px;
        top: -30px;
    } */

    .categoriasCont article {
        width: 100%;
    }

    .categoriasCont article a span {
        width: 160px;
        height: 150px;
        margin-top: -75px;
        margin-left: -80px;
    }

    .categoriasCont article a span h2 {
        font-family: 'back_to_black_demoregular';
        font-size: 25px;
        line-height: 30px;
    }

    section.productInfo {
        padding: 0px 20px;
    }

    section.related>.owl-carousel {
        padding: 0px;
    }

    .owl-next,
    .owl-prev {
        display: none !important;
    }

    section.newsletterfollow .contentNews h2 {
        font-family: 'back_to_black_demoregular';
        font-size: 28px;
        color: #FFF;
        line-height: 65px;
        position: relative;
        width: 100%;
        text-align: center;
        background-image: url("../img/newsletter.png");
        background-size: auto 100%;
        background-position: center center;
        height: 52px;
        margin-bottom: 30px;
        background-repeat: no-repeat;
    }

    /*NUTRICION*/
    section.nutricionHeader .content {
        background-color: rgba(255, 255, 255, 0.75);
        height: auto;
        left: 0%;
        margin-left: 0;
        min-height: 320px;
        bottom: 0;
        padding-bottom: 20px;
        box-sizing: border-box;
    }

    section.nutricionHeader .content h1 {
        font-size: 30px;
        line-height: 60px;
        padding: 20px 0px;
    }

    section.newsletterfollow {
        background-image: none;
    }

    /*CONTACTO*/
    section.form article aside input[type="text"] {
        width: 100%;
        margin: 5px 0px 5px 0px;
    }

    article.popupVideo aside {
        padding: 87px 78px 45px;
    }

    article.popupVideo a.closeVideo {
        position: absolute;
        right: 0;
        top: 30px;
        height: 100px;
        width: 100px;
        cursor: pointer;
    }

    section.headerDecalogo {
        background-position: center right;
    }

    section.headerContacto {
        background-position: center right;
    }

    .popup {
        width: 320px;
        margin-left: -160px;
    }

    .platosCont ul li {
        padding-bottom: 10px;
    }

}

@media (max-width: 560px) {

    /*SIN GLUTEN*/

    section.singlutenHeader .content h1 {
        font-size: 38px;
        line-height: 46px;
        width: 90%;
        margin: 0px 5%;
    }
}


@media (max-width: 510px) {

    section.homeHeader {
        height: 300px;
        margin-top: 100px;
    }

    section.homeHeader .content {
        top: 15px;
    }

    section.nutricionFen article:nth-child(1) p {
        margin: 20px 0;
        width: 100%;
        padding: 0 10%;
        box-sizing: border-box;
    }

    section.homeNovedades .rightNov {
        height: 300px;
    }

    section.historia1 article.text {
        width: 90%;
        left: 5%;
        margin-left: 0px;
    }

    section.historia1 .foto1 {
        width: 90%;
        position: absolute;
        top: 7%;
        right: 5%;
        z-index: 4;
    }

    section.historia1 .foto2 {
        width: 90%;
        position: absolute;
        top: 31%;
        right: 5%;
        z-index: 3;
    }

    section.historia1 .foto3 {
        width: 90%;
        position: absolute;
        top: 43%;
        right: 5%;
        z-index: 2;
    }
}

@media (max-width: 500px) {

    section.nutricionProceso article:nth-child(1) span h2 {
        text-align: center;
        font-family: 'back_to_black_demoregular';
        font-size: 22px;
        line-height: 25px;
        padding-bottom: 10px;
    }

    section.nutricionProceso article:nth-child(1) span {
        width: 300px;
        height: 300px;
        margin-top: -150px;
        margin-left: -150px;
    }

    section.nutricionProceso article:nth-child(1) span p {
        font-size: 15px;
        line-height: 16px;
    }

    section.nutricionProceso article:nth-child(2) span {
        width: 300px;
        height: 300px;
        margin-top: -150px;
        margin-left: -150px;
    }

    section.nutricionProceso article:nth-child(2) span p {
        font-size: 15px;
        line-height: 16px;
    }

    section.nutricionProceso article a {
        font-size: 15px;
        line-height: 16px;
    }

    section.nutricionHeader .content p {
        font-size: 15px;
        line-height: 17px;
    }

    article.popupVideo aside {
        padding: 70px 78px 45px;
    }

    section.headerInvestigacion {
        height: 250px;
    }

    section.logros {
        height: 400px;
    }

    section.headerHoy article aside:nth-child(1) {
        margin-bottom: 180px;
    }

    section.headerHoy article aside.plato1 {
        width: 30%;
        left: 2%;
    }

    section.headerHoy article aside.plato2 {
        width: 25%;
        left: 37.5%;
        bottom: 30px;
    }

    section.headerHoy article aside.plato3 {
        width: 30%;
        right: 3%;
        left: auto;
    }

    section.headerHoy article aside.mantel1 {
        left: 2%;
        width: 30%;
    }

    section.headerHoy article aside.mantel2 {
        width: 28%;
        left: 35.5%;
        bottom: 27px;
    }

    section.headerHoy article aside.mantel3 {
        width: 35%;
        right: 2%;
        left: auto;
    }

    /*PLATOS*/
    section.sharePlate {
        min-height: 559px;
    }

    section.sharePlate .plate {
        height: 275px;
    }

}

@media (max-width: 490px) {


    section.homeHeader .content h1 {
        font-size: 25px;
        line-height: 66px;
        padding-bottom: 20px;
    }

    section.homeNovedadesFinal .rightNov {
        background-size: 100% auto;
    }

    section.opina .trabajar a {
        width: 290px;
    }

}

@media (max-width: 432px) {
    section.homeHistoria {
        height: 475px;
    }

    section.homeHistoria .text {
        padding: 0px 0px 225px 0px;
    }

    section.headerHoy article aside.plato2 {
        bottom: 20px;
    }

    section.headerHoy article aside.mantel2 {
        bottom: 17px;
    }

    section.homeNovedades .rightNov {
        height: 250px;
    }
}

@media (max-width: 450px) {

    .slider-g9 {
        padding: 0px 10px;
    }

    .cover-g9 .contenedor-popup {
        -ms-align-items: flex-end;
        align-items: flex-end;
        -webkit-align-items: flex-end;
        padding-bottom: 30px;
    }


    .slider-g9 .contenedor-imagen {
        transform: scale(0.8);
    }

    .slider-g9 .slick-next {
        transform: scale(.8) rotate(180deg);
    }

    .slider-g9 .slick-prev {
        transform: scale(.8);
    }

    .popup-g9 {
        padding: 25px 20px;
        background: #f4e5d0;
        height: 600px;
    }

    .popup-g9 p {
        font-size: 14px;
        margin: 10px 0px 0px 0px;
    }

    .popup-g9 p strong {
        font-size: 14px;
    }

    .cover-g9 .slick-initialized .slick-slide {
        display: -webkit-inline-flex;
        display: -moz-inline-flex;
        display: -ms-inline-flex;
        display: -o-inline-flex;
        display: inline-flex;
    }
}

@media (max-width: 400px) {
    section.headerHoy article aside:nth-child(1) {
        margin-bottom: 140px;
    }

    section.singlutenHeader {
        height: 300px;
    }

    section.singlutenHeader .content h1 {
        padding-top: 80px;
        font-size: 30px;
        line-height: 35px;
        width: 90%;
        margin: 0px 5%;
    }

    .popup-g9 {
        padding: 25px 20px;
        background: #f4e5d0;
        height: 526px;
    }

    section.historia4 {
        height: 395px;
        background-position: right center;
    }
}

@media (max-width: 380px) {
    section.homeNovedadesFinal h2.tex-mex {
        background-size: 100% auto;
    }
}

@media (max-width: 350px) {

    section.homeHistoria article a h2 {
        font-size: 30px;
    }

    section.homeHistoria {
        height: 450px;
    }

    section.homeHistoria .text {
        padding: 0px 0px 203px 0px;
    }

    section.homeBlog,
    section.homeEsparragos,
    section.homeCuida {
        height: auto;
        min-height: 550px;
    }

    section.homeBlog h2,
    section.homeEsparragos h2,
    section.homeCuida h2 {
        padding-top: 10px;
    }

    section.homeBlog article:nth-child(1),
    section.homeEsparragos article:nth-child(1),
    section.homeCuida article:nth-child(1) {
        height: 300px;
    }

    section.homeBlog article,
    section.homeEsparragos article,
    section.homeCuida article {
        width: 100% !important;
        height: 250px;
    }

    section.newsletterfollow .contentNews h2 {
        font-size: 25px;
    }

    section.newsletterfollow ul.social li.social a span {
        margin-right: 5px;
    }

    section.productInfo .imagenPrincipal a {
        left: -10px;
    }

    article.popupVideo aside {
        padding: 50px 48px 45px;
    }

    section.headerHoy article aside:nth-child(1) {
        margin-bottom: 120px;
    }

    /*PLATOS*/
    section.sharePlate {
        min-height: 509px;
    }

    section.sharePlate .plate {
        height: 225px;
    }

    footer .subfooter .content a:nth-child(2) {
        float: left;
        margin: 0px 10px !important;
    }

    footer .subfooter .content a {
        float: right;
        margin: 41px 8px 0px;
    }

    section.platos-listos-exoticos article {
        height: 450px;
    }

    .popup-g9 {
        padding: 25px 20px;
        background: #f4e5d0;
        height: 442px;
    }
}

@media (-webkit-min-device-pixel-ratio: 2) {
    .logomov {
        background-image: url(../img/logo.webp);
        background-repeat: no-repeat;
        background-size: contain;
    }
}



#cookiesdirective input {
    padding: 10px;
    border: none;
    background: #f2ad32 !important;
}

#CybotCookiebotDialogDetailBodyContent p {
    font-size: 14px;
}

/*CARRETILLEROS EN CASA*/


.encasa-wrapper * {
    box-sizing: border-box;
}

.intro-full {
    width: 100%;
    padding: 20px;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}



.middle-intro-full {
    width: 100%;
    padding: 20px;
    min-height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}



.intro-full .texto,
.middle-intro-full .texto {
    background-color: rgba(256, 256, 256, 0.85);
    padding: 25px;
    max-width: 500px;
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.middle-intro-full .texto {
    min-height: 0;
    padding: 50px 30px;
    max-width: 100%;
}

.intro-full .texto h2,
.middle-intro-full .texto h2,
.relacionados h2 {
    font-family: 'back_to_black_demoregular';
    font-size: 48px;
    color: #464646;
    line-height: 50px;
    position: relative;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
}

.middle-intro-full .texto h2,
.relacionados .relacionado h2 {
    margin-bottom: 0;
}

.intro-full .texto h2:after,
.relacionados>h2::after {
    display: block;
    content: '';
    border-bottom: 2px solid #464646;
    width: 60px;
    position: absolute;
    top: 6;
    left: 50%;
    margin-left: -30px;
}

.intro-full .texto p {
    font-size: 19px;
    line-height: 24px;
    width: 80%;
    text-align: center;
    font-family: 'Raleway';
    font-weight: 400;
    color: #404040;
    margin-top: 5px;

}


.middle-containers {
    width: 100%;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: start;
}

.middle-container {
    width: 50%;
    padding: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50vw;
    max-height: 500px;
    position: relative;
}

.enlace-cover {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 6;
}

.middle-container>div {
    background-color: rgba(256, 256, 256, 0.85);
    padding: 20px;
    text-align: center;
    width: 260px;
    height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.middle-container>div h2 {
    font-family: 'back_to_black_demoregular';
    font-size: 48px;
    color: #464646;
    line-height: 48px;
    position: relative;
    text-align: center;
    width: 100%;
}

.encasa-wrapper *[data="carretillero"] {
    background: url(../img/encasa/header.jpg) center/cover no-repeat;
}

.encasa-wrapper *[data="series"],
.encasa-wrapper *[data="series-y-peliculas"] {
    background: url(../img/encasa/series-y-peliculas/intro.jpg) center/cover no-repeat;
}

.encasa-wrapper *[data="lectura"] {
    background: url(../img/encasa/lectura/intro.jpg) center/cover no-repeat;
}

.encasa-wrapper *[data="musica"] {
    background: url(../img/encasa/musica/intro.jpg) center/cover no-repeat;
}

.encasa-wrapper *[data="deporte"] {
    background: url(../img/encasa/deporte/intro.jpg) center/cover no-repeat;
}

.encasa-wrapper *[data="cultura"] {
    background: url(../img/encasa/cultura/intro.jpg) center/cover no-repeat;
}

.encasa-wrapper *[data="infantil"] {
    background: url(../img/encasa/infantil/intro.jpg) center/cover no-repeat;
}

.encasa-wrapper *[data="musica"] {
    background: url(../img/encasa/musica/intro.jpg) center/cover no-repeat;
}

.encasa-wrapper *[data="encasa"] {
    background: url(../img/encasa/felpudo.jpg) center/cover no-repeat;
}

.encasa-wrapper *[data="ideas"] {
    background: url(../img/encasa/marco.jpg) center/cover no-repeat;
}

.encasa-wrapper *[data="para-nuestros-mayores"] {
    background: url(../img/encasa/para-nuestros-mayores/intro.jpg) center 30%/cover no-repeat;
}

.encasa-wrapper *[data="aplausos"] {
    position: relative;
    padding: 0;
    height: auto;
    overflow: hidden;
}

.encasa-wrapper *[data="aplausos"] video {
    width: 100%;
}

.encasa-wrapper *[data="aplausos"] h2 {
    font-family: 'back_to_black_demoregular';
    font-size: 36px;
    color: #FFFFFF;
    line-height: 36px;
    position: relative;
    text-align: center;
    width: 100%;
}

.middle-container[data=musica] {
    height: auto;
}


.encasa-wrapper .middle-container[data="aplausos"] img {
    max-width: 90px;
    margin-bottom: 20px;
}

.encasa-wrapper .middle-container[data="aplausos"] {
    flex-direction: column;
}

.encasa-wrapper .contenedor-video {
    position: relative;
}

.encasa-wrapper .contenedor-video .sound {
    background: url(/img/sound-off.svg) center/30px no-repeat;
    display: inline-block;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 20px;
    top: 80px;
    outline: none;
    border: none;
}

.encasa-wrapper .contenedor-video .sound.off {
    background: url(/img/sound-on.svg) center/30px no-repeat;
}

.encasa-wrapper .contenedor-video video {
    max-width: 100%;
    width: 100%;
}

.intro-encasa {
    justify-content: center;
    width: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 26px 20px;
}

.intro-encasa p {
    font-size: 24px;
    text-align: center;
    font-family: 'Raleway';
    font-weight: 400;
    color: #404040;
    line-height: 30px;
    padding-bottom: 40px;
    margin-bottom: 30px;
    position: relative;
}

.intro-encasa p::before {
    height: 3px;
    display: inline-block;
    width: 100%;
    max-width: 220px;
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    background: #404040;
}

.intro-encasa img {
    max-width: 320px;

    width: 100%;
}


.recomendaciones {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 20px;
}

.recomendaciones.first {
    margin-top: 50px;
    margin-bottom: 50px;
}

.recomendaciones .contenedor-imagen {
    width: 30%;
}


.recomendaciones .contenedor-texto {
    width: 70%;
    padding-right: 40px;
}

.recomendaciones.carretilleros .contenedor-texto {
    width: 100%;
    padding-right: 0;
}


.recomendaciones .contenedor-imagen img {
    width: 100%;
    max-height: 400px;
    max-width: 300px;
}

.encasa-wrapper .titulo {
    font-family: 'back_to_black_demoregular';
    font-size: 36px;
    color: #464748;
    line-height: 36px;
    position: relative;
    text-align: left;
    width: auto;
    display: inline-block;
    background: #f8e71c;
    margin-bottom: 20px;
    padding: 10px 20px;
    clip-path: polygon(0 4%, 97% 0, 100% 95%, 2% 100%);
}

.recomendaciones .contenedor-recomendacion {
    padding: 10px 10px 10px 80px;
    text-align: left;
    font-family: 'Raleway';
    position: relative;
    cursor: pointer;
}

.recomendaciones .contenedor-recomendacion .enlace-cover {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 6;
}

.recomendaciones .contenedor-recomendacion::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
    display: inline-block;
    content: '';
    background: url(../img/encasa/flecha.svg) center/50px no-repeat;
}

.recomendaciones .contenedor-recomendacion:hover::before {
    animation-name: arrowmove;
    animation-timing-function: ease-in-out;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

.recomendaciones.rrss p strong {
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 10px;
    display: inline-block;
}

@keyframes arrowmove {
    from {
        transform: none;
    }

    50% {
        transform: translateX(10px);
    }

    to {
        transform: none;
    }
}

.recomendaciones h3 {
    font-weight: 900;
    display: inline-block;
    width: 100%;
    font-size: 26px;
    color: #464748;
    margin-bottom: 0;
}

.recomendaciones .contenedor-recomendacion:hover h3 {
    color: #89c423;
}

.recomendaciones p {
    color: #464748;
    font-size: 19px;
    line-height: 25px;
    font-family: 'Raleway';
    margin-top: 0;
}

.recomendaciones.second .contenedor-imagen {
    order: -1;
}

.recomendaciones.second .contenedor-texto {
    padding-right: 0;
    padding-left: 40px;
}

.recomendaciones .contenedor-recomendacion[subtitle=t-1] a {
    display: none;
}

.recomendaciones .contenedor-recomendacion h3:empty {
    display: none;
}

.recomendaciones .contenedor-recomendacion[subtitle=t-1] p:empty {
    display: none;
}

.recomendaciones .contenedor-recomendacion[subtitle=t-1]::before {
    display: none;
}

.recomendaciones .contenedor-recomendacion[subtitle=t-1] {
    padding-left: 10px;
    margin-top: 20px;
}

.recomendaciones .contenedor-recomendacion[subtitle=t-1] h2 {
    font-weight: 900;
    display: inline-block;
    width: 100%;
    font-size: 32px;
    color: #464748;
    margin-bottom: 0;
    font-family: 'back_to_black_demoregular';
}

.recomendaciones .contenedor-recomendacion[subtitle=t-1] h2:empty {
    display: none;
}



.encasa-wrapper section.form {
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    position: relative;
    overflow: hidden;
}

.encasa-wrapper section.form .mayor-1 {
    position: absolute;
    max-width: 450px;
    bottom: 270px;
    left: 0;
    transform: translateX(-110%);
    z-index: 1;

}

.encasa-wrapper section.form .mayor-3 {
    position: absolute;
    max-width: 550px;
    top: 30px;
    right: 0;
    transform: translateX(85%);
}

.encasa-wrapper section.form .mayor-2 {
    position: absolute;
    max-width: 450px;
    top: 60px;
    left: 0;
    transform: translateX(-80%);
    z-index: 2;
}

.encasa-wrapper section.form .mayor-4 {
    position: absolute;
    max-width: 550px;
    top: 350px;
    right: 0;
    transform: translateX(80%);
}


.encasa-wrapper section.form .mayor-5 {
    position: absolute;
    max-width: 450px;
    bottom: 0px;
    left: 0;
    transform: translateX(-85%);
}

.encasa-wrapper section.form .form-derecha {
    position: absolute;
    max-width: 200px;
    top: 0px;
    left: 0;
    transform: translateX(-250%);
}

.encasa-wrapper section.form .form-izquierda {
    position: absolute;
    max-width: 260px;
    bottom: 0px;
    right: 0;
    transform: translateX(150%) rotateY(180deg);
}


.encasa-wrapper section.form article aside {
    width: 813px;
    padding: 100px 100px;
    height: 1110px;
    text-align: center;
    position: relative;
    z-index: 3;
    background: url(../img/encasa/para-nuestros-mayores/fondo-madera.png) center/100% auto no-repeat;
}


.encasa-wrapper section.form article aside form p {
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    text-align: left;
    width: 100%;
}

.encasa-wrapper section.form article aside p strong.big {
    font-family: 'Barlow', sans-serif;
    font-weight: 900;
    font-size: 24px;
    color: #0c2240;

}

.encasa-wrapper form {
    margin-top: 20px;
}

.encasa-wrapper section.form article aside p {
    margin-bottom: 10px;

}

.encasa-wrapper section.form article aside form .enlace p {
    cursor: pointer;
}

.encasa-wrapper section.form article aside form .enlace p u {
    text-transform: uppercase;
}

.encasa-wrapper section.form article aside textarea {
    height: 100px;
}

.encasa-wrapper section.form article aside input {
    width: 100%;
    height: 40px;
    line-height: 40px;
}

.encasa-wrapper section.form article aside .titulo::after {
    display: none;
}

.encasa-wrapper section.form article {
    padding-left: 0;
    background: none;
    position: relative;
    left: auto;
    top: auto;
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: auto;
}

.encasa-wrapper .form u {
    font-style: italic;
}

.fakeinput {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
    border: 2px dotted #bebebe;
    text-align: center;
    position: relative;
}

.fakeinput input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    opacity: 0;
    width: 100%;
    height: 100% !important;
}

.fakeinput label {
    font-family: 'Raleway';
    font-size: 16px;
}

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

    .encasa-wrapper[data="cultura"] .recomendaciones.first .contenedor-texto,
    .encasa-wrapper[data="deporte"] .recomendaciones.first .contenedor-texto,
    .encasa-wrapper[data="infantil"] .recomendaciones.first .contenedor-texto {
        width: 60%;
    }

    .encasa-wrapper[data="cultura"] .recomendaciones.first .contenedor-imagen,
    .encasa-wrapper[data="deporte"] .recomendaciones.first .contenedor-imagen,
    .encasa-wrapper[data="infantil"] .recomendaciones.first .contenedor-imagen {
        width: 40%;
    }

    .encasa-wrapper[data="cultura"] .recomendaciones.first .contenedor-imagen img,
    .encasa-wrapper[data="deporte"] .recomendaciones.first .contenedor-imagen img,
    .encasa-wrapper[data="infantil"] .recomendaciones.first .contenedor-imagen img {
        max-width: 100%;
    }

}


.recomendaciones.rrss {
    flex-direction: column;
    margin-top: 70px;
}

.recomendaciones.rrss.big .titulo {
    font-size: 60px;
    padding: 30px 20px;
}

.relacionados {
    margin-top: 100px;
    width: 100%;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 100px;
}

.listado-relacionados,
.listado-descargables {
    display: flex;
    justify-content: center;
    align-items: start;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 50px;
    max-width: 1200px;
}

.listado-descargables {
    justify-content: center;
}

.descargable {
    width: 33.33333%;
    padding: 0 10px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: start;
    flex-direction: column;
    position: relative;
}

.descargable .imagen {
    width: 300px;
    height: 300px;
    background: gray;
    margin-bottom: 20px;
}

.descargable .titulo-descargable {
    font-weight: 900;
    font-size: 20px;
    width: 100%;
    display: inline-block;
    color: #464748;
    margin-bottom: 0;
}

.descargable .texto {
    position: relative;
    padding-right: 40px;
    max-width: 300px;
}

.descargable .texto::before {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 100%;
    display: inline-block;
    content: '';
    background: url(../img/encasa/flecha.svg) center/40px no-repeat;
    transform: rotate(90deg);
}


.relacionado {
    width: 350px;
    height: 350px;
    padding: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}



.relacionado div {
    background-color: rgba(256, 256, 256, 0.85);
    padding: 20px;
    text-align: center;
    width: 220px;
    height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
}


@media screen and (max-width:1250px) {
    .intro-full {
        min-height: 60vw;
    }

    .relacionados {
        padding: 0 20px;
    }

    .relacionado {
        width: 350px;
        height: 350px;
    }

}

@media screen and (max-width:1150px) {
    .relacionado {
        width: 30vw;
        height: 30vw;
    }

    .middle-container[data=musica]>div {
        height: 200px;

    }
}

@media screen and (max-width:1024px) {
    .descargable {
        width: 50%;
        margin-bottom: 20px;
    }
}


@media screen and (max-width:868px) {
    .listado-relacionados {
        margin-top: 10px;
    }

    .relacionado div {
        height: auto;
    }

    .recomendaciones.rrss.big .titulo {
        font-size: 40px;
        padding: 20px;
    }

    .middle-container[data=musica]>div {
        height: auto;

    }

    .encasa-wrapper section.form article {
        width: auto;
        padding-right: 0;
    }

    .encasa-wrapper section.form article aside {
        width: 600px;
        height: 811px;
        padding: 75px;
        padding-right: 85px;
    }

    .encasa-wrapper section.form article aside>p {
        margin-top: 0;
        margin-bottom: 10px;
    }

    .encasa-wrapper section.form article aside textarea {
        height: 100px;
    }

    .encasa-wrapper section.form .mayor-1 {
        display: none;
    }

    .encasa-wrapper section.form .mayor-3 {
        display: none;
    }

    .encasa-wrapper section.form .mayor-2 {
        display: none;
    }

    .encasa-wrapper section.form .form-derecha {
        display: none;
    }

    .encasa-wrapper section.form .form-izquierda {
        display: none;
    }

    .encasa-wrapper section.form {
        padding: 0;
    }


}

@media screen and (max-width:768px) {
    .recomendaciones {
        flex-direction: column;
    }

    .intro-encasa p {
        font-size: 18px;
        line-height: 24px;
    }

    .recomendaciones .contenedor-imagen {
        order: -1;
        margin-bottom: 30px;
        width: 100%;
        text-align: center;
        display: none;
    }

    .recomendaciones .contenedor-texto {
        width: 100%;
        padding-right: 0;
    }

    .recomendaciones.first {
        margin-top: 0;
    }

    .recomendaciones.second .contenedor-texto {
        padding-left: 0;
    }

    .relacionado {
        width: 100%;
        height: 80vw;
        max-height: 400px;
        margin-bottom: 15px;
    }

    .descargable {
        width: 100%;
    }

}

.encasa-wrapper .cover-popup {
    z-index: 100;
}

.encasa-wrapper .contenedor-popup {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.encasa-wrapper .contenedor-popup .pop {
    width: 100%;
    max-width: 900px;
    background: white;
    display: inline-block;
    padding: 20px;
    text-align: center;
    max-height: 80vh;
    overflow: scroll;
}

.encasa-wrapper .contenedor-popup .pop h2 {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 16px;
    text-align: left;
}

.encasa-wrapper .contenedor-popup .pop h3 {
    font-size: 15px;
    text-align: left;
}

.encasa-wrapper .contenedor-popup .pop p {
    margin-top: 5px;
    font-size: 14px;
    margin-bottom: 10px;
    text-align: left;
}

.encasa-wrapper .contenedor-popup .pop .btn-border-yellow {
    margin: 0 auto;
    margin-top: 20px;
}


@media screen and (max-width:600px) {
    .encasa-wrapper .intro-full[data="carretillero"] {
        min-height: 500px;
        background-position: center right;
    }

    .middle-container {
        width: 100%;
        height: 100vw;
    }

    .middle-container[data=musica] {
        height: 100vw;

    }

    .middle-container[data=musica]>div {
        height: 250px;

    }

    .recomendaciones .titulo {
        font-size: 28px;
        line-height: 28px;
    }

    .recomendaciones .contenedor-recomendacion {
        padding-left: 10px;
        padding-right: 60px;
    }

    .recomendaciones .contenedor-recomendacion::before {
        right: 0;
        left: auto;
        height: 100%;
        max-height: 60px;
        background-size: 30px;
    }

    .recomendaciones.rrss.big .titulo {
        font-size: 22px;
        padding: 10px 20px;
    }

    .encasa-wrapper section.form article aside {
        width: 100%;
        height: auto;
        padding: 20px;
        padding-right: 20px;
        background: transparent;
    }

    section.headerContacto {
        height: 300px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: left center;
    }

    .owl-carousel .owl-item img.resp-desktop {
        display: none;
    }

    .owl-carousel .owl-item img.resp-mvl {
        display: block;
    }

}

@media screen and (max-width:400px) {

    .intro-full .texto h2,
    .middle-intro-full .texto h2,
    .relacionados h2 {
        font-size: 30px;
        line-height: 36px;
    }

    .recomendaciones .titulo {
        font-size: 22px;
    }

    .recomendaciones h3 {
        font-size: 20px;
    }

    .recomendaciones .contenedor-imagen img {
        max-width: 200px;
    }

    .intro-encasa p {
        font-size: 16px;
        line-height: 20px;
    }

    .intro-encasa img {
        max-width: 180px;
    }

    .encasa-wrapper section.form {
        margin-top: 50px;
    }

    .encasa-wrapper .form .titulo {
        font-size: 25px;
    }

    .fakeinput label {
        font-size: 14px;
        padding: 0 20px;
    }

}



/***SORTEO PLATOS LISTOS****/

.sorteo-platos-wrapper * {
    box-sizing: border-box;
}

.intro-sorteo-platos {
    height: 100vh;
    min-height: 700px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    background: url(../img/sorteo-platos-listos/imagen-intro.jpg) center/cover no-repeat;
}

.intro-sorteo-platos .texto {
    max-width: 800px;
    padding: 25px;
    background: rgba(255, 255, 255, 0.8);
    display: inline-block;
    width: 100%;
    text-align: center;
}

.sorteo-platos-wrapper h2 {
    text-align: center;
    font-family: 'back_to_black_demoregular';
    font-size: 40px;
    line-height: 50px;
    padding-bottom: 20px;
    width: 90%;
    margin: 0px 5%;
    color: #000000;
    position: relative;
}

.sorteo-platos-wrapper h2:after {
    display: block;
    content: '';
    border-bottom: 2px solid #464646;
    width: 100px;
    position: absolute;
    bottom: 6px;
    left: 50%;
    margin-left: -50px;
}

.intro-sorteo-platos .texto p {
    text-align: center;
    font-size: 28px;
    line-height: 1.4em;
    color: black;
    font-weight: bold;
    font-family: 'Nunito', sans-serif;
}

.intro-sorteo-platos .texto p strong {
    color: white;
    padding: 10px 50px;
    font-family: 'Raleway';
    background: url(../img/sorteo-platos-listos/brochazo.png) center/100% auto no-repeat;
    width: 100%;
    display: inline-block;
}

.intro-sorteo-platos .texto .btn {
    margin-top: 50px;
    text-transform: uppercase;
    color: white;
    background: #d0021b;
    font-size: 24px;
    font-family: 'Raleway';
    font-weight: bold;
    padding: 10px 20px;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.intro-sorteo-platos .texto .btn::before {
    display: inline-block;
    width: 74px;
    height: 89px;
    content: '';
    background: url(../img/sorteo-platos-listos/flecha-roja.svg) center/100% auto no-repeat;
    position: absolute;
    right: -100px;
    bottom: 5px;
}

.formulario-sorteo-container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 50px 20px;
    min-height: 800px;
}


.formulario-sorteo {
    width: 100%;
    display: inline-block;
    text-align: center;
}

.formulario-sorteo h2 {
    text-align: center;
    font-family: 'back_to_black_demoregular';
    font-size: 40px;
    line-height: 50px;
    padding-bottom: 20px;
    color: #000000;
}

.formulario-sorteo h2::after {
    display: none;
}

.formulario-sorteo h2 strong {
    font-family: 'back_to_black_demoregular';
    color: white;
    padding: 10px 20px;
    background: url(../img/sorteo-platos-listos/cuadro-rojo.svg) center/100% auto no-repeat;
}

.formulario-sorteo form {
    background: url(../img/sorteo-platos-listos/background-formulario.png) center/100% auto no-repeat;
    width: 100%;
    max-width: 900px;
    display: inline-block;
    margin-top: 50px;
    height: 500px;
    text-align: center;
    padding-top: 20px;
    padding-left: 200px;
    padding-right: 200px;
    box-sizing: border-box;
    position: relative;
}

.formulario-sorteo form legend {
    font-weight: bold;
    font-size: 22px;
    text-align: left;
}

.formulario-sorteo form .contenedor-input,
.formulario-sorteo form .contenedor-radios {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
}

.formulario-sorteo form .contenedor-input label,
.formulario-sorteo form .contenedor-radios h4 {
    width: 150px;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
}

.formulario-sorteo form .contenedor-input input,
.formulario-sorteo form .contenedor-input select {
    width: calc(100% - 150px);
    height: 35px;
    line-height: 35px;
    display: inline-block;
    border: 1px solid black;
    outline: none;
    border-radius: 0;
    padding: 0 15px;
}

.formulario-sorteo form .contenedor-input input.error,
.formulario-sorteo form .contenedor-input select.error {
    background-color: rgba(255, 0, 0, .3);
    border: 1px solid red;
}

/* .formulario-sorteo form .contenedor-input input.error:valid{
    background: white;
    border:1px solid black;
} */

.formulario-sorteo form .contenedor-radios .radio {
    margin-right: 25px;
    position: relative;
}

.formulario-sorteo form .contenedor-radios .radio input {
    opacity: 0;
    position: absolute;
}

.formulario-sorteo form .contenedor-radios .radio label {
    font-size: 16px;
    font-size: 14px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.formulario-sorteo form .contenedor-radios .radio input.error+label::before {
    background-color: rgba(255, 0, 0, .3);
    border: 1px solid red;
}

.formulario-sorteo form .contenedor-radios .radio label::before {
    width: 13px;
    height: 13px;
    display: inline-block;
    content: '';
    margin-right: 10px;
    background: white;
    border: 1px solid black;
    border-radius: 50%;
}

.formulario-sorteo form p {
    width: 100%;
    display: inline-block;
    text-align: left;
    color: black;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: bold;
}

.formulario-sorteo form .contenedor-radios .radio input:checked+label::before {
    background: black;
}

.formulario-sorteo form .contenedor-check {
    position: relative;
    margin-top: 10px;
    display: inline-block;
    width: 100%;
    padding-left: 150px;
}


.formulario-sorteo form .contenedor-check input {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.formulario-sorteo form .contenedor-check label {
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    text-align: left;
    position: relative;
    padding-left: 19px;
    width: 100%;
    display: inline-block;
}

.formulario-sorteo form .contenedor-check label::before {
    width: 13px;
    height: 13px;
    display: inline-block;
    content: '';
    margin-right: 10px;
    background: white;
    border: 1px solid black;
    position: absolute;
    left: 0;
    top: 0;
}



.formulario-sorteo form .contenedor-check input.error+label::before {
    background-color: rgba(255, 0, 0, .3);
    border: 1px solid red;
}

.formulario-sorteo form .contenedor-check input:checked+label::before {
    background: black;
    border: 1px solid black;
}

.formulario-sorteo form .contenedor-check label a {
    color: black;
    display: inline-block;
    text-decoration: underline;
}

.formulario-sorteo form .btn-enviar {
    margin-top: 30px;
    background: #f0ad32;
    text-transform: uppercase;
    color: white;
    font-weight: 300;
    padding: 10px 20px;
    border: none;
    outline: none;
    display: inline-block;
    cursor: pointer;
}

.formulario-sorteo form .carretillero {
    position: absolute;
    left: -210px;
    bottom: -90px;
    max-height: 840px;
}

.formulario-sorteo form .sello {
    position: absolute;
    right: -50px;
    top: -69px;
    max-width: 200px;
}

.claim-platos-container {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
}

.claim-platos-container img {
    max-width: 50%;
}

.claim-platos-container .texto {
    width: 50%;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: white;
}

.claim-platos-container .texto p {
    font-size: 18px;
    line-height: 1.2em;
    text-align: center;
    max-width: 370px;
    font-family: 'Raleway';
    color: #464748;
}

.claim-platos-container .texto p strong {
    font-weight: bold;
}

.claim-platos-container .texto a {
    background: #ffffff;
    bottom: 10px;
    display: block;
    line-height: 36px;
    margin: 30px auto 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 154px;
    height: 40px;
    border: 1px solid #f2ad32;
}

.claim-platos-container .texto a span {
    color: #404040;
    display: inline-block;
    font-family: "Raleway";
    font-size: 17px;
    font-weight: 400;
    line-height: 40px;
    position: relative;
    transition: transform 0.3s ease 0s;
    width: 100%;
}

.claim-platos-container .texto a span::before {
    position: absolute;
    top: 100%;
    content: attr(data-hover);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    line-height: 41px;
    font-family: 'Raleway';
    font-weight: 600;
    font-size: 17px;
    width: 100%;
    left: 0;
    background: #f2ad32;
    color: #FFF;
}

.claim-platos-container .texto a:hover span,
.claim-platos-container .texto a:focus span {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}

.info-nutriscore-platos {
    width: 100%;
    display: inline-block;
    padding: 50px 20px;
    text-align: center;
}

.info-nutriscore-platos .nutriscore {
    max-width: 900px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding: 25px 50px;
    background: url(../img/sorteo-platos-listos/background-nutriscore.png) center/cover no-repeat;
}

.social .info-nutriscore-platos .nutriscore p {
    font-family: 'Raleway';
    color: black;
    font-size: 20px;
    max-width: 440px;
    margin-right: 110px;
    display: inline-block;
    text-align: left;
    position: relative;
    font-weight: bold;
}

.info-nutriscore-platos .nutriscore p::before {
    content: '';
    display: inline-block;
    position: absolute;
    right: -90px;
    bottom: 10px;
    background: url(../img/sorteo-platos-listos/flecha-nutriscore.svg) center/100% auto no-repeat;
    width: 80px;
    height: 51px;
}

.info-nutriscore-platos .nutriscore .nutriscore-image {
    max-width: 220px;
}

@media screen and (max-width:1200px) {
    .formulario-sorteo form {
        padding-right: 70px;
        margin-left: 150px;
    }

    .formulario-sorteo form .sello {
        position: absolute;
        right: 70px;
        top: -59px;
        max-width: 160px;
    }

}


@media screen and (max-width:1100px) {
    .formulario-sorteo form {
        margin-left: 30px;
        padding-left: 280px;
    }

    .formulario-sorteo form .carretillero {
        max-height: 750px;
        left: -60px;
    }

    .claim-platos-container .texto {
        width: 100%;
        order: -1;
    }

    .claim-platos-container img {
        max-width: 100%;
    }
}

@media screen and (max-width:980px) {
    .formulario-sorteo form {
        margin-left: 0;
    }
}

@media screen and (max-width:900px) {
    .formulario-sorteo form {
        height: auto;
        background: url(/img/sorteo-platos-listos/background-formulario-mvl.png) center/auto repeat;
        padding-bottom: 20px;
        padding-right: 20px;
        box-shadow: 6px 7px 10px 0px rgba(0, 0, 0, 0.4);
    }

    .formulario-sorteo form .contenedor-input label,
    .formulario-sorteo form .contenedor-radios h4 {
        width: 100px;
    }

    .formulario-sorteo form .contenedor-check {
        padding-left: 100px;
    }

    .formulario-sorteo form .contenedor-input input,
    .formulario-sorteo form .contenedor-input select {
        width: calc(100% - 100px);
    }
}

@media screen and (max-width:768px) {
    .intro-sorteo-platos .texto p {
        font-size: 24px;
    }

    .intro-sorteo-platos .texto p strong {
        width: 100%;
        display: inline-block;
    }

    .formulario-sorteo form {
        padding-left: 180px;
    }

    .formulario-sorteo form .carretillero {
        max-height: 520px;
    }

    .info-nutriscore-platos .nutriscore {
        flex-direction: column;
    }

    .info-nutriscore-platos .nutriscore p {
        margin-right: 0;
        width: 100%;
        margin-bottom: 30px;
    }

    .info-nutriscore-platos .nutriscore p::before {
        display: none;
    }

    .sorteo-platos-wrapper h2 {
        font-size: 29px;
        line-height: 1.3em;
    }


}

@media screen and (max-width:660px) {
    .formulario-sorteo form {
        padding-left: 120px;
    }

    .formulario-sorteo form .contenedor-check label {
        font-size: 12px;
    }

    .formulario-sorteo form .carretillero {
        max-height: 400px;
    }
}

@media screen and (max-width:600px) {
    .intro-sorteo-platos .texto p {
        font-size: 20px;
        line-height: 1.2em;
    }

    .intro-sorteo-platos .texto p strong {
        padding: 5px 15px;
    }

    .intro-sorteo-platos .texto .btn::before {
        display: none;
    }

    .intro-sorteo-platos .texto .btn {
        margin-top: 30px;
    }

    .intro-sorteo-platos {
        height: auto;
        min-height: 0;
        padding-top: 150px;
        padding-bottom: 100px;
    }
}

@media screen and (max-width:580px) {
    .formulario-sorteo form .carretillero {
        display: none;
    }

    .formulario-sorteo form {
        padding-left: 20px;
        padding-top: 50px;
    }

    .formulario-sorteo form .sello {
        max-width: 120px;
        right: 20px;
    }

    .formulario-sorteo form .contenedor-check {
        padding-left: 0;
    }
}

@media screen and (max-width:460px) {
    .intro-sorteo-platos .texto p strong {
        background: none;
        font-size: 24px;
        color: black;
        width: auto;
        font-weight: bold;
    }

    .formulario-sorteo form .contenedor-input,
    .formulario-sorteo form .contenedor-radios {
        flex-wrap: wrap;
    }

    .formulario-sorteo form .contenedor-input label,
    .formulario-sorteo form .contenedor-radios h4 {
        font-size: 14px;
        width: 100%;
        margin-bottom: 5px;
    }

    .formulario-sorteo form .contenedor-input input,
    .formulario-sorteo form .contenedor-input select {
        width: 100%;
    }

    .formulario-sorteo form .contenedor-check label {
        display: inline-block;
        width: 100%;
    }
}



/*NEW HOME*/

.intro-acceso-categorias {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    background-color: white;
    padding-top: 40px;
}

.intro-acceso-categorias h2 {
    text-align: center;
    font-family: 'back_to_black_demoregular';
    font-size: 40px;
    line-height: 50px;
    padding-bottom: 20px;
    width: 100%;
    margin: 0px 5%;
    color: #404040;
}

.intro-acceso-categorias h2 span {
    font-size: 24px;
    width: 100%;
    display: inline-block;
    font-family: 'back_to_black_demoregular';
}

.intro-acceso-categorias article {
    width: 33.3333%;
    height: 33.33333vw;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 50px;
    box-sizing: border-box;
    position: relative;
}

.intro-acceso-categorias article .background-img {
    position: absolute;
    width: 100%;
    height: inherit;
    object-position: center center;
    object-fit: cover;
}

.intro-acceso-categorias article .enlace-cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    z-index: 5;
}

.intro-acceso-categorias article.veggie,
.intro-acceso-categorias article.sin-gluten {
    width: 50%;
    height: 50vw;
}

.intro-acceso-categorias article .texto {
    padding: 20px;
    background: rgba(255, 255, 255, .8);
    width: 100%;
    max-width: 80%;
    text-align: center;
    min-height: 177px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: absolute;
}

.intro-acceso-categorias article .texto p {
    text-align: center;
    max-width: 500px;
    font-size: 18px;
    margin: 0 auto 50px auto;
    color: #444444;
}

.intro-acceso-categorias article .texto h3 {
    text-align: center;
    font-family: 'back_to_black_demoregular';
    font-size: 32px;
    margin-bottom: 30px;
    width: 100%;
    color: #404040;
}

/* @media screen and (max-width:1260px) {
    .intro-acceso-categorias article .texto {
        max-width: 100%;
    }
} */

@media screen and (max-height:750px) {
    .intro-acceso-categorias article .background-img {
        height: -webkit-fill-available;
    }
}

@media screen and (max-width:980px) {

    .intro-acceso-categorias article {
        width: 100%;
        height: auto;
        min-height: 48vh;
        overflow: hidden;
    }

    .intro-acceso-categorias article.veggie,
    .intro-acceso-categorias article.sin-gluten {
        width: 100%;
        height: auto;
        min-height: 43vh;
    }

    .intro-acceso-categorias h2 {
        font-size: 26px;
        line-height: 1.2em;
    }

    .intro-acceso-categorias h2 span {
        font-size: 18px;
        line-height: 1.2em;
    }
}


/*DISFRUTONES*/

@font-face {
    font-family: "Acumin Pro Condensed";
    src: url("//db.onlinewebfonts.com/t/48dbe0690211cf4c556d4311108d6cf1.eot");
    src: url("//db.onlinewebfonts.com/t/48dbe0690211cf4c556d4311108d6cf1.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/48dbe0690211cf4c556d4311108d6cf1.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/48dbe0690211cf4c556d4311108d6cf1.woff") format("woff"), url("//db.onlinewebfonts.com/t/48dbe0690211cf4c556d4311108d6cf1.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/48dbe0690211cf4c556d4311108d6cf1.svg#Acumin Pro Condensed") format("svg");
}

@font-face {
    font-family: "Acumin Pro";
    src: url("//db.onlinewebfonts.com/t/0594284f000bdc4ead13d4a452683665.eot");
    src: url("//db.onlinewebfonts.com/t/0594284f000bdc4ead13d4a452683665.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/0594284f000bdc4ead13d4a452683665.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/0594284f000bdc4ead13d4a452683665.woff") format("woff"), url("//db.onlinewebfonts.com/t/0594284f000bdc4ead13d4a452683665.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/0594284f000bdc4ead13d4a452683665.svg#Acumin Pro") format("svg");
}

/* @font-face {font-family: "Acumin Variable Concept"; src: url("//db.onlinewebfonts.com/t/066ce24dae3730ed6c648b09efaea93a.eot"); src: url("//db.onlinewebfonts.com/t/066ce24dae3730ed6c648b09efaea93a.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/066ce24dae3730ed6c648b09efaea93a.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/066ce24dae3730ed6c648b09efaea93a.woff") format("woff"), url("//db.onlinewebfonts.com/t/066ce24dae3730ed6c648b09efaea93a.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/066ce24dae3730ed6c648b09efaea93a.svg#Acumin Variable Concept") format("svg"); } */

@import url("https://use.typekit.net/ejl4bnc.css");


@font-face {
    font-family: 'Acumin Variable Concept';
    src: url('fonts/AcuminVariableConcept1.eot');
    src: url('fonts/AcuminVariableConcept1.eot?#iefix') format('embedded-opentype'),
        url('fonts/AcuminVariableConcept1.woff2') format('woff2'),
        url('fonts/AcuminVariableConcept1.woff') format('woff'),
        url('fonts/AcuminVariableConcept1.ttf') format('truetype'),
        url('fonts/AcuminVariableConcept1.svg#Acumin Variable Concept') format('svg');
}

.video-disfrutones {
    margin-bottom: 50px;
}

.video-disfrutones video {
    width: 100%;
}

.wrapper-disfrutones * {
    box-sizing: border-box;
}

.contenedor-banner-disfrutones {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.fake-title {
    max-width: 100%;
    display: inline-block;
}

.max-w {
    max-width: 100%;
}

.contenedor-title {
    margin-bottom: 40px;
    display: inline-block;
    padding: 0 20px;
    text-align: center;
    width: 100%;
}

.title-disfrutones {
    width: 100%;
    display: inline-block;
    text-align: center;
    position: relative;
    color: #0A2240;
    padding-bottom: 20px;
    margin-bottom: 40px;
    font-weight: bold;
    font-size: 3.5vw;
    font-family: "Acumin Pro Condensed";
}

.title-disfrutones span {
    font-family: "Acumin Pro Condensed";
    font-size: 1.3em;
}

.title-disfrutones::before {
    width: 100%;
    height: 14px;
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(/img/disfrutones/background-title.svg) center/auto no-repeat;
}

.title-disfrutones.-white {
    color: white;
}

.title-disfrutones.-white::before {
    background: url(/img/disfrutones/background-title-white.svg) center/auto no-repeat;
}

.btn-disfrutones {
    font-family: 'HighVoltage Rough';
    text-transform: uppercase;
    color: #0A2240;
    background: white;
    font-size: 40px;
    width: 100%;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    padding: 0 20px;
    box-shadow: -5px 5px 0px #ffed00;
    position: relative;
    border-radius: 0;
}

.btn-disfrutones::before {
    width: 50px;
    height: 15px;
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    background: url(/img/disfrutones/flecha-derecha.svg) center/100% no-repeat;
}

.btn-disfrutones.-descargar::before {
    width: 50px;
    height: 50px;
    background: url(/img/disfrutones/icono-descargar.svg) center/100% no-repeat;
}

.banner-disfrutones {
    width: 100%;
    max-width: 1100px;
    background: #fcef49;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 0 auto;
    position: relative;
    min-height: 490px;
}

.banner-disfrutones .etiqueta {
    position: absolute;
    left: -65px;
    top: 0;
    z-index: 3;
}

.banner-disfrutones .contenedor-texto {
    width: 55%;
    padding: 80px 40px;
    background: #0A2240;
    height: 100%;
    transform: translate(10px, -10px);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.banner-disfrutones .contenedor-texto h2 {
    color: White;
    font-family: "Acumin Pro Condensed";
    font-size: 42px;
}

.banner-disfrutones .contenedor-texto h3 {
    color: #0A2240;
    font-family: "Acumin Pro Condensed";
    position: relative;
    font-size: 40px;
    padding: 0 20px;
    min-height: 60px;
    line-height: 60px;
    margin-bottom: 5px;
    margin-top: 10px;
    font-weight: bold;
}

.banner-disfrutones .contenedor-texto h3 span {
    margin: 0 10px;
    background: white;
    display: inline-block;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.banner-disfrutones .contenedor-texto h3::before {
    background: #ffed00;
    content: '';
    display: inline-block;
    width: 100%;
    height: 60px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) rotate(-1deg);
    z-index: -1;
}

.banner-disfrutones .contenedor-texto h4 {
    font-family: "Acumin Pro Condensed";
    color: #ffed00;
    text-transform: uppercase;
    font-size: 32px;
}

.banner-disfrutones .contenedor-texto h5 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 15px;
    background: url(/img/disfrutones/puntos.svg) center bottom no-repeat;
}



.banner-disfrutones .contenedor-texto h5 span {
    font-family: "acumin-pro-condensed";
    color: white;
    text-transform: uppercase;
    font-size: 24px;
    padding-left: 18px;
    position: relative;
    margin-left: 15px;
}

.banner-disfrutones .contenedor-texto h5 span::before {
    width: 8px;
    height: 8px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -4px;
    background: #ffed00;
    content: '';
    border-radius: 50%;
}

.banner-disfrutones .contenedor-texto h5 span:last-child {
    padding-right: 16px;
}

.banner-disfrutones .contenedor-texto h5 span:last-child::after {
    width: 8px;
    height: 8px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -4px;
    background: #ffed00;
    content: '';
    border-radius: 50%;
}

.banner-disfrutones .contenedor-texto p {
    text-align: center;
    margin-bottom: 40px;
    max-width: 390px;
}

.banner-disfrutones .contenedor-texto p span:first-child {
    font-family: 'HighVoltage Rough';
    color: white;
    font-size: 40px;
}

.banner-disfrutones .contenedor-texto p span:nth-child(2) {
    font-family: "Acumin Pro";
    color: #ffed00;
    font-size: 24px;
    font-weight: 300;
    margin-left: 4px;
}

.banner-disfrutones .contenedor-texto p strong {
    font-family: "Acumin Pro Condensed";
    font-size: 26px;
}

.banner-disfrutones .imagen-disfrutones {
    max-width: 55%;
    position: absolute;
    left: -70px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.banner-disfrutones .btn-disfrutones {
    max-width: 330px;
}

.contenedor-slider-decalogo {
    width: 100%;
    margin-top: 100px;
}


.banner-decalogo {
    display: flex;
    justify-content: center;
    align-items: stretch;
}

.banner-decalogo .contenedor-claim {
    width: 50%;
    background: #0A2240;
    display: inline-block;
    padding: 20px;
}

.banner-decalogo .contenedor-claim .contenedor-texto {
    background: url(/img/disfrutones/marco-decalogo.webp) center/auto 100% no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 80px 100px;
    position: relative;
    z-index: 3;
}

.banner-decalogo .contenedor-claim .contenedor-texto img {
    margin-bottom: 30px;
}

.banner-decalogo .contenedor-claim .contenedor-texto::before {
    content: '“';
    display: inline-block;
    position: absolute;
    left: 0;
    top: -30px;
    font-weight: bold;
    font-size: 550px;
    line-height: .8em;
    font-family: serif;
    color: rgba(255, 255, 255, .50);
    height: 240px;
}

.banner-decalogo .contenedor-claim .contenedor-texto h2 {
    color: white;
    font-family: "acumin-pro-extra-condensed";
    font-weight: 900;
    font-style: normal;
    padding-bottom: 40px;
    font-size: 4.2vw;
    text-align: center;
    line-height: 4.6vw;
    position: relative;
}

.banner-decalogo .contenedor-claim .contenedor-texto h2 span {
    font-family: acumin-pro-extra-condensed, sans-serif;
    font-weight: 900;
    font-style: bold;
    position: relative;
    z-index: 3;
    padding: 0 5px;
    color: #0A2240;
    line-height: 60px;
    font-size: 4.2vw;
    font-weight: bold;
}

.banner-decalogo .contenedor-claim .contenedor-texto h2::before {
    background: url(/img/disfrutones/puntos-titulo.svg) center no-repeat;
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 100%;
    height: 7px;
}

.banner-decalogo .contenedor-claim .contenedor-texto h2 span::before {
    background: #ffed00;
    content: '';
    display: inline-block;
    width: 100%;
    height: 80px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) rotate(-1deg);
    z-index: -1;
}

.banner-decalogo .contenedor-claim .contenedor-texto .btn-disfrutones {
    max-width: 390px;
}

.banner-decalogo .slider-decalogo {
    width: 50%;
    position: relative;
}

.banner-decalogo .slider-decalogo .slick-dots {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}


.banner-decalogo .slider-decalogo .slick-dots li button {
    font-size: 0;
    border-radius: 50%;
    background: transparent;
    border: 1px solid white;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 3px;
}

.banner-decalogo .slider-decalogo .slick-dots li.slick-active button {
    background: white;
}

.banner-decalogo .slider-decalogo .slick-prev {
    position: absolute;
    left: 20px;
    background: url(/img/disfrutones/flecha-slide-izquierda.svg) center/48px no-repeat;
    border: none;
    width: 30px;
    height: 50px;
    display: inline-block;
    top: 50%;
    margin-top: -25px;
    z-index: 4;
    font-size: 0;
    cursor: pointer;
}

.banner-decalogo .slider-decalogo .slick-next {
    position: absolute;
    right: 20px;
    background: url(/img/disfrutones/flecha-slide-derecha.svg) center/48px no-repeat;
    border: none;
    width: 30px;
    height: 50px;
    display: inline-block;
    top: 50%;
    margin-top: -25px;
    z-index: 4;
    font-size: 0;
    cursor: pointer;
}

.banner-decalogo .slider-decalogo .slide {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    background: green;
    min-height: 35vw;
    width: 100%;
    padding: 40px;
}

.banner-decalogo .slider-decalogo .slide .background-img {
    position: absolute;
    width: 100%;
    height: -webkit-fill-available;
    object-position: center center;
    object-fit: cover;
    bottom: 0;
}

.btn-slider-disfrutones {
    background: rgba(10, 34, 64, 0.8);
    padding: 10px 20px;
    text-align: center;
    font-family: "Acumin Pro Condensed";
    color: white;
    font-weight: bold;
    font-size: 38px;
    padding-right: 100px;
    max-width: 80%;
    position: relative;
}


.btn-slider-disfrutones::before {
    width: 50px;
    height: 15px;
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    background: url(/img/disfrutones/flecha-derecha-blanca.svg) center/100% no-repeat;
}

.wrapper-disfrutones .banner-decalogo {
    position: relative;
}

.banner-decalogo .imagen-carretillero {
    width: 50%;
    align-items: flex-end;
    display: flex;
    justify-content: center;
}

.banner-decalogo .imagen-carretillero a {
    margin-bottom: 50px;
}

.banner-decalogo .background-img {
    position: absolute;
    height: -webkit-fill-available;
    object-position: center center;
    object-fit: cover;
}

.filosofia-disfrutones {
    margin-top: 150px;
    display: inline-block;
    width: 100%;
}

.banner-filosofia {
    width: 100%;
    max-width: 1100px;
    background: #0A2240;
    margin: 0 auto;
    padding: 50px 100px 150px 50px;
    position: relative;
}

.banner-filosofia .disfrutones-movil {
    display: none;
}

.banner-filosofia .imagenes-derecha {
    position: absolute;
    left: -50px;
    top: 180px;
    max-width: 290px;
}

.banner-filosofia .imagenes-izquierda {
    position: absolute;
    right: -50px;
    top: 180px;
    max-width: 290px;
}

.banner-filosofia .contenedor-texto {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.banner-filosofia .contenedor-texto .title-disfrutones {
    font-size: 3.9vw;
}


.banner-filosofia h3 {
    max-width: 420px;
    text-align: center;
}

.banner-filosofia h3 span:first-child {
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'HighVoltage Rough';
    font-size: 32px;
}

.banner-filosofia h3 span:nth-child(2) {
    font-family: "Acumin Pro";
    font-weight: 300;
    text-transform: uppercase;
    font-size: 24px;
    color: #ffed00;
}

.banner-filosofia h3 span:nth-child(3) {
    font-family: "Acumin Pro";
    font-weight: 300;
    text-transform: uppercase;
    font-size: 24px;
    color: #FFFFFF;
}

.banner-filosofia h3 span:nth-child(4) {
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Acumin Pro Condensed";
    font-size: 33px;
    color: #ffed00;
}

.banner-filosofia h2 {
    color: white;
}

.banner-filosofia h4 {
    text-transform: uppercase;
    color: white;
    display: inline-block;
    text-align: center;
    font-family: "Acumin Pro Condensed";
    font-size: 24px;
    max-width: 570px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.banner-filosofia p {
    font-family: "Acumin Pro";
    color: white;
    font-size: 25px;
    font-weight: 300;
    text-align: center;
    max-width: 640px;
    margin-bottom: 20px;
}

.banner-filosofia p strong {
    font-size: 28px;
    font-family: "Acumin Pro Condensed";
}

.banner-filosofia p span {
    font-family: "Acumin Pro Condensed";
    color: #ffed00;
    font-size: 24px;
}

.banner-filosofia h5 {
    font-family: "Acumin Pro Condensed";
    font-size: 34px;
    color: #0A2240;
    padding: 10px 20px;
    position: relative;
    z-index: 3;
    min-height: 50px;
    line-height: 50px;
    /* font-family: acumin-pro-extra-condensed,sans-serif; */
    font-weight: 900;
    /* font-style: bold; */

}

.banner-filosofia h5::before {
    background: #ffffff;
    content: '';
    display: inline-block;
    width: 100%;
    height: 50px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) rotate(-1deg);
    z-index: -1;
}

.encabezado-disfrutones {
    width: 100%;
    height: 450px;
    display: inline-block;
    background: url(/img/disfrutones/encabezado-decalogo.jpg) center top/cover no-repeat;
    position: relative;
}

.encabezado-disfrutones .cuadro-decalogo {
    position: absolute;
    right: 50%;
    margin-right: -600px;
    top: 50px;
}

.contenedor-slider-pasos-decalogo {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    margin-top: 40px;
}

.banner-pasos-decalogo {
    max-width: 1100px;
    display: inline-block;
    background: #0A2240;
    margin: 0 auto;
    width: 100%;
    padding: 20px;
    position: relative;

}

.banner-pasos-decalogo>h2 {
    width: 100%;
    font-family: "Acumin Pro Condensed";
    text-align: center;
    color: white;
    margin-bottom: 20px;
    font-size: 60px;
    font-weight: bold;
}

.banner-pasos-decalogo>h2 span {
    font-family: "Acumin Pro Condensed";
    position: relative;
    z-index: 3;
    color: #0A2240;
    padding: 0 10px;
    font-weight: bold;
    font-size: 60px;
}

.banner-pasos-decalogo>h2 span::before {
    background: #ffed00;
    content: '';
    display: inline-block;
    width: 100%;
    height: 60px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) rotate(-1deg);
    z-index: -1;
}

.banner-pasos-decalogo .texto {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 50%;
}


.banner-pasos-decalogo h4 {
    color: #0A2240;
    position: relative;
    z-index: 3;
    display: inline-block;
    width: auto;
    font-size: 30px;
    text-align: center;
    padding: 0 20px;
    font-family: "Acumin Pro Condensed";
    font-weight: bold;
    min-height: 40px;
    line-height: 40px;
    margin-bottom: 15px;
    opacity: 0;
}


.banner-pasos-decalogo h3 {
    font-family: 'HighVoltage Rough';
    text-transform: uppercase;
    font-size: 57px;
    color: white;
    display: inline-block;
    text-align: center;
    opacity: 0;
}


.banner-pasos-decalogo .fake-txt {
    position: absolute;
    left: 90px;
    top: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.banner-pasos-decalogo .fake-txt h3,
.banner-pasos-decalogo .fake-txt h4 {
    opacity: 1;
}

.banner-pasos-decalogo .contenedor-slider {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}


.slider-pasos-catalogo {
    padding-bottom: 60px;
}

.banner-pasos-decalogo .slick-dots {
    position: absolute;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    left: 0;
    bottom: 0;
}

.banner-pasos-decalogo .slick-dots .slick-active button {
    background: #ffed00;
    color: #0A2240;
}

.banner-pasos-decalogo .slick-dots li {
    position: relative;
}

.banner-pasos-decalogo .slick-dots li::before {
    width: 55px;
    height: 4px;
    display: inline-block;
    background: url(/img/disfrutones/puntos.svg) center/100% no-repeat;
    content: '';
    position: absolute;
    right: -65px;
    top: 50%;
    margin-top: -2px;
}

.banner-pasos-decalogo .slick-dots li:last-of-type::before {
    display: none;
}

.banner-pasos-decalogo .slick-dots button {
    width: 40px;
    height: 40px;
    display: inline-block;
    background-color: white;
    border-radius: 50%;
    font-family: 'HighVoltage Rough';
    border: none;
    color: #0A2240;
    font-size: 24px;
    cursor: pointer;
}

.banner-pasos-decalogo .slide h2 {
    padding-left: 70px;
    position: relative;
    font-family: "Acumin Pro";
    color: white;
    font-size: 30px;
    font-weight: 300;
    text-transform: uppercase;
    text-align: left;
    max-width: 440px;
    margin-top: 30px;
    opacity: 0;
    transition: .7s;
    transform: translateX(-30px);
}



.banner-pasos-decalogo .slick-current h2 {
    opacity: 1;
    transform: none;
}

.banner-pasos-decalogo .slide h2.center {
    min-height: 60px;
    line-height: 60px;
}

.banner-pasos-decalogo .slide h2 span {
    font-family: "Acumin Pro";
    color: #ffed00;
    font-size: 30px;
}

.banner-pasos-decalogo .slide h2 strong {
    font-weight: bold;
    font-family: "Acumin Pro Condensed";
    color: #ffed00;
    font-size: 34px;
}

.banner-pasos-decalogo .slide h2 figure {
    position: absolute;
    width: 60px;
    height: 60px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    background: #ffed00;
    line-height: 60px;
    left: 0;
    top: 0;
    font-family: 'HighVoltage Rough';
    font-size: 40px;
    color: #0A2240;
}

.banner-pasos-decalogo .slide .contenedor-imagen {
    width: 50%;
    position: relative;
    z-index: 4;
}

.banner-pasos-decalogo .slide .contenedor-imagen img {
    width: 100%;
    opacity: 0;
    transform: translateX(60px);
    transition: .7s;
}

.banner-pasos-decalogo .slick-current .contenedor-imagen img {
    opacity: 1;
    transform: scale(1.1);
}


.encabezado-buscamos-disfrutones {
    width: 100%;
    height: 450px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background: #0A2240;
    padding-top: 50px;
    margin-bottom: 40px;
}

.encabezado-buscamos-disfrutones .etiqueta {
    position: absolute;
    left: -60px;
    top: -60px;
}

.encabezado-buscamos-disfrutones .texto {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding-top: 20px;
    margin: 0 20px;
    width: 480px;
}

.encabezado-buscamos-disfrutones>img {
    max-width: calc(50% - 259px);
    transform: scale(1.2) translateY(20px);
}

.encabezado-buscamos-disfrutones .texto h2 {
    color: White;
    font-family: "Acumin Pro Condensed";
    font-size: 42px;
}

.encabezado-buscamos-disfrutones .texto h3 {
    color: #0A2240;
    font-family: "Acumin Pro Condensed";
    position: relative;
    font-size: 40px;
    padding: 0 20px;
    min-height: 60px;
    line-height: 60px;
    margin-bottom: 5px;
    margin-top: 10px;
    font-weight: bold;
    z-index: 3;
}

.encabezado-buscamos-disfrutones .texto h3 span {
    margin: 0 10px;
    background: white;
    display: inline-block;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.encabezado-buscamos-disfrutones .texto h3::before {
    background: #ffed00;
    content: '';
    display: inline-block;
    width: 100%;
    height: 60px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) rotate(-1deg);
    z-index: -1;
}

.encabezado-buscamos-disfrutones .texto h4 {
    font-family: "Acumin Pro Condensed";
    color: #ffed00;
    text-transform: uppercase;
    font-size: 32px;
    margin-top: 10px;
    margin-bottom: 5px;
}

.encabezado-buscamos-disfrutones .texto h5 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.encabezado-buscamos-disfrutones .texto h5 span {
    font-family: "acumin-pro-condensed";
    color: white;
    text-transform: uppercase;
    font-size: 24px;
    padding-left: 18px;
    position: relative;
    margin-left: 15px;
}

.encabezado-buscamos-disfrutones .texto h5 span::before {
    width: 8px;
    height: 8px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -4px;
    background: #ffed00;
    content: '';
    border-radius: 50%;
}

.encabezado-buscamos-disfrutones .texto h5 span:last-child {
    padding-right: 16px;
}

.encabezado-buscamos-disfrutones .texto h5 span:last-child::after {
    width: 8px;
    height: 8px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -4px;
    background: #ffed00;
    content: '';
    border-radius: 50%;
}

.formulario-wrapper {
    background: #0A2240;
    padding: 40px;
    padding-bottom: 140px;
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.formulario-wrapper img {
    max-width: 100%;
}

.formulario-wrapper h3 {
    font-family: "acumin-pro-condensed";
    color: white;
    font-size: 34px;
    font-weight: 300;
    text-transform: uppercase;
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-bottom: 50px;
    padding-bottom: 10px;
    background: url(/img/disfrutones/puntos.svg) center bottom no-repeat;
}



.formulario-wrapper h3 span {
    font-family: "Acumin Pro Condensed";
    color: white;
    text-transform: uppercase;
    font-size: 39px;
}

.formulario-wrapper h3 strong {
    color: #ffed00;
    font-family: 'HighVoltage Rough';
    font-size: 34px;
}


.formulario-wrapper h2 {
    text-align: center;
}

.formulario-wrapper h2 span:first-child {
    font-family: "acumin-pro-condensed";
    color: #ffed00;
    font-size: 35px;
    font-weight: 300;
    text-transform: uppercase;
}

.formulario-wrapper h2 span:nth-child(2) {
    font-family: "Acumin Pro Condensed";
    font-size: 43px;
    color: white;
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
}

.formulario-wrapper h2 span:nth-child(3),
.formulario-wrapper h2 span:nth-child(5) {
    font-family: "acumin-pro-condensed";
    color: #ffed00;
    font-size: 34px;
    font-weight: 300;
}

.formulario-wrapper h2 span:nth-child(4) {
    font-family: "Acumin Pro Condensed";
    font-size: 43px;
    color: #ffed00;
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
}

.formulario-wrapper p.first {
    width: 100%;
    text-align: center;
    max-width: 670px;
    line-height: 35px;
}

.formulario-wrapper p.first span:nth-child(1) {
    font-family: "Acumin Pro Condensed";
    font-size: 22px;
    color: white;
    display: inline-block;
    font-weight: bold;
}

.formulario-wrapper p.first span:nth-child(2) {
    font-family: "acumin-pro-condensed";
    color: #ffffff;
    font-size: 38px;
    font-weight: 300;
}

.formulario-wrapper p.first span:nth-child(3) {
    font-family: "Acumin Pro Condensed";
    font-size: 43px;
    color: #0A2240;
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    z-index: 3;
    padding: 0 3px;
}

.formulario-wrapper p.first span:nth-child(3)::before {
    background: #ffed00;
    content: '';
    display: inline-block;
    width: 100%;
    height: 40px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) rotate(-1deg);
    z-index: -1;
}

.formulario-wrapper p.first span:nth-child(4) {
    font-family: "acumin-pro-condensed";
    color: #ffed00;
    font-size: 36px;
    font-weight: 300;
}

.formulario-wrapper p.first span:nth-child(5) {
    font-family: "Acumin Pro Condensed";
    font-size: 40px;
    color: white;
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
}

.formulario-wrapper p.second {
    font-family: "acumin-pro-condensed";
    color: #ffffff;
    font-size: 22px;
    font-weight: 300;
    text-align: center;
    width: 100%;
    margin-bottom: 80px;
}

.formulario-wrapper p.second span:nth-child(1) {
    font-family: "acumin-pro-condensed";
    color: #ffffff;
    font-size: 28px;
    font-weight: 300;
}

.formulario-wrapper p.second span:nth-child(2) {
    font-family: "acumin-pro-condensed";
    color: #ffed00;
    font-size: 28px;
    font-weight: 300;
}

.formulario-wrapper p.second span:nth-child(3) {
    font-family: "Acumin Pro Condensed";
    font-size: 36px;
    color: white;
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
}

.formulario-wrapper p.second span:nth-child(4) {
    font-family: "Acumin Pro Condensed";
    font-size: 40px;
    color: #ffed00;
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
}

.formulario-wrapper p.second span:nth-child(6) {
    font-family: "Acumin Pro Condensed";
    font-size: 36px;
    color: #ffed00;
    display: inline-block;
    font-weight: bold;
}


.formulario-wrapper h4 {
    font-family: "Acumin Pro Condensed";
    font-size: 30px;
    color: #ffed00;
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
}

.formulario-wrapper form {
    width: 100%;
    max-width: 500px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    position: relative;
    margin-top: 40px;
}

.formulario-wrapper form .imagen-derecha {
    position: absolute;
    right: 0;
    bottom: -140px;
    transform: translate(140%, 0%);
    max-width: 320px;
}


.formulario-wrapper form .imagen-izquierda {
    position: absolute;
    left: 0;
    bottom: -110px;
    transform: translate(-140%, 0%);
    max-width: 320px;
}

.formulario-wrapper form h6 {
    font-family: "Acumin Pro Condensed";
    font-size: 30px;
    color: #FFFFFF;
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 20px;
}

.formulario-wrapper form .contenedor-input {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 15px;
}

.formulario-wrapper form .contenedor-input label {
    width: 180px;
    color: white;
    font-family: "Acumin Pro Condensed";
    font-size: 19px;
}

.formulario-wrapper form .contenedor-input input,
.formulario-wrapper form .contenedor-input select,
.formulario-wrapper form .contenedor-input textarea {
    height: 40px;
    display: inline-block;
    border: none;
    background-color: white;
    width: calc(100% - 180px);
    padding: 0 5px;
    border-radius: 0;
    -webkit-appearance: none;
}

.formulario-wrapper form .contenedor-input textarea {
    height: 200px;
    padding: 5px;
}

.formulario-wrapper form .contenedor-input textarea::placeholder {
    color: #0A2240;
}

.formulario-wrapper form .contenedor-input .input {
    position: relative;
    width: calc(50% - 90px);
}

.formulario-wrapper form .contenedor-input .input input {
    position: absolute;
    left: 0;
    opacity: 0;
}

.formulario-wrapper form .contenedor-input .input label {
    padding-left: 25px;
}

.formulario-wrapper form .contenedor-input .input label::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: white;
    position: absolute;
    left: 0;
    top: 0;
}

.formulario-wrapper form .contenedor-input .input input:checked+label::before {
    background: #ffed00;
}

.formulario-wrapper form .contenedor-check {
    position: relative;
    margin-bottom: 10px;
    width: 100%;
    padding-left: 180px;
}

.formulario-wrapper form .contenedor-check input {
    position: absolute;
    left: 180px;
    opacity: 0;
}

.formulario-wrapper form .contenedor-check label {
    padding-left: 25px;
    color: white;
    position: relative;
    font-size: 12px;
    line-height: 25px;
}

.formulario-wrapper form .contenedor-check label a {
    text-decoration: underline;
    color: white;
}

.formulario-wrapper form .contenedor-check label::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background: white;
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #ffed00;
}

.formulario-wrapper form .contenedor-check input:checked+label::before {
    background: #ffed00;
}

.formulario-wrapper form .btn-disfrutones {
    max-width: 280px;
    margin-top: 30px;
}

.encabezado-los-disfrutones {
    width: 100%;
    height: 450px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background: url(/img/disfrutones/encabezado-los-disfrutones.jpg) center/cover no-repeat;
    margin-bottom: 40px;
}

.encabezado-los-disfrutones img {
    position: absolute;
    left: 50%;
    transform: translateX(-130%);
    bottom: -30px;
}


.disfrutones {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 100px;
}

.disfrutones h3 {
    font-family: "acumin-pro-condensed";
    font-size: 30px;
    color: #0A2240;
    ;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}



.disfrutones h3 span {
    color: #FFFFFF;
    position: relative;
    z-index: 3;
    display: inline-block;
    width: auto;
    font-size: 32px;
    text-align: center;
    padding: 0 20px;
    font-family: "Acumin Pro Condensed";
    font-weight: bold;
    min-height: 45px;
    line-height: 45px;
}

.disfrutones h3 span::before {
    background: #0A2240;
    content: '';
    display: inline-block;
    width: 100%;
    height: 45px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) rotate(-1deg);
    z-index: -1;
}


.disfrutones>h2 {
    text-transform: uppercase;
    font-family: 'HighVoltage Rough';
    color: #0A2240;
    margin-bottom: 30px;
    font-size: 60px;
    margin-top: 10px;
}

.contenedor-disfrutones {
    padding: 40px;
    background: #0A2240;
    width: 100%;
    max-width: 1100px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}

.disfruton {
    width: 33.33333%;
    padding: 0 20px;
    margin-bottom: 20px;
}

.disfruton img {
    width: 100%;
}

.disfruton .texto {

    width: 100%;
    background: white;
    display: inline-block;
    box-shadow: -5px 5px 0px #ffed00;
    position: relative;
}

.disfruton .texto h3 {
    font-family: 'HighVoltage Rough';
    text-transform: uppercase;
    color: #0A2240;
    min-height: 50px;
    line-height: 50px;
    width: 100%;
    text-align: left;
    display: inline-block;
    padding: 0 10px;
    margin: 0;
    background: url(/img/disfrutones/mas.svg) calc(100% - 10px) center/30px no-repeat;
    cursor: pointer;
}

.disfruton .texto h3.show {
    background: url(/img/disfrutones/menos.svg) calc(100% - 10px) center/30px no-repeat;
}

.disfruton .texto p {
    color: #0A2240;
    padding: 0 10px;
    margin-bottom: 10px;
    margin-top: 0;
    display: inline-block;
    font-size: 16px;
    font-family: "Acumin Pro";
    font-weight: 300;
}

.disfruton .texto p strong {
    font-family: "Acumin Pro Condensed";
    font-size: 18px;
}

.disfruton .texto p strong.big {
    font-size: 24px;
}

.disfruton .texto .hide {
    display: none;
}

@media screen and (max-width:1350px) {
    .banner-decalogo .contenedor-claim .contenedor-texto h2 {
        font-size: 8vw;
        line-height: 8.2vw;
    }

    .banner-decalogo .contenedor-claim .contenedor-texto h2 span {
        font-size: 8vw;
        line-height: 8.2vw;
    }

    .banner-decalogo .contenedor-claim .contenedor-texto h2 span::before {
        height: 80px;
    }

    .banner-decalogo .slider-decalogo .slide {
        min-height: 38vw;
    }

    .banner-decalogo .contenedor-claim .contenedor-texto::before {
        font-size: 400px;
    }

    .banner-pasos-decalogo .slick-dots li::before {
        display: none;
    }

}

@media screen and (max-width:1230px) {
    .banner-disfrutones .imagen-disfrutones {
        left: 0;
        max-width: 50%;
    }

    .banner-disfrutones .etiqueta {
        max-width: 150px;
        left: -1px;
    }

    .banner-decalogo .contenedor-claim .contenedor-texto .btn-disfrutones:not(.-descargar)::before {
        display: none;
    }

    .banner-decalogo .contenedor-claim .contenedor-texto .btn-disfrutones {
        font-size: 32px;
    }

    .banner-decalogo .slider-decalogo .slide {
        min-height: 40vw;
    }

    .encabezado-disfrutones .cuadro-decalogo {
        max-width: 40vw;
        margin-right: 0;
        right: 20px;
    }
}

@media screen and (max-width:1040px) {
    .btn-slider-disfrutones {
        padding-right: 50px;
        text-align: left;
    }

    .banner-decalogo .contenedor-claim .contenedor-texto .btn-disfrutones {
        max-width: 240px;
    }

    .banner-decalogo .contenedor-claim .contenedor-texto {
        padding: 70px 50px;
    }

    .banner-filosofia h4 {
        max-width: 500px;
        font-size: 24px;
    }

    .banner-filosofia p {
        max-width: 450px;
        font-size: 17px;
    }

    .banner-filosofia p strong {
        font-size: 22px;
    }

    .banner-filosofia {
        overflow: hidden;
    }

    .banner-filosofia .imagenes-izquierda,
    .banner-filosofia .imagenes-derecha {
        max-width: 250px;
        right: 0;
    }

    .disfruton {
        width: 50%;
    }

    .formulario-wrapper form .imagen-izquierda {
        display: none;
    }

    .formulario-wrapper form .imagen-derecha {
        display: none;
    }

    .formulario-wrapper h4 {
        text-align: center;
    }

}

@media screen and (max-width:990px) {
    .banner-disfrutones .contenedor-texto h3 {
        font-size: 30px;
        z-index: 3;
    }

    .banner-disfrutones .contenedor-texto h3::before {
        height: 50px;
    }

    .banner-decalogo {
        flex-direction: column;
    }

    .banner-decalogo .contenedor-claim {
        width: 100%;
    }

    .banner-decalogo .slider-decalogo {
        width: 100%;
    }

    .banner-decalogo .slider-decalogo .slide {
        min-height: 60vw;
    }

    .banner-decalogo .imagen-carretillero {
        width: 100%;
        min-height: 50vw;
    }

    .banner-pasos-decalogo h3 {
        font-size: 35px;
    }

    .encabezado-los-disfrutones img {
        max-width: 50vw;
    }

    .encabezado-buscamos-disfrutones .texto {
        width: 100%;
    }

    .encabezado-buscamos-disfrutones>img {
        display: none;
    }

    .banner-pasos-decalogo>h2 {
        font-size: 36px;
    }

    .banner-pasos-decalogo>h2 span {
        font-size: 36px;
    }

    .banner-pasos-decalogo>h2 span::before {
        height: 40px;
    }

    .banner-filosofia .contenedor-texto .title-disfrutones {
        font-size: 7.6vw;
    }


    .btn-disfrutones.-descargar::before {
        width: 40px;
        height: 40px;
    }

}


@media screen and (max-width:840px) {

    .banner-disfrutones {
        min-height: 840px;
        align-items: flex-end;
        max-width: 480px;
    }

    .banner-disfrutones .contenedor-texto {
        width: 100%;
        padding-top: 40px;
        padding-bottom: 40px;
        padding-top: 200px;
        transform: none;
    }

    .banner-disfrutones .imagen-disfrutones {
        left: 50%;
        top: -10px;
        transform: translateX(-50%);
        width: 100%;
        max-width: 400px;
    }

    .encabezado-disfrutones .cuadro-decalogo {
        max-width: 50vw;
        top: 50%;
        transform: translateY(-50%);
    }

    .banner-filosofia .title-disfrutones {
        margin-bottom: 50px;
    }

    .banner-filosofia h4 {
        max-width: 320px;
        font-size: 18px;
    }

    .banner-filosofia h3 {
        max-width: 320px;
    }

    .banner-filosofia h3 * {
        font-size: 1em !important;
    }



    .banner-pasos-decalogo .slide h2,
    .banner-pasos-decalogo .slide h2 span {
        font-size: 22px;
    }

    .banner-pasos-decalogo .slide h2 strong {
        font-size: 24px;
    }

    .formulario-wrapper h2 * {
        font-size: .9em !important;
    }

    .formulario-wrapper p.first * {
        font-size: 2.6em !important;
    }

    .formulario-wrapper p.second * {
        font-size: 1.1em !important;
    }

    .formulario-wrapper p.second {
        margin-bottom: 30px;
    }

    .contenedor-banner-disfrutones {
        margin-top: 20px;
    }
}

@media screen and (max-width:760px) {

    .banner-filosofia .imagenes-izquierda,
    .banner-filosofia .imagenes-derecha {
        display: none;
    }

    .banner-filosofia .imagenes-izquierda {
        right: 0;
    }

    .banner-filosofia .imagenes-derecha {
        left: 0;
    }

    .banner-filosofia {
        padding: 20px;
    }

    .banner-filosofia p {
        max-width: 340px;
    }

    .banner-filosofia p strong {
        font-size: 19px;
    }

    .banner-filosofia .disfrutones-movil {
        display: inline-block;
        max-width: 100%;
    }

    .disfrutones>h2 {
        font-size: 28px;
        text-align: center;
        padding: 0 10px;
    }

    .disfruton {
        width: 100%;
    }

    .encabezado-los-disfrutones {
        background-position: 70% center;
    }

    .encabezado-los-disfrutones img {
        max-width: 70vw;
        left: 10px;
        transform: none;
    }

    .contenedor-disfrutones {
        padding: 20px 0;
    }

    .banner-pasos-decalogo h4 {
        font-size: 24px;
    }

}

@media screen and (max-width:650px) {
    .banner-pasos-decalogo .contenedor-slider {
        flex-direction: column;
    }

    .banner-pasos-decalogo .texto {
        width: 100%;
    }

    .banner-pasos-decalogo .slide .contenedor-imagen {
        width: 100%;
    }

    .banner-pasos-decalogo .slick-dots button {
        width: 35px;
        height: 35px;
    }


    .banner-pasos-decalogo .fake-txt {
        position: relative;
        left: 0;
        top: 0;
        margin-top: 50px;
    }

    .banner-pasos-decalogo .slide h4,
    .banner-pasos-decalogo .slide h3 {
        display: none;
    }

    .banner-pasos-decalogo .slick-current .contenedor-imagen img {
        transform: none;
    }

}

@media screen and (max-width:550px) {

    .banner-decalogo .contenedor-claim {
        padding: 40px 20px;
    }

    .banner-decalogo .contenedor-claim .contenedor-texto {
        padding: 0;
        min-height: 270px;
    }

    .banner-decalogo .contenedor-claim .contenedor-texto::before {
        display: none;
    }

    .banner-decalogo .slider-decalogo .slide {
        min-height: 70vw;
    }

    .encabezado-disfrutones .cuadro-decalogo {
        max-width: 80vw;
        right: 50%;
        transform: translateX(50%);
        bottom: -50vw;
    }

    .encabezado-disfrutones {
        background-position: 20% center;
    }


    .formulario-wrapper form .contenedor-input label {
        width: 100%;
        margin-bottom: 5px;
    }

    .formulario-wrapper form .contenedor-input {
        flex-direction: column;
    }

    .formulario-wrapper form .contenedor-input input,
    .formulario-wrapper form .contenedor-input select,
    .formulario-wrapper form .contenedor-input textarea {
        width: 100%;
    }

    .formulario-wrapper form .contenedor-input .input {
        margin-bottom: 5px;
    }

    .formulario-wrapper form .contenedor-check {
        padding-left: 0;
    }

    .encabezado-buscamos-disfrutones .texto h3 {
        font-size: 24px;
    }

    .encabezado-buscamos-disfrutones .texto h3 span {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .encabezado-buscamos-disfrutones {
        height: auto;
        padding-bottom: 0px;
        padding-top: 100px;
        margin-bottom: 0;
    }



}

@media screen and (max-width:500px) {
    .banner-disfrutones .contenedor-texto h3 {
        font-size: 22px;
    }

    .banner-disfrutones .contenedor-texto h5 span {
        font-size: 16px;
    }

    .banner-disfrutones .contenedor-texto p span:nth-child(2) {
        font-size: 18px;
    }

    .banner-disfrutones .contenedor-texto p span:first-child {
        font-size: 32px;
    }

    .banner-disfrutones .btn-disfrutones {
        max-width: 260px;
    }

    .btn-disfrutones {
        font-size: 32px;
        height: 50px;
        line-height: 50px;
    }

    .banner-disfrutones .contenedor-texto h4 {
        font-size: 26px;
    }

    .title-disfrutones {
        font-size: 34px;
        margin-bottom: 20px;
    }

    .banner-disfrutones .contenedor-texto h3 span {
        height: 30px;
        width: 30px;
        line-height: 30px;
    }

    .btn-slider-disfrutones {
        padding: 20px 10px;
        font-size: 28px;
        text-align: center;
        max-width: 90%;
    }

    .btn-slider-disfrutones::before {
        display: none;
    }

    .banner-filosofia h5 {
        font-size: 20px;
    }

    .filosofia-disfrutones {
        margin-top: 70px;
    }

    .banner-pasos-decalogo .slick-dots button {
        font-size: 18px;
        width: 25px;
        height: 25px;
    }

    .contenedor-slider-pasos-decalogo {
        padding: 20px 0;
    }

    .formulario-wrapper h4 {
        font-size: 24px;
    }

    .formulario-wrapper p.first * {
        font-size: 2.1em !important;
    }

    .formulario-wrapper p.first span:nth-child(3)::before {
        height: 35px;
    }

    .formulario-wrapper {
        padding: 20px;
    }

    .formulario-wrapper h3 span {
        font-size: 28px;
    }

    .contenedor-slider-decalogo {
        margin-top: 20px;
    }

}


@media screen and (max-width:400px) {

    .banner-disfrutones {
        min-height: 820px;
    }

    .banner-disfrutones .contenedor-texto {
        padding: 20px;
        padding-bottom: 40px;
        padding-top: 200px;
    }

    .title-disfrutones {
        font-size: 24px;
    }

    .banner-decalogo .slider-decalogo .slide {
        min-height: 100vw;
    }

    .disfrutones h3 span {
        font-size: 22px;
    }

    .disfrutones h3 {
        font-size: 24px;
    }
}

@media screen and (max-width:360px) {

    .banner-disfrutones {
        min-height: 780px;
    }

    .title-disfrutones {
        font-size: 24px;
    }

    .banner-disfrutones .contenedor-texto h3 {
        font-size: 18px;
    }

    .banner-disfrutones .contenedor-texto h3::before {
        height: 40px;
    }

    .banner-decalogo .contenedor-claim .contenedor-texto h2 {
        font-size: 10vw;
        line-height: 10.1vw;
    }

    .banner-decalogo .contenedor-claim .contenedor-texto h2 span::before {
        height: 40px;
    }

    .btn-slider-disfrutones {
        text-align: center;
    }

    .banner-pasos-decalogo .slide h2 {
        padding-left: 0px;
        padding-top: 45px;
    }

    .banner-pasos-decalogo .slide h2 figure {
        left: 50%;
        transform: translateX(-50%);
        top: 0;
        height: 40px;
        line-height: 40px;
        width: 40px;
    }

    .slider-pasos-catalogo {
        padding-bottom: 26px;
    }

}


/*PLATOS*/


.banner-platos {
    max-width: 100%;
    width: 100%;
}

.banner-platos-mvl {
    display: none;
}


.contenedor-banner-platos {
    position: relative;
}

.contenedor-banner-platos h2 {
    text-transform: uppercase;
    color: #85754e;
    font-size: 54px;
    font-family: 'highvoltage_roughregular';
    display: inline-block;
    position: absolute;
    width: 100%;
    left: 0;
    top: 180px;
    text-align: center;
}

.contenedor-banner-platos h3 {
    color: #85754e;
    font-family: 'dearjoe_6regular';
    font-size: 38px;
    display: inline-block;
    position: absolute;
    width: 100%;
    left: 0;
    top: 240px;
    text-align: center;
    font-weight: 300;
}


.contenedor-banner-platos .receta-gourmet {
    position: absolute;
    right: 4vw;
    bottom: 560px;
    max-width: 240px;
}

.contenedor-banner-platos .referencia-pescado {
    position: absolute;
    left: 32vw;
    bottom: 560px;
    max-width: 240px;
}

.contenedor-banner-platos .referencia-premios {
    position: absolute;
    bottom: -100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.contenedor-banner-platos .referencia-premios p {
    text-align: center;
    padding: 10px 0 25px 0;
    width: 30%;
    font-size: 32px;
    font-weight: bold;
    color: #FFEC00;
    background: url(/img/platos-gourmet/background-premios.png) center/cover no-repeat;
}

.contenedor-banner-platos .referencia-premios img {
    position: relative;
    top: -25px;
}

.platos-gourmet {
    background: url(/img/platos-gourmet/fondo-gourmet.jpg) center/cover no-repeat;
}

.banner-lanzamientos {
    background: url(/img/home/fondo-madera-vertical.webp) center/cover no-repeat;
}

section.homeHeader .owl-carousel .owl-item .item.banner-lanzamientos a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

section.homeHeader .owl-carousel .owl-item .item.banner-lanzamientos a img {
    object-position: center bottom;
    max-width: 100%;
    height: 93%;
    object-fit: contain;
    margin: 0 auto;
    width: auto;
}

/* .platos-gourmet .waypoints {
    opacity: 0;
} */


.banner-campo {
    padding-bottom: 350px;
    background: url(/img/platos-gourmet/campo.png) center bottom/100% auto no-repeat;
    padding-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.banner-campo h2 {
    text-transform: uppercase;
    color: #85754e;
    font-size: 54px;
    font-family: 'highvoltage_roughregular';
    display: inline-block;
}

.banner-campo p {
    font-size: 26px;
    color: #85754e;
    font-family: 'Raleway';
    max-width: 760px;
    text-align: center;
}

.banner-campo p strong {
    font-weight: bold;
}

.platos-gourmet .contenedor-videos {
    background: url(/img/platos-gourmet/fondo-craft.jpg) center/cover no-repeat;
    padding: 50px 20px;
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-bottom: 250px;
    padding-top: 150px;
}

.platos-gourmet .contenedor-videos h2 {
    font-family: 'dearjoe_6regular';
    font-size: 46px;
    color: #13223d;
    font-weight: 300;
    text-align: left;
    max-width: 770px;
}

.platos-gourmet .contenedor-videos .texto {
    text-align: left;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}

.platos-gourmet .contenedor-videos p {
    color: #13223d;
    font-size: 24px;
    max-width: 600px;
    text-align: left;
}

.platos-gourmet .contenedor-videos p strong {
    font-weight: bold;
}


.platos-gourmet .sello-nutriscore {
    width: 100%;
    max-width: 1200px;
    padding: 50px;
    min-height: 290px;
    box-sizing: border-box;
    background: url(/img/platos-gourmet/background-nutriscore.png) center/100% no-repeat;
    padding-right: 520px;
    position: relative;
    text-align: left;
    margin-top: 120px;
}

.platos-gourmet .sello-nutriscore h2 {
    font-family: 'highvoltage_roughregular';
    text-transform: uppercase;
    font-size: 54px;
    color: #10213c;
    position: relative;
    padding-bottom: 15px;
}

.platos-gourmet .sello-nutriscore h2::before {
    width: 400px;
    height: 10px;
    content: '';
    display: inline-block;
    background: url(/img/platos-gourmet/trazo.svg) center/100% no-repeat;
    position: absolute;
    left: -55px;
    bottom: 0;
}

.platos-gourmet .sello-nutriscore p {
    color: #13223d;
    font-size: 18px;
}

.platos-gourmet .sello-nutriscore p strong {
    font-weight: bold;
}

.platos-gourmet .sello-nutriscore .imagenes-cubiertos {
    position: absolute;
    right: -50px;
    top: 50%;
    transform: translateY(-50%);
    max-width: 560px;
}

.platos-gourmet .sello-nutriscore .nutriscore {
    display: none;
}

.intro-platos {
    padding: 100px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.intro-platos p {
    font-size: 26px;
    color: #85754e;
    font-family: 'Raleway';
    max-width: 870px;
    text-align: center;
    display: inline-block;
}

.intro-platos p strong {
    font-weight: bold;
}

.contenedor-tips-platos {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin-top: 50px;
    margin-bottom: 140px;
    background: url(/img/platos-gourmet/background-platos.png) center/cover no-repeat;
    background-position: bottom;
    background-size: contain;
}

.tips-platos {
    display: flex;
    justify-content: center;
    padding-top: 50px;
}

.contenedor-tips-platos .tips-platos .alubias {
    position: absolute;
    left: -80px;
    top: -90px;
    max-width: 180px;
}

.contenedor-tips-platos .tips-platos .almejas {
    position: absolute;
    right: -120px;
    bottom: -60px;
    max-width: 180px;
    padding-top: 50px;
}

.tips-platos img {
    max-width: 80%;
}

.contenedor-tips-platos .plato {
    width: 35vw;
    height: 35vw;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding-top: 50px;
}

.contenedor-tips-platos .plato .descripcion-producto {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100%;
    max-width: 90%;
    padding: 50px;
    box-sizing: border-box;
    transform: translate(-50%, 50%);
    background: url(/img/platos-gourmet/background-desc-producto.png) center/100% no-repeat;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-height: 240px;
}

.contenedor-tips-platos .plato .descripcion-producto h2 {
    text-transform: uppercase;
    font-family: 'highvoltage_roughregular';
    color: #13223d;
    padding-bottom: 10px;
    position: relative;
    font-size: 36px;
}

.contenedor-tips-platos .plato .descripcion-producto h2::before {
    width: 100px;
    height: 8px;
    content: '';
    display: inline-block;
    background: url(/img/platos-gourmet/trazo.svg) center/100% no-repeat;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}


.contenedor-tips-platos .plato .descripcion-producto p {
    color: #13223d;
    font-size: 18px;
}

.contenedor-tips-platos .plato img {
    max-width: 90%;
}

.contenedor-tips-platos .plato .claim {
    position: absolute;
    left: 50%;
    top: 40px;
    min-height: 258px;
    max-width: 450px;
    width: 100%;
    transform: translateX(-50%);
    padding: 20px;
    padding-top: 40px;
    background: url(/img/platos-gourmet/borde.svg) center/100% no-repeat;
    box-sizing: border-box;
}

.contenedor-tips-platos .plato .claim p {
    font-family: 'dearjoe_6regular';
    margin: 0;
}

.platos-gourmet .contenedor-videos .perejil {
    position: absolute;
    left: 0;
    bottom: -60px;
}

.platos-gourmet .contenedor-videos .pimenton {
    position: absolute;
    right: 0;
    bottom: -140px;
}

.platos-gourmet .premios {
    display: flex;
    width: 65%;
    background-color: #edd4b5;
    box-shadow: #00000094 0px 4px 20px 1px;
    padding: 50px 40px;
    margin-bottom: 100px;
}

.contenedor-videos .premios .images {
    max-width: 50%;
    position: relative;
    left: 15%;
}

.contenedor-videos .premios .text {
    max-width: 50%;
    margin-top: 10px;

    font-family: "raleway";
    font-weight: 700;
    font-size: 24px;
}

.contenedor-videos .premios .text p {
    padding-left: 20px;
    display: flex;
    min-width: 680px;
}

.contenedor-videos .premios .text p a img {
    margin-left: 10px;
}

.contenedor-videos .premios .text img:first-child {
    margin-bottom: 30px;
}

.contenedor-videos .premios .images img {
    width: 100%;
    height: auto;

    margin-bottom: 20px;
}

.platos-gourmet .videos {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    max-width: 1200px;
    margin-bottom: 120px;
    width: 100%;
    flex-direction: column;
}

.platos-gourmet .videos .videos-content {
    width: 100%;
}

.platos-gourmet .videos .video {
    width: calc(50% - 60px);
    height: 303px;
    display: inline-block;
    background: black;
    margin-right: 25px;
    position: relative;
    z-index: 3;
    border: 5px solid #85754e;
}

.platos-gourmet .videos .videos-content:first-of-type {
    margin-bottom: 25px;
}

.platos-gourmet .videos .video:last-child {
    margin-right: 0;
}

@media screen and (max-width:1700px) {
    .contenedor-banner-platos .receta-gourmet {
        right: 4vw;
        bottom: 500px;
    }

    .contenedor-banner-platos .referencia-pescado {
        left: 30vw;
        bottom: 500px;
    }

    .intro-platos p {
        font-size: 20px;
    }

    .contenedor-tips-platos .plato .descripcion-producto {
        padding: 20px;
    }

    .platos-gourmet .premios {
        display: flex;
        flex-direction: column;
    }

    .platos-gourmet .premios .text {
        min-width: 100%;
        padding-left: 0px;
    }

    .platos-gourmet .premios .text img {
        width: 100%;
        margin-bottom: 10px;
    }

    .platos-gourmet .premios .text p {
        padding: 0px;
        text-align: center;
        min-width: 100%;
    }

    .platos-gourmet .premios .text a {
        height: 20px;
        width: 20px;
    }

    .contenedor-videos .premios .images {
        min-width: 100%;
        position: relative;
        left: 0%;

        margin-top: 40px;
    }

    .contenedor-videos .premios .images img {
        max-width: 650px;
    }
}

@media screen and (max-width:1500px) {
    .contenedor-banner-platos .referencia-pescado {
        left: 28vw;
        bottom: 450px;
    }
}

@media screen and (max-width:1450px) {

    header nav>ul>li {
        padding: 0;
    }

    .contenedor-banner-platos .receta-gourmet {
        left: auto;
        right: 50px;
        bottom: 400px;
        max-width: 200px;
    }

    .contenedor-banner-platos .referencia-pescado {
        left: 28vw;
        bottom: 400px;
    }

    .banner-campo {
        padding-bottom: 220px;
    }
}

@media screen and (max-width:1350px) {
    .contenedor-banner-platos h2 {
        top: 170px;
        font-size: 42px;
    }

    .contenedor-banner-platos h3 {
        font-size: 30px;
        top: 210px;
    }

    .contenedor-banner-platos .receta-gourmet {
        margin-left: 260px;
    }

    .contenedor-tips-platos .plato .claim {
        max-width: 370px;
        min-height: 208px;
    }

    .contenedor-banner-platos .referencia-pescado {
        bottom: 370px;
    }

    .contenedor-tips-platos .plato .descripcion-producto {
        background: url(/img/platos-gourmet/fondo-craft.jpg) center/cover no-repeat;
        min-height: 0;
        border: 5px solid #85754e;
        transform: translate(-50%, 61%);
    }
}

@media screen and (max-width:1250px) {
    .platos-gourmet .sello-nutriscore .imagenes-cubiertos {
        max-width: 400px;
    }

    .contenedor-banner-platos .referencia-pescado {
        left: 30vw;
        bottom: 350px;
        max-width: 180px;
    }

    .platos-gourmet .sello-nutriscore p {
        max-width: 100%;
    }

    .platos-gourmet .sello-nutriscore {
        padding-right: 350px;
        background-size: cover;
    }

    .platos-gourmet .videos {
        margin-bottom: 50px;
        margin-top: 50px;
        justify-content: center;
        padding: 0 20px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    .platos-gourmet .videos .fabes {
        max-width: 450px;
        transform: translate(20px, -50%);
        top: 30px;
        display: none;
    }

    .platos-gourmet .contenedor-videos {
        padding-top: 80px;
    }

    .platos-gourmet .contenedor-videos .texto {
        padding-left: 0;
        flex-direction: column;
        justify-content: center;
    }

    .platos-gourmet .contenedor-videos .texto img {
        max-width: 400px;
    }

    .platos-gourmet .videos .videos-content:first-of-type {
        margin-bottom: 0px;
    }

    .platos-gourmet .contenedor-videos h2 {
        text-align: center;
    }

    .platos-gourmet .contenedor-videos p {
        text-align: center;
        margin: 0 auto;
        margin-top: 50px;
    }

    .platos-gourmet .videos .video {
        margin-bottom: 20px;
        margin-right: 0;
        width: 100%;
        max-width: 570px;
    }

    .platos-gourmet .contenedor-videos {
        overflow: hidden;
    }




}

@media screen and (max-width:1150px) {

    .banner-platos {
        display: none;
    }

    .banner-platos-mvl {
        display: inline-block;
        max-width: 100%;
    }

    .contenedor-banner-platos h3 {
        top: 220px;
    }

    .contenedor-banner-platos .receta-gourmet {
        right: 45%;
        margin-left: 0;
        bottom: auto;
        top: 270px;
        max-width: 160px;
        margin-right: -80px;
    }

    .contenedor-banner-platos .referencia-pescado {
        left: 40%;
        margin-left: 0;
        bottom: auto;
        top: 300px;
        max-width: 160px;
        margin-left: -80px;
    }

    .contenedor-banner-platos .referencia-premios {
        bottom: -180px;
    }

    .contenedor-banner-platos .referencia-premios p {
        width: 50%;
    }

    .intro-platos {
        padding: 160px 20px;
    }

    .contenedor-tips-platos {
        flex-wrap: wrap;
    }

    .contenedor-tips-platos .tips-platos {
        position: relative;
        order: -1;
        left: auto;
        top: auto;
        transform: none;
        max-width: 450px;
        width: 100%;
        height: auto;
        background: url(/img/platos-gourmet/fondo-craft.jpg) center/cover no-repeat;
        min-height: 0;
        padding: 20px;
        border: 5px solid #85754e;
        margin-bottom: 30px;
        box-sizing: border-box;
    }

    .contenedor-tips-platos .plato {
        width: 100%;
        max-width: 600px;
        margin-bottom: 100px;
        height: auto;
        padding-bottom: 100px;
        padding-top: 120px;
    }

    .contenedor-tips-platos .plato img {
        max-width: 350px;
        position: relative;
        z-index: 3;
        width: 100%;
        background: url(/img/platos-gourmet/background-cebollas.png) center/cover no-repeat;
        margin-top: -30px;
    }

    .contenedor-tips-platos {
        background-image: none;
    }

    .contenedor-tips-platos {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-bottom: 0;
    }

    .contenedor-tips-platos .plato .descripcion-producto {
        z-index: 4;
        position: absolute;
    }

}

@media screen and (max-width:900px) {
    .banner-campo {
        padding-bottom: 140px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .banner-campo p {
        font-size: 22px;
    }

    .platos-gourmet .sello-nutriscore .imagenes-cubiertos {
        max-width: 200px;
        display: none;
    }

    .platos-gourmet .sello-nutriscore .nutriscore {
        display: inline-block;
        margin-top: 30px;
        max-width: 200px;
        margin-bottom: 20px;
    }

    .platos-gourmet .sello-nutriscore {
        padding: 25px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .platos-gourmet .contenedor-videos .pimenton,
    .platos-gourmet .contenedor-videos .perejil {
        display: none;
    }

    .platos-gourmet .contenedor-videos {
        padding-bottom: 50px;
        margin-bottom: 0;
    }

    .platos-gourmet .contenedor-videos p {
        margin-top: 20px;
    }

    .platos-gourmet .contenedor-videos h2 {
        margin-top: 20px;
    }
}


@media screen and (max-width:810px) {
    .platos-gourmet .videos .video {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .platos-gourmet .contenedor-videos h2 {
        font-size: 36px;
    }

    .platos-gourmet .videos .video {
        height: 47vw;
    }

    section.homeHeader .owl-carousel .owl-item .item.banner-lanzamientos a img {
        margin-bottom: 60px;
        height: 100%;
    }
}

@media screen and (max-width:770px) {
    .platos-gourmet .sello-nutriscore h2 {
        font-size: 44px;
    }

    .contenedor-banner-platos h2 {
        top: 120px;
        font-size: 38px;
    }

    .contenedor-banner-platos h3 {
        top: 180px;
        font-size: 28px;
    }

    .contenedor-banner-platos .referencia-premios p {
        font-size: 28px;
        width: 80%;
    }

    .contenedor-banner-platos .receta-gourmet {
        top: 220px;
    }

    .contenedor-banner-platos .referencia-pescado {
        left: 36%;
        top: 240px;
    }

    .tips-platos img {
        max-width: 100%;
    }

    section.homeHeader .owl-carousel .owl-item .item.banner-lanzamientos a img {
        margin-bottom: 80px;
        height: 100%;
    }
}

@media screen and (max-width:540px) {

    .banner-campo {
        padding-bottom: 80px;
    }

    .banner-campo h2 {
        font-size: 42px;
    }

    .platos-gourmet .sello-nutriscore h2 {
        padding-bottom: 0;
    }

    .platos-gourmet .sello-nutriscore h2::before {
        display: none;
    }

    .contenedor-banner-platos h2 {
        font-size: 30px;
        top: 110px;
    }

    .contenedor-banner-platos h3 {
        font-size: 24px;
        padding: 0 10px;
        box-sizing: border-box;
        top: 160px;
    }

    .contenedor-banner-platos .receta-gourmet {
        max-width: 130px;
        margin-right: -65px;
        top: 200px;
    }

    .contenedor-banner-platos .referencia-pescado {
        left: 36%;
        top: 220px;
        margin-left: -80px;
        max-width: 130px;
    }

    .contenedor-banner-platos .referencia-premios p {
        font-size: 24px;
        width: 100%;
    }
}

@media screen and (max-width:430px) {

    .banner-campo {
        padding-bottom: 80px;
    }

    .banner-campo p {
        font-size: 18px;
    }

    .banner-campo h2 {
        font-size: 30px;
    }

    .contenedor-banner-platos h2 {
        font-size: 22px;
        top: 100px;
    }

    .contenedor-banner-platos h3 {
        font-size: 18px;
        padding: 0 10px;
        box-sizing: border-box;
        top: 125px;
    }

    .contenedor-banner-platos .receta-gourmet {
        max-width: 90px;
        margin-left: -45px;
        top: 150px;
    }

    .contenedor-banner-platos .referencia-pescado {
        top: 160px;
        margin-left: -30px;
        max-width: 90px;
    }

    .contenedor-tips-platos .plato .descripcion-producto h2 {
        font-size: 28px;
    }

    .contenedor-tips-platos .plato .descripcion-producto p {
        font-size: 16px;
    }

    .platos-gourmet .contenedor-videos h2 {
        font-size: 26px;
    }

    .platos-gourmet .contenedor-videos p {
        font-size: 18px;
    }

    .intro-platos p {
        font-size: 16px;
    }
}


#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
    background: #a9a9a9 !important;
    border: none !important;
}

/* PÁGINA EN SOSTENIBILIDAD */
.sostenibilidad-page {
    overflow-x: hidden;
}

.sostenibilidad-page .container {
    max-width: 1300px;
    margin: 0 auto;
    width: 100%;
}

.sostenibilidad-page * {
    color: #464748;
}

.header-sostenibilidad {
    height: calc(100vh - 200px);
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 60px;
    position: relative;
}

.header-sostenibilidad .background-img {
    position: absolute;
    width: 100%;
    height: inherit;
    object-position: center center;
    object-fit: cover;
    bottom: 0;
}

.header-sostenibilidad .container h1 {
    font-family: 'Dolly';
    color: white;
    font-size: 55px;
    line-height: 1.1em;
    text-shadow: 4px 3px 5px rgb(0 0 0 / 60%);
    margin-bottom: 30px;
}

.header-sostenibilidad .contruccion-tag {
    position: absolute;
    top: 163px;
    left: -115px;
    color: white;
    font-family: "Acumin Pro Condensed";
    text-transform: uppercase;
    font-size: 0px;
    line-height: 1.2em;
    display: flex;
    justify-content: center;
    line-height: 82px;
    transform: rotate(-45deg);
    width: 315px;
    height: 0;
    border-right: 80px solid transparent;
    border-left: 90px solid transparent;
    border-bottom: 80px solid #979797;
    text-align: center;
    box-shadow: -14px 10px 16px -6px rgb(0 0 0 60%);
    -webkit-box-shadow: -1px 9px 5px -6px rgba(0, 0, 0, 0.60);
    -moz-box-shadow: -1px 9px 5px -6px rgba(0, 0, 0, 0.60);
}

.img-text-pagConstru {
    position: absolute;
    top: 92px;
    left: 29px;
    z-index: 1;
    width: 100%;
    max-width: 210px;
}

.banner-comprometidos {
    background: linear-gradient(114.69deg, #00662C 22.8%, #32A432 75.55%);
    padding: 45px 0;
}

.banner-comprometidos .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.banner-comprometidos img {
    width: 100%;
    max-width: 97px;
    margin-right: 25px;
}

.banner-comprometidos h2 {
    font-family: 'back_to_black_demoregular';
    font-size: 43px;
    color: white;
}

.descripcion-sostenibilidad {
    background-image: url(/img/sostenibilidad/bg-manos.jpg);
    padding: 80px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.descripcion-sostenibilidad .container {
    background: #ffffffbf;
    padding: 20px 40px;
    position: relative;
    max-width: 855px;
    min-height: 350px;
}

.descripcion-sostenibilidad .container p {
    font-size: 18px;
    font-family: 'Raleway';
    line-height: 1.4em;
}

.descripcion-sostenibilidad .container p strong {
    font-weight: 800;
}

.descripcion-sostenibilidad .container p.title {
    font-weight: 800;
    font-size: 20px;
    margin-bottom: 20px;
    display: inline-block;
    text-align: center;
}

.descripcion-sostenibilidad .container .img-box {
    padding-left: 220px;
}

.descripcion-sostenibilidad .container .img-box p {
    margin-top: 20px;
}

.descripcion-sostenibilidad .container .img-box img {
    width: 100%;
    max-width: 200px;
    position: absolute;
    bottom: 0;
    left: 27px;
}

.grid-envases {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    min-height: 500px;
    height: 100%;
}

.grid-envases .envase {
    width: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.grid-envases .envase a {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.grid-envases .envase .container .title {
    font-family: 'back_to_black_demoregular';
    font-size: 40px;
    line-height: 45px;
    max-width: 240px;
}

.grid-envases .envase .background-img {
    position: absolute;
    width: 100%;
    height: -webkit-fill-available;
    object-position: center center;
    object-fit: cover;
}

.grid-envases .envase a .container {
    background: #ffffffbf;
    padding: 20px 40px;
    display: flex;
    max-width: 490px;
    text-align: center;
    justify-content: space-evenly;
    flex-direction: column;
    align-items: center;
    height: 60%;
    padding: 0;
}

.banner-logo-sostenible {
    background-image: url(/img/sostenibilidad/bg-arboles.jpg);
    padding: 120px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.banner-logo-sostenible img {
    width: 100%;
    max-width: 500px;
}

.header-sostenibilidad-interna {
    height: auto;
    min-height: 315px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 55px;
}

.header-sostenibilidad-interna .container {
    padding: 20px;
    text-align: center;
    background: #ffffffbf;
}

.header-sostenibilidad-interna.-envases-conservas {
    background-image: url('/img/sostenibilidad/header-sostenibilidad-envases-conservas.jpg');
}

.header-sostenibilidad-interna.-envases-microondables {
    background-image: url('/img/sostenibilidad/header-sostenibilidad-envases-microondables.jpg');
}

.header-sostenibilidad-interna .container {
    max-width: 900px;
}

.header-sostenibilidad-interna .title {
    font-size: 24px;
    font-weight: bold;
    color: #464748;
    line-height: 1.2em;
}

.sostenibilidad-page .volver {
    font-family: 'noteworthybold';
    font-weight: 400;
    font-size: 15px;
    color: #404040;
    padding-left: 16px;
    background-image: url(../img/back.png);
    background-position: left 7px;
    text-decoration: underline;
    background-repeat: no-repeat;
}

.info-sostenibilidad {
    padding-top: 30px;
}



.grid-envases.-pagina-interna .envase .container .title {
    max-width: 80%;
}

.grid-envases.-pagina-interna .envase.-envases-conservas-1 .background-img,
.grid-envases.-pagina-interna .envase.-envases-microondables-2 .background-img {
    position: absolute;
    width: 100%;
    height: -webkit-fill-available;
    object-position: center center;
    object-fit: cover;
}

.grid-envases.-pagina-interna .envase {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.grid-envases.-pagina-interna .envase .container {
    background: #ffffffbf;
    padding: 20px 40px;
    display: flex;
    max-width: 400px;
    text-align: center;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    height: 70%;
    padding: 0;
    position: absolute;
}

.grid-envases.-pagina-interna .envase.bg-info {
    cursor: initial;
    background: linear-gradient(114.69deg, #00662C 22.8%, rgba(50, 164, 50, 1) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
}

.grid-envases.-pagina-interna .envase.bg-info .info-extra {
    color: white;
    margin-top: 20px;
    padding: 0 20px;
    text-align: center;
}

.grid-envases.-pagina-interna.-envases-microondables .envase.bg-info img {
    height: 250px;
}

.grid-envases.-pagina-interna .envase.bg-info img {
    width: 100%;
    height: 300px;
    object-fit: contain;
    object-position: center;
}

.sostenibilidad-page .grid-envases.-pagina-interna article:hover aside span,
.sostenibilidad-page .grid-envases.-pagina-interna article:focus aside span {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
}

.grid-envases.-pagina-interna .envase.bg-info aside:hover span,
.grid-envases.-pagina-interna .envase.bg-info aside:focus span {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}

.grid-envases.-pagina-interna .envase.bg-info aside {
    background: white;
    cursor: pointer;
}

.grid-envases.-pagina-interna .envase.bg-info .container.off {
    display: none;
}

.grid-envases.-pagina-interna .envase.bg-info .container {
    background: #ffffffe6;
    position: absolute;
    top: 5%;
    left: 5%;
    right: 5%;
    width: 85%;
    height: 85%;
    max-width: 85%;
}

.grid-envases.-pagina-interna .envase.bg-info .container .container-text {
    padding: 40px;
    text-align: center;
    cursor: initial;
}

.grid-envases.-pagina-interna .envase.bg-info .container .container-text .cerrar {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 100%;
    max-width: 22px;
    cursor: pointer;
    height: 25px;
}

.grid-envases.-pagina-interna .envase.bg-info .container .container-text p {
    font-size: 18px;
    line-height: 24px;
    font-family: 'Raleway';
    color: #464748;
    max-width: 860px;
    text-align: center;
    display: inline-block;
    margin-top: 0;
    margin-bottom: 20px;
}

.grid-envases.-pagina-interna .envase.bg-info .container .container-text p.text-informativo {
    text-align: left;
    background-image: url(/img/sostenibilidad/icon-reciclaje.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 36px;
    padding-left: 51px;
    max-width: 550px;
    font-style: italic;
    margin-bottom: 0;
    min-height: 37px;
    padding-top: 10px;
}

.grid-envases.-pagina-interna .envase.bg-info .container .container-text p.text-informativo.-contenedor-amarillo {
    background-image: url(/img/sostenibilidad/icon-reciclaje-amarillo.svg);
}

.grid-envases.-pagina-interna .envase.bg-info .container .container-text p.text-informativo.-contenedor-azul {
    background-image: url(/img/sostenibilidad/icon-reciclaje-azul.svg);
}

.grid-envases.-pagina-interna .envase.bg-info .container .container-text p.text-informativo strong {
    font-style: italic;
}

.grid-contenedores {
    background: linear-gradient(114.69deg, #00662C 22.8%, rgba(50, 164, 50, 1) 100%);
    padding: 55px 20px;

}

.grid-contenedores .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}

.grid-contenedores .container .grid {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: calc(100% / 4 - 80px);
    text-align: center;
    padding: 0 40px;
}

.grid-contenedores .container .grid span {
    color: white;
    font-size: 18px;
    font-weight: 700;
    margin-top: 20px;
    max-width: 200px;
}

.grid-contenedores .container .grid img {
    width: 100%;
    max-width: 78px;
}

.informacion-mundo-sostenible {
    background: linear-gradient(114.69deg, #00662C 22.8%, rgba(50, 164, 50, 1) 100%);
    padding: 55px 20px;
}

.informacion-mundo-sostenible .title {
    font-family: 'back_to_black_demoregular';
    color: white;
    text-align: center;
    font-size: 36px;
}

.informacion-mundo-sostenible .descripcion {
    font-size: 18px;
    color: white;
    line-height: 24px;
    text-align: center;
    max-width: 1000px;
    margin: 0 auto;
    margin-bottom: 40px;
}

.informacion-mundo-sostenible .img-main {
    width: 100%;
    max-width: 180px;
    margin: 0 auto;
    display: flex;
    margin-bottom: 25px;
}

.informacion-mundo-sostenible .grid-2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    margin-top: 20px;
}

.informacion-mundo-sostenible .grid-2 .grid {
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.informacion-mundo-sostenible .grid-2 .grid span,
.informacion-mundo-sostenible .grid-2 .grid span strong {
    font-size: 18px;
    color: white;
    line-height: 24px;
    max-width: 210px;
    text-align: center;
}

.informacion-mundo-sostenible .grid-2 .grid img {
    width: 100%;
    max-width: 110px;
    margin-bottom: 10px;
}

.film-container {
    background: #97C21D;
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px 40px;
    margin-top: 70px;
}

.film-container .title,
.film-container p,
.film-container p strong {
    color: #02662D;
}

.film-container p {
    font-size: 18px;
    text-align: left;
    line-height: 24px;
    width: 100%;
}

.film-container .grid-2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 20px;
}

.film-container .grid-2 .grid:first-of-type {
    width: 160px;
}

.film-container .grid-2 .grid:first-of-type img {
    width: 100%;
    max-width: 100%;
}

.film-container .grid-2 .grid:last-of-type {
    width: calc(100% - 200px);
    padding-left: 40px;
}

.film-container .grid-2 .grid li {
    background-image: url(/img/sostenibilidad/check-icon.svg);
    background-repeat: no-repeat;
    background-size: 55px;
    min-height: 55px;
    background-position: left center;
    display: flex;
    padding-bottom: 7px;
    align-items: center;
    padding-left: 62px;
}

@media screen and (max-width:1300px) {
    .sostenibilidad-page .volver {
        margin-left: 20px;
    }
}

@media screen and (max-width:1200px) {
    .grid-envases.-pagina-interna .envase.bg-info .container .container-text {
        overflow-y: scroll;
    }
}

@media screen and (max-width:1100px) {

    .banner-logo-sostenible,
    .descripcion-sostenibilidad {
        background-attachment: initial;
    }
}

@media screen and (max-width:1000px) {
    .header-sostenibilidad .container h1 {
        font-size: 40px;
    }

    .banner-comprometidos h2 {
        font-size: 30px;
    }

    .grid-envases .envase a .container {
        max-width: 300px;
    }

    .grid-contenedores .container .grid {
        width: 48%;
        padding: 0 0 30px 0;
    }

}

@media screen and (max-width:820px) {
    .descripcion-sostenibilidad .container p {
        font-size: 16px;
        text-align: center;
    }

    .descripcion-sostenibilidad .container p.title {
        font-size: 16px;
    }

    .descripcion-sostenibilidad {
        padding: 40px 20px;
        min-height: auto;
    }

    .descripcion-sostenibilidad .container .img-box {
        padding-left: 0;
    }

    .descripcion-sostenibilidad .container .img-box img {
        width: 100%;
        max-width: initial;
        position: absolute;
        bottom: 0;
        left: 0;
        opacity: 0.2;
        height: 100%;
        right: 0;
    }

    .grid-envases .envase {
        width: 100%;
        min-height: 300px;
    }

    .grid-envases .envase a .container {
        max-width: 90%;
    }

    .grid-envases .envase .container .title {
        font-size: 33px;
        line-height: 1em;
        max-width: 210px;
    }

    .banner-logo-sostenible {
        padding: 50px 20px;
    }

    .header-sostenibilidad-interna.-envases-conservas,
    .header-sostenibilidad-interna.-envases-microondables {
        padding: 0 20px 20px 20px;
    }

    .header-sostenibilidad-interna .title {
        margin-top: 0;
        font-size: 18px;
    }

    .grid-envases.-pagina-interna:last-of-type {
        flex-direction: column-reverse;
    }

    .grid-envases.-pagina-interna .envase .container {
        height: auto;
        padding: 40px 0px;
        max-width: 90%;
    }

    .grid-envases.-pagina-interna .envase.bg-info img {
        max-height: 215px;
    }

    .grid-envases.-pagina-interna .envase.bg-info .container .container-text p,
    .informacion-mundo-sostenible .descripcion,
    .informacion-mundo-sostenible .grid-2 .grid span,
    .informacion-mundo-sostenible .grid-2 .grid span strong {
        font-size: 16px;
        line-height: 1.2em;
        margin-bottom: 10px;
    }

    .grid-envases.-pagina-interna .envase.bg-info .container {
        background: #ffffffe6;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        max-width: fit-content;
        padding: 10px;
    }

    .grid-envases.-pagina-interna .envase.bg-info .container .container-text .cerrar {
        right: 10px;
        top: 10px;
        height: 18px;
    }

    .grid-envases.-pagina-interna .envase.bg-info {
        overflow: hidden;
        min-height: 400px;
    }

    .grid-envases.-pagina-interna .envase.bg-info .container .container-text {
        padding: 20px;
    }

    .grid-contenedores .container .grid {
        width: 100%;
        padding: 0;
        margin-bottom: 34px;
    }

    .grid-contenedores .container {
        margin: 0;
        padding: 0;
    }

    .grid-contenedores .container .grid span {
        font-size: 16px;
        max-width: 100%;
    }

    .grid-contenedores .container .grid img {
        max-width: 60px;
    }

    .grid-contenedores {
        padding: 20px 20px 0 20px;
    }

    .contenedores-sostenibilidad h2,
    .contenedor-mundo-sostenible h2,
    .informacion-mundo-sostenible .title {
        font-size: 30px;
        line-height: 1.2em;
        margin: 20px 0;
    }

    .informacion-mundo-sostenible .grid-2 .grid {
        width: 100%;
        margin-bottom: 20px;
    }

    .film-container {
        padding: 20px;
        margin-top: 10px;

    }

    .film-container .grid-2 {
        justify-content: center;
        align-items: center;
    }

    .film-container .grid-2 .grid:last-of-type {
        width: 100%;
        padding-left: 0;
    }

    .film-container .grid-2 .grid li {
        background-size: 35px;
        min-height: 40px;
        background-position: 0 20px;
        display: flex;
        padding-bottom: 0;
        align-items: flex-start;
        padding-left: 40px;
    }
}

@media screen and (max-width:700px) {
    .header-sostenibilidad .contruccion-tag {
        top: 63px;
        left: 0;
        transform: none;
        right: initial;
        font-size: 18px;
        line-height: 18px;
        border: 0;
        background: #979797a1;
        height: auto;
        padding: 25px 0 15px 0px;
        width: 100%;
        box-shadow: -1px 8px 18px -6px rgb(0 0 0 / 60%);
        -webkit-box-shadow: -1px 8px 18px -6px rgb(0 0 0 / 60%);
    }

    .header-sostenibilidad .img-text-pagConstru {
        display: none;
    }

    .header-sostenibilidad .container h1 {
        font-size: 30px;
    }

    .banner-comprometidos h2 {
        width: 100%;
        text-align: center;
        font-size: 22px;
        margin-top: 21px;
    }

    .banner-comprometidos img {
        width: 100%;
        max-width: 80px;
        margin-right: 0;
    }

    .banner-comprometidos {
        padding: 25px 0;
    }

    .descripcion-sostenibilidad .container {
        padding: 20px;
    }


}

.historiaAniversario {
    background-image: url(../img/historia/madera.webp);
    background-repeat: repeat-y;
    background-size: 100%;
    background-position: center center;
    background-attachment: fixed;
    height: 100vh;
    position: relative;
    overflow: hidden;
}

.historiaAniversario .postal-antigua,
section.homeHeader .owl-carousel .owl-item .item img.postal-antigua {
    height: 97vh;
    width: auto;
    object-fit: contain;
    position: absolute;
    top: 5vh;
    right: 0;
    left: 0;
    margin: 0 auto;
    z-index: 2;
    max-width: 60vw;
}

.historiaAniversario .history-instagram,
section.homeHeader .owl-carousel .owl-item .item img.history-instagram {
    position: absolute;
    bottom: 13vh;
    right: -20vw;
    left: 0;
    margin: 0 auto;
    max-height: 60vh;
    width: auto;
    object-fit: contain;
    z-index: 3;
    max-width: 100%;
    animation-delay: 0.7s;

}

.historiaAniversario .deco-left-1,
section.homeHeader .owl-carousel .owl-item .item img.deco-left-1 {
    position: absolute;
    top: 4vh;
    max-height: 55vh;
    left: 13vw;
    object-fit: contain;
    width: auto;
    max-width: 100%;
    animation-delay: 0.1s;
}

.historiaAniversario .deco-left-2,
section.homeHeader .owl-carousel .owl-item .item img.deco-left-2 {
    position: absolute;
    top: 44vh;
    max-height: 35vh;
    left: 0;
    object-fit: contain;
    width: auto;
    max-width: 100%;
    animation-delay: 0.6s;

}

.historiaAniversario .deco-left-3,
section.homeHeader .owl-carousel .owl-item .item img.deco-left-3 {
    position: absolute;
    bottom: 1vh;
    max-height: 40vh;
    left: -2vw;
    height: auto;
    z-index: 1;
    width: auto;
    object-fit: contain;
    max-width: 100%;
    animation-delay: 0.2s;
    z-index: 3;
}

.historiaAniversario .deco-right-1,
section.homeHeader .owl-carousel .owl-item .item img.deco-right-1 {
    position: absolute;
    top: 5vh;
    max-height: 52vh;
    right: 13vw;
    object-fit: contain;
    width: auto;
    z-index: 1;
    max-width: 100%;
    animation-delay: 0.4s;
}

.historiaAniversario .deco-right-2,
section.homeHeader .owl-carousel .owl-item .item img.deco-right-2 {
    position: absolute;
    top: 23vh;
    max-height: 41vh;
    right: 10vw;
    object-fit: contain;
    width: auto;
    max-width: 100%;
    animation-delay: 0.5s;

}

.historiaAniversario .deco-right-3,
section.homeHeader .owl-carousel .owl-item .item img.deco-right-3 {
    position: absolute;
    bottom: 0vh;
    max-height: 23vw;
    right: 4vw;
    height: auto;
    z-index: 1;
    width: auto;
    object-fit: contain;
    max-width: 100%;
    animation-delay: 0.3s;
}

.historiaAniversario .deco-right-4,
section.homeHeader .owl-carousel .owl-item .item img.deco-right-4 {
    position: absolute;
    bottom: 50px;
    max-height: 38vh;
    right: 0;
    height: auto;
    z-index: 1;
    width: auto;
    object-fit: contain;
    max-width: 100%;
    left: 0;
    margin: 0 auto;
}

.aniversario-section {
    display: none;
    padding: 50px 0;
}

.aniversario-section h3 {
    background: #FFED00;
    text-align: center;
    width: fit-content;
    margin: 0 auto;
    font-size: 37px;
    font-weight: 600;
    font-family: "Barlow Condensed", sans-serif;
}

.aniversario-section h3 strong {
    font-weight: 800;
    font-family: "Barlow Condensed", sans-serif;
}

.aniversario-section .section-bg {
    background-image: url(../img/historia/banner-150.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 50px 0;
    margin-top: 30px;
}


.aniversario-section .section-bg a.btn-aside {
    overflow: hidden;
    width: 320px;
    display: inline-block;
    position: relative;
    height: 43px;
}

.aniversario-section .section-bg a.btn-aside span {
    background: #FFED00;
    color: #404040;
    padding: 10px 20px;
    text-align: center;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 22px;
    position: absolute;
    min-width: 280px;
    right: 0;
    left: 0;
    bottom: 0;
    transition: transform 0.3s;
}

.aniversario-section .section-bg a.btn-aside span::before {
    content: attr(data-hover);
    background: #ffffff;
    color: #404040;
    padding: 10px 20px;
    text-align: center;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 22px;
    font-weight: bold;
    position: relative;
    position: absolute;
    right: 0;
    left: 0;
    min-width: 280px;
    bottom: -100%;


}

.aniversario-section .section-bg a.btn-aside:hover span {
    transform: translateY(-100%);
    transition: transform 0.3s;
}

.aniversario-section.-historia .title {
    color: white;
    text-align: center;
    width: fit-content;
    margin: 0 auto;
    font-size: 37px;
    font-weight: 400;
    font-family: "Barlow Condensed", sans-serif;
}

.aniversario-section .section-bg .container-slider {
    position: relative;
    margin-top: 120px;
    width: 100%;
    margin-bottom: 111px;
}

.cls-2 {
    fill: none;
    stroke: #fff;
    stroke-linecap: round;
    stroke-miterlimit: 10;
    stroke-width: 6px;
}

.cls-1 {
    fill: none;
    stroke: #fff;
    /* Color del trazo */
    stroke-width: 6px;
    stroke-linecap: round;
    stroke-dasharray: 6000;
    /* Longitud máxima del trazo */
    stroke-dashoffset: 6000;
    /* Inicialmente oculta */
    /* transition:  stroke-dashoffset 0.2s ease-out; */
    opacity: 1;
}

.aniversario-section .section-bg .container-slider .tira .owl-stage {
    display: flex;
    min-width: 100vw;
}

.aniversario-section .section-bg .container-slider .tira .owl-nav {
    display: flex;
    position: absolute;
    width: 100%;
    max-width: 24vw;
    margin: 0 auto;
    left: 0px;
    right: 0;
    top: 0;
    height: 100%;
}

.aniversario-section .section-bg .container-slider .tira .owl-prev {
    background: none !important;
    left: 0;
    width: 51px;
}

.aniversario-section .section-bg .container-slider .tira .owl-next {
    background: none !important;
    right: 0;
    width: 51px;
}

.aniversario-section .section-bg .container-slider .tira {
    overflow: hidden;
}

.aniversario-section .section-bg .container-slider .tira img {
    width: 100%;
    max-width: 100%;
    /* margin: 95px 6px; */
}

.tira .owl-item div {
    padding: 0 20px;
}

.aniversario-section .section-bg .container-slider .marco {
    position: absolute;
    right: 0;
    left: 0;
    top: -3vw;
    margin: 0 auto;
    width: 100%;
    max-width: 24vw;
    object-fit: contain;
}

.aniversario-section .section-bg .container-textos {
    position: relative;
    width: 100%;
}

.aniversario-section .section-bg .title {
    color: white;
    text-align: center;
    width: fit-content;
    margin: 0 auto;
    font-size: 37px;
    font-weight: 400;
    font-family: "Barlow Condensed", sans-serif;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: 0 auto;
    opacity: 0;
    animation: fadeOutAnimation 0.1s ease-in-out forwards;


}

.aniversario-section .section-bg .title.active {
    opacity: 1;
    animation: fadeInAnimation 2s ease-in-out forwards;
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }

    /* Comienza con opacidad 0 (invisible) */
    100% {
        opacity: 1;
    }

    /* Termina con opacidad 1 (totalmente visible) */
}

@keyframes fadeOutAnimation {
    0% {
        opacity: 1;
    }

    /* Comienza con opacidad 0 (invisible) */
    100% {
        opacity: 0;
    }

    /* Termina con opacidad 1 (totalmente visible) */
}

.aniversario-section.-historia {
    .waypoints {
        opacity: 0;
        /* Oculta el elemento inicialmente */
    }
}

.platos-refrigerados .waypoints,
.platos-refrigerados-categoria .waypoints {
    opacity: 0;

}

.animate__animated {
    animation-duration: 2s;
}

@media screen and (max-width:1600px) {
    .aniversario-section .section-bg .container-slider .marco {
        max-width: 24vw;
        top: -3vw;
    }
}


@media screen and (max-width:1090px) {
    .historiaAniversario {
        height: 50vh;
    }

    .historiaAniversario .postal-antigua,
    section.homeHeader .owl-carousel .owl-item .item img.postal-antigua {
        height: auto;
        width: 86vw;
        top: 10vh;
        right: 0;
        left: 0;

    }

    .historiaAniversario .postal-antigua,
    section.homeHeader .owl-carousel .owl-item .item img.postal-antigua {
        top: 10px;
        width: 90%;
    }

    .historiaAniversario .history-instagram,
    section.homeHeader .owl-carousel .owl-item .item img.history-instagram {
        bottom: 8vh;
        max-height: 420px;
    }

    .historiaAniversario .deco-left-1,
    section.homeHeader .owl-carousel .owl-item .item img.deco-left-1 {
        top: 9px;
        max-height: 217px;
        left: 0;
    }

    .historiaAniversario .deco-left-2,
    section.homeHeader .owl-carousel .owl-item .item img.deco-left-2 {
        top: 50%;
        max-height: 150px;
        left: -5px;
    }


    .historiaAniversario .deco-left-3,
    section.homeHeader .owl-carousel .owl-item .item img.deco-left-3 {
        max-height: 107px;
        bottom: 25px;
        left: 3px;
    }


    .historiaAniversario .deco-right-1,
    section.homeHeader .owl-carousel .owl-item .item img.deco-right-1 {
        top: 77px;
        max-height: 108px;
        right: 0;

    }

    .historiaAniversario .deco-right-2,
    section.homeHeader .owl-carousel .owl-item .item img.deco-right-2 {
        top: 220px;
        max-height: 251px;
        right: 0;
    }



    .historiaAniversario .deco-right-3,
    section.homeHeader .owl-carousel .owl-item .item img.deco-right-3 {
        bottom: 146px;
        max-height: 52px;
        right: -5px;
    }

    .historiaAniversario .deco-right-4,
    section.homeHeader .owl-carousel .owl-item .item img.deco-right-4 {
        bottom: 26px;
        max-height: 120px;
        right: 0;
    }

}

@media screen and (max-width:820px) {
    .aniversario-section .section-bg .container-slider .marco {
        max-width: 39vw;
        top: -4vw;
    }

    .aniversario-section .section-bg .container-slider .tira .owl-nav {
        max-width: 39vw;
    }

}

@media screen and (max-width:760px) {
    .historiaAniversario {
        height: 377px;
    }

    .historiaAniversario a.down.scrollingHistoria {
        width: 26px;
        height: 26px;
    }

    .historiaAniversario .postal-antigua {
        top: 0;
        max-width: 100%;
        height: 100%;
        bottom: 0;
    }

    .historiaAniversario .history-instagram,
    section.homeHeader .owl-carousel .owl-item .item img.history-instagram {
        bottom: 5px;
        width: 40%;
    }

    .historiaAniversario .history-instagram {
        bottom: 68px;
    }

    .historiaAniversario .deco-left-1,
    section.homeHeader .owl-carousel .owl-item .item img.deco-left-1 {
        top: 9px;
        max-height: 108px;
        left: 0;
    }

    .historiaAniversario .deco-left-1 {
        top: 64px;
    }

    .historiaAniversario .deco-left-2,
    section.homeHeader .owl-carousel .owl-item .item img.deco-left-2 {
        top: 129px;
        max-height: 60px;
        left: -5px;
    }

    .historiaAniversario .deco-left-2 {
        top: 201px;
    }


    .historiaAniversario .deco-left-3,
    section.homeHeader .owl-carousel .owl-item .item img.deco-left-3 {
        bottom: 25px;
        left: -13px;
        max-height: 83px;
    }

    .historiaAniversario .deco-right-1,
    section.homeHeader .owl-carousel .owl-item .item img.deco-right-1 {
        right: 0;
        top: 15px;
    }

    .historiaAniversario .deco-right-1 {
        top: 67px;
    }

    .historiaAniversario .deco-right-2,
    section.homeHeader .owl-carousel .owl-item .item img.deco-right-2 {
        top: 70px;
        max-height: 110px;
        right: 0;
    }

    .historiaAniversario .deco-right-2 {
        top: 147px;

    }

    .historiaAniversario .deco-right-3,
    section.homeHeader .owl-carousel .owl-item .item img.deco-right-3 {
        bottom: 15px;
        max-height: 140px;
        right: -5px;
    }

    .historiaAniversario .deco-right-4,
    section.homeHeader .owl-carousel .owl-item .item img.deco-right-4 {
        bottom: 50px;
        max-height: 98px;
        right: 57px;
    }
}

@media screen and (max-width:600px) {

    .aniversario-section h3,
    .aniversario-section .section-bg .title {
        font-size: 28px;
    }

    .aniversario-section .section-bg .container-slider .marco,
    .aniversario-section .section-bg .container-slider .tira .owl-nav {
        max-width: 88%;
        left: 0;
    }

    .aniversario-section .section-bg .container-slider .tira .owl-prev,
    .aniversario-section .section-bg .container-slider .tira .owl-next {
        display: block !important;
    }

    .tira .owl-item div {
        display: flex;
    }

    .aniversario-section .section-bg .container-slider .tira img {
        width: 100%;
        max-width: 75%;
        margin: 0 auto;
    }

    .aniversario-section .section-bg .container-slider {
        margin-top: 86px;
        margin-bottom: 68px;
    }
}

.historiaBanner {
    display: grid;
    grid-template-columns: 35% 65%;
    gap: 0px;
    overflow: hidden;
}

.historiaBanner article {
    position: relative;
}

.historiaBanner article:first-of-type {
    position: relative;
    background-color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.historiaBanner article:first-of-type h2 {
    text-align: center;
    font-family: 'back_to_black_demoregular';
    font-size: 40px;
    line-height: 50px;
    padding-bottom: 20px;
    width: 60%;
    margin: 0px 5%;
    color: #404040;
    position: relative;
}

.historiaBanner article:first-of-type h2::before {
    content: '';
    width: 22%;
    height: 2px;
    background: #404040;
    position: absolute;
    bottom: 16px;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.historiaBanner article:first-of-type p {
    text-align: center;
    font-family: 'Raleway';
    font-size: 20px;
    font-weight: 400;
    color: #404040;
    width: 70%;
    margin: 0px 15%;
}

.historiaBanner article img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center center;
}

.historiaBanner article img.play {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    max-width: 105px;
    margin: 0 auto;
    object-fit: contain;
}

.aniversario-section.-historia {
    background-image: url(../img/historia/madera.webp);
    background-repeat: repeat-y;
    background-size: 100%;
    background-position: center center;
    background-attachment: fixed;
}

.container-postales {
    position: relative;
    max-width: 1800px;
    padding: 20px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.container-postales .postal {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    width: 50%;
    margin-bottom: -100px;
    position: relative;
}

.container-postales .postal:last-of-type {
    margin-bottom: 0;
}

.container-postales .postal:nth-of-type(1) {
    animation-delay: 1s;
}


.container-postales .postal.-right {
    margin-left: 30%;
}

.container-postales .postal.-left {
    margin-right: 30%;
}

.container-postales .postal:nth-of-type(1) {
    animation-delay: 1s;
}

.container-postales .postal.-casero {
    align-items: flex-start;
}

.container-postales .postal.-tradicion {
    animation-delay: 1.2s;
}

.container-postales .postal.-naturalidad {
    animation-delay: 1.3s;
}

.container-postales .postal.-sabor {
    transform: translateY(-30px);
    animation-delay: 1.4s;
}

.container-postales .postal.-casero {
    transform: translateY(111px);
    animation-delay: 1.5s;
}

.container-postales .postal.-innovacion {
    align-items: center;
    animation-delay: 1.7s;
}

.container-postales .postal img {
    max-width: 400px;
}

.container-postales .postal .text {
    width: calc(100% - 400px);
    padding-bottom: 46px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.container-postales .postal .text .title {
    font-size: 45px;
    color: #3d2c24;
    font-family: 'Raleway';
    font-weight: 900;
    opacity: 0.8;
    text-align: left;
    margin: 0;
    text-shadow: 2px 2px 10px rgb(255 255 255 / 63%);
}

.container-postales .postal .text .subtitle {
    font-size: 18px;
    color: white;
    font-family: 'Raleway';
    margin-top: 0;
    text-align: left;
}

.container-postales .postal.-right .text {
    align-items: flex-end;
}

.container-postales .postal.-right .text p {
    text-align: right;
}

.container-svg {
    position: absolute;
    top: 20px;
}

.container-svg svg {
    max-width: 100%;
}

.banner-historias {
    display: grid;
    grid-template-columns: 50% 50%;
}

.banner-historias section.historia2 article.text {
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 25%;
    width: 60%;
}

.banner-historias section.historia3 article.text {
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 25%;
    width: 60%;
}

.banner-historias section.historia2 {
    background-image: url(../img/historia/etiquetas-banner.jpg);
    background-size: contain;
    background-attachment: initial;
}

.banner-historias section.historia3 {
    background-image: url(../img/historia/banner-logo.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

@media screen and (max-width: 1350px) {
    .container-postales .postal.-right {
        margin-left: 45%;
    }

    .container-postales .postal.-left {
        margin-right: 45%;
    }
}

@media screen and (max-width: 1195px) {
    .container-postales .postal.-right {
        margin-left: 50%;
    }

    .container-postales .postal.-left {
        margin-right: 50%;
    }

    .container-postales .postal img {
        max-width: 350px;
    }

    .container-postales .postal .text .title {
        font-size: 30px;
    }

    .container-postales .postal .text .subtitle {
        font-size: 16px;
    }

    .container-postales .postal {
        align-items: center;
    }

    .container-postales .postal .text {
        width: calc(100% - 350px);
    }
}

@media screen and (max-width: 1050px) {
    .container-postales .postal {
        margin-bottom: -17px;
    }

    .container-postales .postal img {
        max-width: 280px;
    }

    .container-postales .postal .text {
        width: calc(100% - 300px);
    }

    .container-svg {
        top: -23px;
        width: 96%;
    }
}

@media screen and (max-width: 900px) {
    .historiaBanner {
        display: block;
        margin-bottom: -5px;
    }

    .historiaBanner article:first-of-type {
        padding: 40px 20px;
    }

    .container-postales .postal {
        width: 100%;
    }

    .container-postales .postal.-right {
        margin-left: 0;
    }

    .container-postales .postal.-left {
        margin-right: 0;
    }

    .container-svg {
        display: none;
    }

    .container-postales .postal .text {
        width: 100%;
        align-items: center !important;
        padding-bottom: 0;
    }

    .container-postales .postal img {
        max-width: 55%;
        margin: 0 auto;
    }

    .container-postales .postal {
        margin-bottom: 0;
        margin-top: 45px;
        position: relative;
    }

    .container-postales .postal::before {
        content: '';
        width: 5px;
        height: 35px;
        background: white;
        position: absolute;
        top: -30px;
        left: 0;
        right: 0;
        margin: 0 auto;
        border-radius: 5px;
    }

    .container-postales .postal.-sabor,
    .container-postales .postal.-casero {
        transform: translateY(0px);
    }

    .container-postales .postal.-right {
        flex-direction: column-reverse;
    }

    .container-postales .postal.-right .text p {
        text-align: center;
    }

    .banner-historias {
        display: inline;
    }

    .banner-historias section.historia2 article.text,
    .banner-historias section.historia3 article.text {
        width: 80%;
    }

    .historiaBanner article:first-of-type h2 {
        width: 100%;
    }
}

@media screen and (max-width: 650px) {
    .historiaBanner article:first-of-type p {
        width: 100%;
        font-size: 17px;
    }

    .aniversario-section.-historia .title {
        font-size: 30px;
    }

    .container-postales .postal img {
        max-width: 90%;
    }

    section.historia2,
    section.historia3 {
        height: auto;
        position: inherit;
        padding: 40px 0;
    }

    .banner-historias section.historia2 article.text,
    .banner-historias section.historia3 article.text {
        position: initial;
    }
}

/* BUEN COMER- PLATOS REFRIGERADOS */
.home-platos-refrigerados {
    position: relative;
}

.home-platos-refrigerados .fondo {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: bottom center;
}

.home-platos-refrigerados .nota {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: auto !important;
    max-height: 10vw;
}

.home-platos-refrigerados .text {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    max-width: 30vw;
    position: absolute;
    top: 235px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

section.homeHeader .owl-carousel .owl-item .item .title {
    max-width: 425px;
    margin-top: 10px;
}

.home-platos-refrigerados .text .subtitle {
    margin-top: 2vh;
    margin-bottom: 2vh;
}

.platos-refrigerados {
    overflow: hidden;
}

.platos-refrigerados .banner-intro h1 {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
}

.platos-refrigerados .banner-intro {
    position: relative;
}

.platos-refrigerados .banner-intro img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: top;
    display: flex;
}

.platos-refrigerados .banner-intro img.destopk {
    display: block;
}

.platos-refrigerados .banner-intro img.respons {
    display: none;
}

.platos-refrigerados .banner-intro img.text-intro {
    position: absolute;
    top: 50%;
    max-width: 36vw;
    margin: 0 auto;
    left: 0;
    right: 0;
}

@media screen and(max-width:1226px) {
    .platos-refrigerados .banner-intro img.text-intro {
        bottom: 2vw;
        max-width: 20vw;
    }

    .platos-refrigerados .banner-main img {
        max-width: 85%;
    }
}

.platos-refrigerados .categorias-main {
    background-image: url(/img/buen-comer/fondo-cocina-1.jpg);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;

}

.platos-refrigerados .container__slider {
    height: 520px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 10px 0 10px;
    margin-bottom: -50px;
    position: relative;
    z-index: 1;
}

.platos-refrigerados input[type=radio] {
    display: none;
}

.platos-refrigerados .container {
    width: 100%;
    max-width: 800px;
    height: 100%;
    max-height: 600px;
    transform-style: preserve-3d;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.platos-refrigerados .cards {
    position: relative;
    width: 100%;
    height: 100%;
}

.platos-refrigerados .card {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    margin: auto;
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    cursor: pointer;
}

.platos-refrigerados .card img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    -o-object-fit: contain;
    object-fit: contain;
}

#item-2:checked~.cards #selector-1,
#item-1:checked~.cards #selector-3,
#item-3:checked~.cards #selector-2,
#item-4:checked~.cards #selector-4 {
    transform: translateX(-40%) scale(0.6);
    z-index: 0;
    filter: blur(2px);
}

#item-1:checked~.cards #selector-4,
#item-2:checked~.cards #selector-3,
#item-3:checked~.cards #selector-1,
#item-4:checked~.cards #selector-2 {
    transform: translateX(0%) scale(0.4);
    filter: blur(2px);
}

#item-2:checked~.cards #selector-4,
#item-3:checked~.cards #selector-3,
#item-4:checked~.cards #selector-1 {
    transform: translateX(40%) scale(0.6);
    filter: blur(2px);
}

#item-1:checked~.cards #selector-2,
#item-4:checked~.cards #selector-3 {
    transform: translateX(40%) scale(0.6);
    z-index: 0;
    filter: blur(2px);
}

#item-1:checked~.cards #selector-1,
#item-2:checked~.cards #selector-2,
#item-4:checked~.cards #selector-3 {
    transform: translateX(0) scale(1);
    z-index: 1;
    filter: blur(0px);
}

.tags-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}


.tags-buttons a.btn-aside {
    overflow: hidden;
    width: 180px;
    position: relative;
    height: 43px;
    display: inline-block;
    margin: 0 15px;
    margin-bottom: 10px;
}

.tags-buttons a.btn-aside span {
    color: #FFED00;
    font-weight: 600;
    background: #00367A;
    padding: 10px 20px;
    text-align: center;
    font-family: 'Raleway';
    font-size: 22px;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    transition: transform 0.3s;
}

.tags-buttons a.btn-aside span::before {
    content: attr(data-hover);
    background: #FFED00;
    color: #00367A;
    padding: 10px 20px;
    text-align: center;
    font-family: 'Raleway';
    font-size: 22px;
    position: relative;
    position: absolute;
    right: 0;
    left: 0;
    bottom: -100%;
}

.tags-buttons a.btn-aside:hover span {
    transform: translateY(-100%);
    transition: transform 0.3s;
}

.tags-buttons #tags-btn-1 {
    display: none;
}

#item-2:checked~.tags-buttons #tags-btn-1 {
    display: inline-flex;
    /* o inline-block / block según tu diseño */
}

#item-2:checked~.tags-buttons #tags-btn-2 {
    display: none;
}

.container__slider .arrows button {
    border: 0;
    background: transparent;
    cursor: pointer;
    max-width: 30px;
    display: inline-block;
    position: absolute;
    z-index: 2;
}

.container__slider .arrows button.left {
    left: 60px;
}

.container__slider .arrows button.right {
    right: 60px;
}

.platos-refrigerados .banner-main {
    width: 100%;
    background-image: url('/img/buen-comer/fondo-cocina-2.jpg');
    background-size: cover;
    background-position: top center;
    padding: 150px 0px 100px 0px;
    position: relative;

}

.platos-refrigerados .banner-main .container {
    margin: 0 auto;
    max-width: 1155px;
}

.platos-refrigerados .banner-main .title {
    color: #00367A;
    font-size: 2.6em;
    text-align: center;
    font-weight: 500;
    font-family: 'Raleway';
}

.platos-refrigerados .banner-main img {
    max-width: 95%;
    margin: 25px 0;
}

.platos-refrigerados .banner-main img.destopk {
    display: block;
}

.platos-refrigerados .banner-main img.respons {
    display: none;
}

.platos-refrigerados .banner-main h2 {
    color: #00367A;
    font-weight: 400;
    text-align: center;
    font-size: 1.7em;
    line-height: 1.4em;
    font-family: 'Raleway';
    max-width: 900px;
}

.platos-refrigerados .banner-main h2 strong,
.platos-refrigerados .subpage h3 strong {
    font-weight: 500;
}

.platos-refrigerados .banner-main h2 span {
    font-family: 'miilkstore01';
    font-size: 1.1em;
}

.platos-refrigerados .banner-main .berenjena {
    position: absolute;
    bottom: -25vw;
    left: 0;
    max-width: 35vw;
    z-index: 1;
}

.platos-refrigerados .banner-main .calabacin {
    position: absolute;
    bottom: -16vw;
    right: 0;
    max-width: 25vw;
    z-index: 1;
}

.platos-refrigerados .subpage {
    width: 100%;
    background-image: url('/img/buen-comer/madera.png');
    background-size: cover;
    background-position: top center;
    background-repeat: repeat;
    position: relative;
    overflow: hidden;

}

.platos-refrigerados .subpage .espinacas {
    position: absolute;
    top: 20vw;
    right: 0;
    max-width: 22vw;
    z-index: 1;

}

.platos-refrigerados .subpage .coliflor {
    position: absolute;
    left: 0;
    max-width: 22vw;
    z-index: 1;
    top: 21vw;
}

.platos-refrigerados .subpage .nota {
    margin: 0 auto;
    display: flex;
    max-width: 600px;
    justify-content: center;
}

.platos-refrigerados .subpage .nevera {
    width: 100%;
    object-fit: cover;
    height: auto;
    display: flex;
}


.platos-refrigerados-categoria .banner-intro {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;

}

.platos-refrigerados-categoria .banner-intro img {
    width: 100%;
    object-fit: cover;

}

.platos-refrigerados-categoria .banner-intro .card {
    background-image: url('/img/buen-comer/papel.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    position: absolute;
    max-width: 680px;
    margin-top: 65px;
    padding: 60px;
}

.platos-refrigerados-categoria .banner-intro .card.award {
    margin-top: 125px;
}

.platos-refrigerados-categoria .banner-intro .card.award::before {
    content: '';
    position: absolute;
    top: -90px;
    right: -85px;
    width: 215px;
    height: 215px;
    background-image: url('/img/buen-comer/award.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.platos-refrigerados-categoria .banner-intro h1 {
    color: #ffffff;
    font-family: 'miilkstore01';
    text-align: center;
    line-height: 1.2em;
    margin: 30px 0;
}

.platos-refrigerados-categoria .banner-intro p {
    font-family: 'Raleway';
    color: #ffffff;
    font-size: 1.3em;
    line-height: 1.2em;
    text-align: center;
    font-weight: 300;
}

.platos-refrigerados-categoria .banner-intro p span {
    font-family: 'miilkstore01';
    font-size: 1.1em;
    margin-right: 5px;
}

.container-nevera {
    position: fixed;
    top: 85px;
    left: 45px;
    z-index: 9;
    animation: fadeInAnimation 2s ease-in-out forwards;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.nevera-picto {
    max-width: 45px;
}

.nevera-picto-text {
    background: white;
    padding: 5px;
    max-width: fit-content;
    top: 149px;
    font-size: 12px;
    color: #00367a;
    font-weight: bold;
    text-transform: uppercase;
    border: 3px solid #00367a;
    border-radius: 5px;
    line-height: 12px;
    margin-top: 5px;

}

.platos-refrigerados-categoria .banner-intro .btns,
.detalle-plato-refrigerado .btns {
    position: absolute;
    top: 100px;
    right: 0;
    z-index: 3;
}

.container-footer-refrigerados {
    display: flex;
    width: 100%;
}

.container-footer-refrigerados img {
    width: 50%;
    object-fit: cover;
}


.platos-refrigerados-categoria .banner-intro .btns a,
.detalle-plato-refrigerado .btns a {
    color: #FFED00;
    background: #00367A;
    padding: 10px 20px;
    font-weight: 500;
}

.platos-refrigerados-categoria .list-products {
    background-image: url('/img/buen-comer/bg-granito.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    padding: 70px;
}

.platos-refrigerados-categoria .list-products .title-img {
    margin: 0 auto;
    display: block;
    max-width: 400px;
}

.platos-refrigerados-categoria .list-products .platosCont ul li img {
    width: 100%;
    margin: 0 auto;
    max-height: fit-content;
}

.platos-refrigerados-categoria .list-products .platosCont ul li aside {
    border-color: #00367A;
    line-height: 30px;
}

.platos-refrigerados-categoria .list-products .platosCont ul li aside span {
    color: #00367A;
    font-weight: 600;
}

.platos-refrigerados-categoria .list-products .platosCont ul li:hover aside,
.platos-refrigerados-categoria .list-products .platosCont ul li:focus aside {
    border: 0;
}

.platos-refrigerados-categoria .list-products .platosCont ul li aside span::before {
    background: #FFED00;
    color: #00367A;
}

.platos-refrigerados-categoria .list-products .platosCont ul li h2 {
    max-width: 220px;
    margin: 0 auto;
    font-family: 'miilkstore01';
    line-height: 1.5em;
}

.platos-refrigerados-categoria .list-products .platosCont ul li[data="ensaladilla-pasta"] h2 {
    max-width: 155px;
}

.platos-refrigerados-categoria .list-products .platosCont ul {
    margin-top: 50px;
}

.platos-refrigerados-categoria .list-products .platosCont ul li {
    padding-bottom: 85px;
    width: 28%;
}

.platos-refrigerados-categoria .list-products .platosCont ul.gratinados {
    max-width: 1100px;
    margin: 0 auto;
}

.platos-refrigerados-categoria .list-products .platosCont ul.gratinados li {
    width: 48%;
}

.platos-refrigerados-categoria .list-products .platosCont ul.gratinados li img {
    max-height: 375px;
}

.platos-refrigerados-categoria .list-products .platosCont ul.gratinados li h2 {
    max-width: 315px;
}

.platos-refrigerados-categoria .list-products .platosCont ul.gratinados li img {
    max-height: 250px;
    max-width: 380px;
}

.platos-refrigerados-categoria,
.loading-refrigerados {
    opacity: 0;
    transform: translateY(100vh);
    /* Inicialmente el contenido está abajo */
    animation: slideUp 0.8s ease-out forwards;
    /* Aplica la animación */
}

.loading-refrigerados video {
    pointer-events: none;
    max-width: 48vw;
    visibility: hidden;
    margin-top: 80px;
}

.loading-refrigerados video.loaded {
    visibility: visible;

}

.loading-refrigerados .respon {
    display: none;
}

.textAnimation video {
    pointer-events: none;
    max-width: 48vw;
    visibility: hidden;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.textAnimation.loaded video {
    visibility: visible;

}

.textAnimation .respon {
    display: none;
}

@keyframes slideUp {
    to {
        opacity: 1;
        transform: translateY(0);
        /* El contenido sube a su posición original */
    }
}

.platos-refrigerados.loading {
    opacity: 0;
    overflow: hidden;
    height: 100vh;
}

.platos-refrigerados {
    opacity: 2;
    transition: all 1s ease-in;
    overflow: hidden;
    height: auto;
}

.loading-refrigerados {
    background-image: url(/img/buen-comer/madera.png);
    background-size: cover;
    background-position: top center;
    background-repeat: repeat;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: all 0.8s ease-in;
}

.loading-refrigerados.off {
    opacity: 0 !important;
    transition: all 0.1s ease-in;
    display: none;
}

.loading-refrigerados img {
    max-width: 800px;
    margin-top: 80px;
}

.detalle-plato-refrigerado {
    position: relative;
    overflow: hidden;
    height: 100vh;
    background-image: url('/img/buen-comer/madera.png');
    background-size: cover;
    background-position: top center;
    background-repeat: repeat;
}

.detalle-plato-refrigerado .detalle-producto {
    position: absolute;
    z-index: 1;
}

[data-id="berenjena-gratinada-carne"] {
    right: 0;
    height: 110vh;
    bottom: -15vh;
    object-fit: contain;
    width: auto;
}

[data-id="calabacin-gratinado-carne"] {
    right: 0;
    height: 116vh;
    bottom: -10vh;
}

[data-id="lasana-bolonesa"] {
    right: -24vw;
    bottom: -29vh;
    height: 136vh;
}

[data-id="verduras-gratinadas"] {
    right: 0;
    height: 105vh;
    bottom: -9vh;
}

[data-id="tagliatelle-boletus"] {
    right: -25vw;
    height: 110vh;
    bottom: -17vh;
    object-fit: contain;
    width: auto;
}

[data-id="lasana-boletus"] {
    right: -15vw;
    height: 110vh;
    bottom: -17vh;
    object-fit: contain;
    width: auto;
}

[data-id="lasana-pollo"] {
    right: -15vw;
    height: 110vh;
    bottom: -17vh;
    object-fit: contain;
    width: auto;
}

.detalle-plato-refrigerado .bg-plato {
    width: 100%;
    object-fit: cover;
    max-height: 100vh;
    object-position: center center;
}

.detalle-plato-refrigerado .content-plato {
    position: absolute;
    padding-top: 50px;
    right: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    min-height: 100vh;
    z-index: 2;
}



.detalle-plato-refrigerado .content-plato .packaging {
    width: 100%;
    max-width: 550px;
}
.detalle-plato-refrigerado .content-plato .packaging-container.award{
    position: relative;
}
.detalle-plato-refrigerado .content-plato .packaging-container.award::before {
    content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    width: 180px;
    height: 180px;
    background-image: url('/img/buen-comer/award.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.detalle-plato-refrigerado .content-plato .info {
    background-image: url('/img/buen-comer/papel.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    max-width: 655px;
    padding: 45px;
}

.detalle-plato-refrigerado .content-plato .info h1 {
    color: #ffffff;
    font-family: 'miilkstore01';
    text-align: center;
    line-height: 1.2em;
    margin: 10px 0 30px 0;
    font-size: 37px;
}

.detalle-plato-refrigerado .content-plato .info p {
    font-family: 'Raleway';
    color: #ffffff;
    font-size: 1.2em;
    line-height: 1.2em;
    text-align: center;
    font-weight: 300;
}

.detalle-plato-refrigerado .content-plato .info p.small {
    font-style: normal;
    font-size: 1.1em;
}

.detalle-plato-refrigerado .content-plato .arrow-buttons {
    width: 100%;
    align-items: center;
    justify-content: space-between;
    max-width: 95%;
    position: absolute;
    display: flex;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.detalle-plato-refrigerado[data-id="pasta"] .content-plato .arrow-buttons {
    display: none;
}

.detalle-plato-refrigerado .content-plato .arrow-buttons a img {
    max-width: 100%;
}

.detalle-plato-refrigerado {
    opacity: 0;
    transform: translateX(100%);
    /* Inicialmente el contenido está abajo */
    animation: slideRight 0.8s ease-out forwards;
    /* Aplica la animación */
}

.detalle-plato-refrigerado.moveRight {
    opacity: 0;
    transform: translateX(-100%);
    /* Inicialmente el contenido está abajo */
    animation: slideRight 0.8s ease-out forwards;
    /* Aplica la animación */
}

@keyframes slideRight {
    to {
        opacity: 1;
        transform: translateX(0);
        /* El contenido sube a su posición original */
    }
}



@media screen and (max-width:1326px) {
    .detalle-plato-refrigerado .content-plato .info {
        max-width: calc(100vw - 700px);
    }

    .detalle-plato-refrigerado .content-plato .packaging {
        width: 100%;
        max-width: 450px;
    }
}

@media screen and (max-height:1166px) {
    .home-platos-refrigerados .text {
        top: 215px;
    }
}

@media screen and (max-width:1100px) and (max-height:610px) {
    .detalle-plato-refrigerado .content-plato .info h1 {
        font-size: 30px;
        line-height: 1.4em;
        margin-bottom: 10px;
        margin-top: 5px;
    }

    .detalle-plato-refrigerado .content-plato .info {
        max-width: calc(100vw - 615px);
        padding: 40px 25px;
    }

    .detalle-plato-refrigerado .content-plato .info p {
        font-size: 16px
    }

    .detalle-plato-refrigerado .content-plato .info p.small {
        font-size: 14px;
    }
}

@media screen and (max-width:1030px) and (max-height:820px) {
    .home-platos-refrigerados .text {
        top: 100px;
        max-width: 173px;
    }

    .home-platos-refrigerados .nota {
        max-height: 6vw;
    }

}

@media screen and (max-width:980px) {
    .detalle-plato-refrigerado {
        height: auto;
    }

    .detalle-plato-refrigerado .content-plato .info {
        max-width: 100%;
        padding: 60px 20px;
    }

    .detalle-plato-refrigerado .detalle-producto {
        display: none;
    }

    .detalle-plato-refrigerado .content-plato {
        position: initial;
        background-image: url('/img/buen-comer/madera.png');
        background-size: cover;
        background-position: top center;
        background-repeat: repeat;
    }

    .detalle-plato-refrigerado .bg-plato {
        display: none;
    }

    .detalle-plato-refrigerado .content-plato {
        padding: 90px 35px;
        min-height: auto;
    }

    .platos-refrigerados-categoria .banner-intro .btns,
    .detalle-plato-refrigerado .btns {
        position: absolute;
        bottom: 40px;
        right: 0;
        z-index: 2;
        top: initial;
        left: 0;
        margin: 0 auto;
        justify-content: center;
        display: flex;
    }

    .platos-refrigerados-categoria .banner-intro .nevera img,
    .detalle-plato-refrigerado .nevera img {
        max-width: 30px;
    }

    .detalle-plato-refrigerado .content-plato .info h1 {
        margin: 0px 0 30px 0;
        font-size: 26px;
    }

    .detalle-plato-refrigerado .content-plato .info p {
        font-size: 1em;
    }

    .platos-refrigerados-categoria .banner-intro {
        flex-wrap: wrap;
    }

    .platos-refrigerados-categoria .banner-intro img {
        display: none;
    }

    .platos-refrigerados-categoria .banner-intro .card {
        position: initial;
    }

    .platos-refrigerados-categoria .list-products .platosCont ul.gratinados li {
        width: 100%;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .platos-refrigerados-categoria .list-products .platosCont ul li {
        padding-bottom: 0;
        width: 100%;
    }

    .detalle-plato-refrigerado .content-plato .arrow-buttons a {
        max-width: 15px;
    }

    .platos-refrigerados-categoria .list-products {
        padding: 20px;
    }

    .platos-refrigerados-categoria .list-products .title-img {
        max-width: 95%;
    }

    .loading-refrigerados video {
        display: none;
    }

    .loading-refrigerados .respon {
        display: block;
    }

    .textAnimation.loaded video {
        display: none;

    }

    .textAnimation .respon {
        display: flex;
        max-width: 100%;
        align-items: center;
        justify-content: center;
    }

    .platos-refrigerados-categoria .banner-intro {
        flex-wrap: wrap;
        position: initial;
        background-size: cover;
        background-position: bottom center;
        background-repeat: repeat;
        min-height: 95vh;
        padding: 20px;
        margin-bottom: 35px;
    }

    .platos-refrigerados-categoria .banner-intro[data-bg="ensaladas"] {
        background-image: url('/img/buen-comer/bg-ensaladas-respons.jpg');
    }

    .platos-refrigerados-categoria .banner-intro[data-bg="gratinados"] {
        background-image: url('/img/buen-comer/bg-gratinados-respons.jpg');
    }

    .platos-refrigerados-categoria .banner-intro[data-bg="pasta"] {
        background-image: url('/img/buen-comer/bg-pasta-respons.jpg');
    }

    .platos-refrigerados-categoria .banner-intro .btns {
        position: initial;
    }

    .platos-refrigerados-categoria .banner-intro h1 {
        margin: 30px 0;
    }

    .platos-refrigerados-categoria .banner-intro p span {
        width: 100%;
        display: inline-block;
        line-height: 1.8em;
    }

    .platos-refrigerados-categoria .banner-intro .card {
        padding: 60px 20px;


    }

    .platos-refrigerados-categoria .banner-intro .card.award {
        margin-top: 250px;
    }

    .platos-refrigerados-categoria .banner-intro .card.award::before {
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 90px;
    }
    .detalle-plato-refrigerado .content-plato .packaging-container.award{
        padding-bottom: 85px;
    }
    .detalle-plato-refrigerado .content-plato .packaging-container.award::before{
        left: 0;
        right: 0;
        margin: 0 auto;
        bottom: -35px;
        top: initial;
        width:  160px;
        height: 160px;
    }
}

@media screen and (max-width:800px) {
    .home-platos-refrigerados .text {
        max-width: 53vw;
        top: 50px
    }

    .home-platos-refrigerados .nota {
        max-height: 20vw;
    }

    .platos-refrigerados .banner-intro img.destopk {
        display: none;
    }

    .platos-refrigerados .banner-intro img.respons {
        display: block;
    }

    .platos-refrigerados .banner-intro img.text-intro {
        max-width: 83%;
        top: 44%;
        bottom: 0;
    }

    .platos-refrigerados .container__slider {
        height: 300px;
    }

    .container__slider .arrows button.left {
        left: 15px;
    }

    .container__slider .arrows button.right {
        right: 15px;
    }

    .container__slider .arrows button {
        width: 70px;
        height: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        top: 0;
        bottom: 0;
        max-width: 70px;
    }

    .container__slider .arrows button.right {
        justify-content: flex-end;
    }

    .container__slider .arrows button img {
        max-width: 15px;
    }

    .platos-refrigerados .card {
        position: absolute;
        width: calc(100% - 90px);
    }

    .container__slider .arrows button img {
        width: 100%;
    }

    #item-3:checked~.cards #selector-1,
    #item-1:checked~.cards #selector-2,
    #item-2:checked~.cards #selector-3,
    #item-2:checked~.cards #selector-1,
    #item-1:checked~.cards #selector-3,
    #item-3:checked~.cards #selector-2 {
        opacity: 0.3;
    }

    .platos-refrigerados .banner-main .title {
        font-size: 1.4em;
    }

    .platos-refrigerados .banner-main img.destopk {
        display: none;
    }

    .platos-refrigerados .banner-main img.respons {
        display: block;
    }

    .platos-refrigerados .banner-main h2 {
        font-size: 1.4em;
        line-height: 1.3em;
        max-width: 95%;
    }

    .platos-refrigerados .banner-main h2 span {
        font-family: 'miilkstore01';
        font-size: 1.1em;
        line-height: 1.8em;
    }

    .platos-refrigerados .subpage .nota {
        max-width: 90%;
        z-index: 2;
        position: relative;
    }

    .platos-refrigerados .subpage h3 {
        font-size: 1.4em;
        max-width: 645px;
        padding: 0;
        height: 40px;
        margin-top: 70px;
        margin-bottom: 70px;
    }

    .platos-refrigerados .subpage h3.text-animation span {
        font-size: 22px;

    }

    .platos-refrigerados .banner-main .berenjena {
        bottom: -42vw;
    }

    .platos-refrigerados .subpage .coliflor {
        top: 41vw;
    }

    .platos-refrigerados .banner-main .calabacin {
        bottom: -28vw;
        max-width: 31vw;
    }

    .platos-refrigerados .subpage .espinacas {
        top: 23vw;
    }

    .container-nevera {
        top: 75px;
        left: 10px;
        align-items: flex-start;
    }

    .nevera-picto {
        max-width: 25px;
    }


    .nevera-picto-text {
        font-size: 10px;
        line-height: 8px;
        padding: 3px;
        border: 1px solid #00367a;
        border-radius: 3px;
        visibility: hidden;
    }

    .container-nevera:hover .nevera-picto-text {
        visibility: visible;
    }



    .platos-refrigerados-categoria .list-products .platosCont ul li h2 {
        max-width: 100% !important;
    }

    .container-footer-refrigerados img {
        width: 50% !important;
        object-fit: cover;
        max-height: 200px;
    }
}