/* 	==================================================
    ===== MAIN IMAGE
    ==================================================  */
  
    #mainimage {
      background-size: contain;
      background-position: center center;
      background-repeat: no-repeat;
      width: 100%;
      height: 100vh;
      display: flex;
      z-index: 9;
    }
    
    .layout {
      background: rgba(82, 82, 82, 0.3);
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -ms-align-items: center;
      align-items: center;
      justify-content: center;
      z-index: 1;
    }
    
    .center {
      width: 1200px;
      margin: 0 auto;
    }
    
    #mainimage .center {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    
    #mainimage h1 {
      font-size: 83px;
      font-family: "ArnoPro";
      color: #fff;
      text-align: center;
    }
    
    #mainimage p {
      font-size: 17px;
      font-family: "Avenir";
      color: #fff;
      text-align: center;
    }
    
    #mainimage .arrow_down {
      bottom: 7%;
      position: absolute;
      right: auto;
    }
    
    .bounce {
      -moz-animation: bounce 2s infinite;
      -webkit-animation: bounce 2s infinite;
      animation: bounce 2s infinite;
    }
    
    @keyframes bounce {
      0%,
      20%,
      50%,
      80%,
      100% {
        transform: translateY(0);
      }
      40% {
        transform: translateY(-30px);
      }
      60% {
        transform: translateY(-15px);
      }
    }
    
    /* 	==================================================
            ===== TAKE AWAY
            ==================================================  */
    
    /* Order Buttons */
    
    .order_button {
      margin-top: 20px;
    }
    
    #take_away .order a,
    .contact-form-section a.boto_generic {
      background-color: #74ab9f;
      border-color: #74ab9f;
      color: #fff;
      font-weight: 400;
      line-height: 1.25;
      text-align: center;
      white-space: nowrap;
      vertical-align: middle;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      border: 1px solid transparent;
      padding: 0.5rem 1rem;
      font-size: 1rem;
      border-radius: 0;
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
    }
    
    #take_away .order a,
    #take_away .order a:hover {
      text-decoration: none;
    }
    
    #take_away .center {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      justify-content: center;
    }
    
    #take_away {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 0px 5% 0px 50%;
        background-color: var(--color-tres);
        background-repeat: no-repeat;
        background-position: left top;
        min-height: 800px;
        background-size: 45%;
    }
    
    #take_away h2,
    #ingredientes h2 {
      font-family: "Avenir";
      font-size: 4em;
      color: var(--color-principal);
    }
    #take_away h3 {
        font-family: "Avenir";
        font-size: 2em;
        font-weight: normal;
        color: var(--color-principal);
    }
    #take_away .desc_text {
        font-size: 1.2em;
        margin: 50px 0px;
    }
    
    #take_away .orders,
    #ingredientes .bloques {
      display: flex;
      justify-content: center;
    }
    
    #take_away .order,
    #ingredientes .bloque {
      text-align: center;
      flex: 1;
      padding: 25px 50px;
    }
    
    #take_away .orders .imagen {
      height: 80px;
    }
    
    #take_away .orders .order > .imagen img {
      width: 80px;
    }
    
    #take_away .orders .order:nth-child(1) img {
      width: 50px;
    }
    
    #take_away .orders .order .linea,
    #ingredientes .bloques .bloque .linea {
      margin: 15px 0;
    }
    
    #take_away .title,
    #ingredientes .title {
      font-family: "Avenir";
      font-size: 18px;
      margin-top: 20px;
      font-weight: bold;
    }
    
    #take_away .desc,
    #ingredientes .desc {
      font-family: "Avenir";
      font-size: 16px;
      line-height: 1.4;
    }
    
    #take_away .orders .imagen {
      max-width: 100%;
    }
    
    /* ------------------ Bloque home 4 cols -------------- */
    .bloque_home_4_cols .order a,
    .contact-form-section a.boto_generic,
    a.boto_bloc_portada {
      background-color: var(--color-buton-generic);
      border-color: var(--color-buton-generic);
      color: #fff;
      font-weight: 400;
      line-height: 1.25;
      text-align: center;
      white-space: nowrap;
      vertical-align: middle;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      border: 1px solid transparent;
      padding: 0.5rem 2rem;
      font-size: 1.4rem;
      border-radius: 0;
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      /* margin-top: 50px; */
    }
    
    .bloque_home_4_cols .order a,
    .bloque_home_4_cols .order a:hover {
      text-decoration: none;
    }
    
    .bloque_home_4_cols .center {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      justify-content: center;
    }
    
    .bloque_home_4_cols .orders {
      padding: 20px 0px;
    }
    
    .bloque_home_4_cols {
      background-color: var(--color-tres) !important;
      padding: 60px 0;
      text-align: center;
      min-height: var(--min-height-blocs);
    }
    
    .bloque_home_4_cols h2 {
      font-family: "Avenir";
      font-size: 4em;
      color: var(--color-principal);
      padding-bottom: 30px;
    }
    
    .bloque_home_4_cols .center p {
      font-size: 1.2em;
    }
    
    .bloque_home_4_cols .orders,
    .bloque_home_4_cols .bloques {
      display: flex;
      justify-content: center;
    }
    
    .bloque_home_4_cols .order,
    .bloque_home_4_cols .bloque {
      text-align: center;
      flex: 1;
      padding: 25px 50px;
    }
    
    .bloque_home_4_cols .orders .imagen {
      /*height: 80px;*/
    }
    
    .bloque_home_4_cols .orders .order > .imagen img {
      width: 100px;
      height: 100px;
      scale: 1.5;
    }
    
    .bloque_home_4_cols .orders .order:nth-child(1) img {
      width: 100px;
    }
    
    .bloque_home_4_cols .orders .order .linea {
      margin: 15px 0;
    }
    
    .bloque_home_4_cols .title {
      font-family: "Avenir";
      font-size: 18px;
      margin-top: 35px;
      font-weight: normal;
    }
    
    .bloque_home_4_cols .desc {
      font-family: "Avenir";
      font-size: 16px;
      line-height: 1.4;
    }
    
    .bloque_home_4_cols .orders .imagen {
      max-width: 100%;
    }
    
    .bloque_home_img_mes_text {
      width: 100%;
      display: flex;
      min-height: var(--min-height-blocs);
      background-color: var(--color-background-principal);
    
    }
    
    .bloque_home_img_mes_text .caixa_contingut_text {
      width: 40%;
      padding: 4% 3%;
      color: #000;
      font-family: "Avenir";
      text-align: center;
      font-size: 16px;
      line-height: 1.4;
      justify-content: center;
        align-items: center;
        display: flex;
        flex-direction: column;
    }
    .bloque_home_img_mes_text .caixa_contingut_text h2 {
      color: var(--color-principal);
    }
    
    .bloque_home_img_mes_text .caixa_contingut_text .desc_text {
      font-size: 1.2em;
      line-height: 1.4;
      width: 80%;
    }
    
    .bloque_home_img_mes_text .caixa_contingut_text .center_boto {
      width: 100%;
      text-align: center;
      padding-top: 50px;
    }
    
    .bloque_home_img_mes_text
      .caixa_contingut_text
      .center_boto
      a.boto_bloc_portada {
      background-color: var(--color-buton-generic);
      border-color: var(--color-buton-generic);
      color: #fff;
      font-weight: 400;
      line-height: 1.25;
      text-align: center;
      white-space: nowrap;
      vertical-align: middle;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      border: 1px solid transparent;
      padding: 0.5rem 2rem;
      font-size: 1.5rem;
      border-radius: 0px;
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      margin-top: 50px;
    }
    
    .bloque_home_img_mes_text h2 {
      font-family: "Avenir";
      font-size: 4em;
      color: #fff;
      padding-bottom: 30px;
    }
    
    .bloque_home_img_mes_text .caixa_bloc_imatge_full {
      max-width: 60%;
      flex: 0 0 60%;
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      background-color: var(--color-background-principal);
      display: flex;
      justify-content: flex-end;
      position: relative;
      overflow-x: clip;
    }
    .bloque_home_img_mes_text .caixa_bloc_imatge_full img {
        width: 100%;
        position: absolute;
        max-width: 1000px;
        scale: 110%;
    }
    
    /* ------------------ Fi bloque home 4 cols ------------*/
    
    /* 	==================================================
            ===== INGREDIENTES
            ==================================================  */
    
    #ingredientes {
      background-color: #74ab9f !important;
      padding: 60px 0;
      text-align: center;
      padding-bottom: 80px;
    }
    
    #ingredientes .title,
    #ingredientes .desc,
    #ingredientes h2,
    #ingredientes p {
      color: #fff;
    }
    
    #ingredientes h2 {
      padding-bottom: 40px;
    }
    
    #ingredientes p {
      font-family: "Avenir";
      font-size: 17px;
      margin-bottom: 80px;
    }
    
    #ingredientes .bloques .bloque > .imagen img {
      width: 200px;
    }
    
    #ingredientes .title {
      margin-top: 40px;
      font-family: "Avenir";
      font-weight: bold;
    }
    
    /* 	==================================================
            ===== PLATOS
            ==================================================  */
    
    #platos {
      padding: 60px 0;
      text-align: center;
      background-color: white;
      color: #0d2c2b;
    }
    
    #platos hr {
      width: 70%;
    }
    
    #platos .tipo_plato h2 {
      font-family: "ArnoPro";
      font-size: 50px;
    }
    
    #platos .bloque_portada_platos {
      width: 90%;
      margin: 0 auto;
      display: flex;
      justify-content: space-evenly;
      padding: 50px 0;
      flex-wrap: wrap;
    }
    
    #platos .plato_portada {
      display: flex;
      flex-direction: column;
      width: 300px;
      border: 1px solid rgba(255, 255, 255, 0.2);
      padding: 40px 25px;
      border-radius: 20px;
      margin: 20px;
    }
    
    #platos .Postres .plato_portada {
      display: flex;
      flex-direction: column;
      width: 300px;
      border: 1px solid rgba(255, 255, 255, 0.2);
      padding: 40px 40px 0 40px;
      border-radius: 10px;
      margin: 20px;
      background-color: white;
      color: #505050;
      /* padding-bottom: 0px; */
      font-size: 15px;
    }
    
    #platos .Postres .plato_portada h3 {
      height: 60px;
      font-size: 22px;
      line-height: 1.35;
    }
    
    #platos .plato_portada img {
      padding: 20px 0;
      width: 100%;
      height: auto;
    }
    
    /* 	==================================================
            ===== ABOUT US
            ==================================================  */
    
    #about-us {
      background-size: cover;
      height: 500px;
      background-repeat: no-repeat;
      background-position: center center;
    }
    
    .titol_about {
      margin-top: -100px;
      background: #0d2121;
      padding-bottom: 40px;
    }
    
    .titol_about h1 {
      font-family: "ArnoPro";
      font-size: 80px;
      text-transform: uppercase;
      text-align: center;
      color: #fff;
    }
    
    #about-us-section {
      background: #74ab9f;
      padding-bottom: 110px;
    }
    
    #about-us-section .center.titol {
      text-align: center;
      color: #fff;
      padding: 60px 0;
    }
    
    #about-us-section .center.titol h2 {
      font-family: "Avenir";
      font-size: 50px;
    }
    
    #about-us-section .center.titol p {
      margin-top: 50px;
      font-family: "Avenir";
      font-size: 17px;
    }
    
    #about-us-section .center.descripcio {
      background: #fff;
      padding: 50px 100px;
      max-width: 1000px;
    }
    
    #about-us-section .center.descripcio p {
      color: #0d2121;
      text-align: center;
    }
    
    /* 	==================================================
            ===== OPINIONS
            ==================================================  */
    
    .contenidor_centrat.opinions {
        margin: 50px;
    }
    .contenidor_centrat.opinions .destacats {
        margin-bottom: auto;
    }
    .contenidor_centrat.opinions .destacats .owl-slide.bloc_destacat {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 20px;
    }
    .contenidor_centrat.opinions .destacats .owl-slide.bloc_destacat hr {
        border-bottom: 2px solid var(--color-principal);
        width: 50%;
    }
    .contenidor_centrat.opinions .destacats .owl-slide.bloc_destacat div {
        font-size: 30px;
        color: var(--color-principal);
    }
    .contenidor_centrat.opinions .destacats .owl-slide.bloc_destacat h3 {
        font-size: 25px;
        margin-top: 25px;
    }
    .contenidor_centrat.opinions .destacats .owl-slide.bloc_destacat p {
        text-align: center;
        width: 85%;
    }
    
    /* 	==================================================
            ===== CONTACTE
            ==================================================  */
    
    #check-condicions {
      margin-right: 10px;
      vertical-align: baseline !important;
    }
    
    .pagina42 #about-us-section .center.titol {
      width: 800px;
      padding-left: 10px;
      padding-right: 10px;
    }
    
    #frm_contact input[type="text"],
    #frm_contact input[type="email"],
    #frm_contact textarea {
      width: 100%;
      box-shadow: none !important;
      border: none !important;
      border-bottom: 1px solid gray !important;
      margin-top: 0;
      padding: 0 15px 10px 15px;
    }
    
    #frm_contact div {
      margin-top: 18px;
    }
    
    #frm_contact div:first-child {
      margin-top: 0;
    }
    
    .contact-form-section a.boto_generic {
      background-color: #0d2121;
      border-color: #0d2121;
    }
    
    .contact-form-section a.boto_generic:hover {
      background-color: #f07009;
      border-color: #f07009;
      text-decoration: none;
    }
    
    a.legal_checkbox {
      color: #74ab9f;
    }
    
    a.legal_checkbox:hover {
      color: #f07009;
    }
    
    /* 	==================================================
            ===== FOOTER
            ==================================================  */
    
    footer .center {
      width: 1200px;
    }
    
    footer {
      font-family: "Avenir";
      font-size: 14px;
      color: #0d2121;
      background-color: #f7f6f6;
    }
    
    footer .right {
      color: #74ab9f;
    }
    
    footer .title {
      font-family: "Avenir";
      font-size: 16px;
      color: #0d2121;
      font-weight: bold;
    }
    
    footer {
      /*padding: 50px 20px;*/
      margin-top: 50px;
    }
    
    footer a {
      color: #74ab9f;
    }
    
    footer a:hover {
      color: #f5c69e;
    }
    
    footer .title a {
      color: #0d2121;
    }
    
    footer .center,
    footer .left .b1 {
      display: flex;
    }
    
    footer .left .b2 {
      display: flex;
      flex-direction: column;
    }
    
    footer .left .b2 div:nth-child(2) {
      display: flex;
    }
    
    footer .left {
      display: flex;
      flex: 0 0 70%;
      flex-direction: column;
    }
    
    footer .right {
      display: flex;
      flex: 0 0 30%;
      flex-direction: column;
    }
    
    footer .right div {
      display: block;
    }
    
    footer .left .b1 div:nth-child(2) {
      margin-left: 30px;
    }
    
    footer .left .b2,
    footer .left .b3,
    footer .right .b2,
    footer .right .b3 {
      margin-top: 30px;
    }
    
    footer .left .b2 .title {
      margin-bottom: 15px;
    }
    
    footer {
      /*padding-bottom: 30px;*/
    }
    
    #bottom .center {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      justify-content: space-between;
    }
    
    #bottom {
      font-size: 12px;
      margin-top: 80px;
    }
    
    #bottom .center {
      border-top: 1px solid #0d2121;
      padding: 20px 0;
    }
    
    .copyright a {
      text-decoration: none;
      transition: all 0.4s cubic-bezier(0.26, 1.04, 0.54, 1);
      border-right: 1px solid #0d2121;
      padding: 0 10px;
    }
    
    .copyright a:first-child {
      padding-left: 0;
    }
    
    .copyright a:last-child {
      border: none;
    }
    
    /* 	==================================================
            ===== LEGAL
            ==================================================  */
    
    .pagina10 #menu-head,
    .pagina1 #menu-head {
      position: absolute;
      background: none;
    }
    
    .titol_legal {
      padding: 50px 0;
    }
    
    /* 	==================================================
            ===== LIGHTBOX
            ==================================================  */
    
    #light_sec {
      background-color: #000000;
      position: fixed;
      bottom: 0;
      right: 0;
      left: 0;
      top: 0;
      z-index: 100;
      opacity: 0.6;
      filter: alpha(opacity=60);
      display: none;
    }
    
    #light_prin {
      width: 500px;
      background-color: #ffffff;
      position: fixed;
      z-index: 101;
      top: 10px;
      left: 50%;
      margin-left: -280px;
      top: 50px;
      display: none;
      text-align: center;
      padding: 15px;
      font-size: 23px;
      line-height: 30px;
      color: #7d5d35;
    }
    
    .iframe2 #header {
      display: none;
    }
    
    .iframe2 #footer {
      display: none;
    }
    
    .iframe2 #img_general {
      display: none;
    }
    
    .iframe2 .contenidor_centrat {
      width: 80%;
      padding-left: 10%;
      padding-right: 10%;
    }
    
    .white-popup {
      position: relative;
      background: #fff;
      padding: 20px;
      width: 441px;
      min-height: 300px;
      overflow: auto;
      /* padding-top: 40px; */
      margin: 20px auto;
      /*display: flex;*/
      justify-content: center;
      align-items: center;
      font-size: 16px;
    }
    
    /* Responsive */
    
    /*---------------------------------------------------------------------------*/
    
    /*---------------------------------------------------------------------------*/
    
    /*---------------------------------------------------------------------------*/
    
    /* Extra Large (Big screens) */
    
    /*---------------------------------------------------------------------------*/
    
    @media only screen and (max-width: 1600px) {
    }
    
    @media only screen and (min-width: 1200px) {
      .pagina20 footer .center {
        width: 1300px;
      }
    }
    
    /* Large (Laptop) */
    
    /*---------------------------------------------------------------------------*/
    
    @media only screen and (max-width: 1200px) {
      .center,
      footer .center {
        width: 95%;
        margin: 0 auto;
      }
      .grecaptcha-badge {
        display: none !important;
      }
      #mainimage,
      .layout {
        height: 85vh;
      }
    }
    
    /* Medium (Large Tablet) */
    
    /*---------------------------------------------------------------------------*/
    
    @media only screen and (max-width: 992px) {
      footer .center {
        flex-wrap: wrap;
      }
      footer .center > div {
        margin-bottom: 25px;
      }
      .titol_about {
        margin-top: 0;
      }
      .titol_about h1 {
        font-size: 45px;
      }
      #about-us-section .center.titol h2 {
        font-size: 40px;
      }
      #about-us-section .center.descripcio {
        padding: 35px 20px;
      }
      #mainimage .arrow_down {
        right: auto;
      }
      #menu-head .left img {
        width: 100px;
      }
      .pagina42 #about-us-section .center.titol {
        width: 100%;
      }
      #mainimage,
      .layout {
        height: 70vh;
      }
    
      .bloque_home_4_cols h2 {
        font-size: 35px;
        line-height: 1.2;
      }
    
      .bloque_home_4_cols .orders {
        padding-top: 15px;
        padding-bottom: 15px;
        flex-wrap: wrap;
        display: flex;
      }
    
      .bloque_home_4_cols .order {
        width: 50%;
        padding: 20px 20px;
        min-width: 50%;
      }
    
      .bloque_home_4_cols .title {
        margin-top: 15px;
      }
    
      .bloque_home_img_mes_text h2 {
        font-size: 35px;
      }
    
      .bloque_home_img_mes_text .caixa_contingut_text .desc_text {
        font-size: 15px;
      }
    
      .bloque_home_img_mes_text ul {
        padding-left: 0;
      }
    
      .bloque_home_img_mes_text {
        flex-direction: column-reverse;
      }
    
      .bloque_home_img_mes_text .caixa_contingut_text {
        width: 100%;
        padding-bottom: 10%;
      }
    
      .bloque_home_img_mes_text .caixa_bloc_imatge_full {
        flex: 1;
        padding: 45%;
        width: 100%;
        max-width: 100%;
      }
      .bloque_home_img_mes_text .caixa_bloc_imatge_full img {
        bottom: -12%;
        right: -30%;
        scale: 1.3;
        width: 110%;
      }
    
      .bloque_home_img_mes_text
        .caixa_contingut_text
        .center_boto
        a.boto_bloc_portada {
        font-size: 1rem;
      }
    
      #take_away {
        padding: auto;
        min-height: 720px;
        background-size: 100%;
        padding: 65% 20px 50px 20px;
      }
      #take_away .desc_text {
        font-size: 25px;
        margin: 20px 0px 30px 0px;
      }
      .contenidor_centrat.opinions {
        margin: auto;
      }
    }
    
    /* Small (Tablet) */
    
    /*---------------------------------------------------------------------------*/
    
    @media only screen and (max-width: 768px) {
      .plato_portada,
      #platos .Postres .plato_portada {
        margin-bottom: 0 !important;
        margin-top: 0 !important;
        padding: 20px 25px !important;
      }
      #platos .Postres .plato_portada {
        padding: 5px 25px !important;
      }
      #menu-head .links a {
        margin-bottom: 8px;
      }
      
      #take_away .orders,
      #ingredientes .bloques {
        flex-direction: column;
      }
      #ingredientes .bloques {
        flex-direction: row;
        flex-wrap: wrap;
      }
      #ingredientes h2 {
        font-size: 40px;
      }
    
      footer {
        margin-top: auto;
      }
      .bloque_home_4_cols .orders {
        flex-direction: column;
        justify-content: center;
      }
      .bloque_home_4_cols .order {
        width: 100%
      }
    }
    
    /* Extra small (Mobile) */
    
    /*---------------------------------------------------------------------------*/
    
    @media only screen and (max-width: 544px) {
      .center,
      footer .center {
        width: 90%;
        margin: 0 auto;
      }
      footer .center > div {
        width: 100%;
      }
      h2 {
        font-size: 24px;
        line-height: 1.3;
      }
      #take_away h2,
      #ingredientes h2 {
        font-size: 30px;
        padding-bottom: 0;
      }
      #take_away h3 {
        font-size: 25px;
      }
      #mainimage h1 {
        font-size: 40px;
      }
      #ingredientes h2,
      #ingredientes p {
        padding-left: 20px;
        padding-right: 20px;
      }
      #ingredientes h2 {
        padding-bottom: 40px;
      }
      #menu-head .right {
        flex: 0 0 50%;
        flex-direction: column;
      }
      #menu-head .links a {
        font-size: 12px;
      }
      #menu-head .xarxes {
        justify-content: flex-start;
      }
      #mainimage,
      .layout {
        height: 60vh;
      }
    }
    
    @media only screen and (max-width: 360px) {
      #mainimage,
      .layout {
        height: 80vh;
      }
    }
    
    
    /* --- Inici estils nova home by Carles --- */
    @font-face {
      font-family: 'Youth';
      src: url('../fonts/Youth-Black.eot');
      src: url('../fonts/Youth-Black.eot?#iefix') format('embedded-opentype'),
          url('../fonts/Youth-Black.woff2') format('woff2'),
          url('../fonts/Youth-Black.woff') format('woff'),
          url('../fonts/Youth-Black.ttf') format('truetype'),
          url('../fonts/Youth-Black.svg#../fonts/Youth-Black') format('svg');
      font-weight: 900;
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
      font-family: 'Youth';
      src: url('../fonts/Youth-Bold.eot');
      src: url('../fonts/Youth-Bold.eot?#iefix') format('embedded-opentype'),
          url('../fonts/Youth-Bold.woff2') format('woff2'),
          url('../fonts/Youth-Bold.woff') format('woff'),
          url('../fonts/Youth-Bold.ttf') format('truetype'),
          url('../fonts/Youth-Bold.svg#../fonts/Youth-Bold') format('svg');
      font-weight: bold;
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
      font-family: 'Youth';
      src: url('../fonts/Youth-Medium.eot');
      src: url('../fonts/Youth-Medium.eot?#iefix') format('embedded-opentype'),
          url('../fonts/Youth-Medium.woff2') format('woff2'),
          url('../fonts/Youth-Medium.woff') format('woff'),
          url('../fonts/Youth-Medium.ttf') format('truetype'),
          url('../fonts/Youth-Medium.svg#../fonts/Youth-Medium') format('svg');
      font-weight: 500;
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
      font-family: 'Youth';
      src: url('../fonts/Youth-Regular.eot');
      src: url('../fonts/Youth-Regular.eot?#iefix') format('embedded-opentype'),
          url('../fonts/Youth-Regular.woff2') format('woff2'),
          url('../fonts/Youth-Regular.woff') format('woff'),
          url('../fonts/Youth-Regular.ttf') format('truetype'),
          url('../fonts/Youth-Regular.svg#../fonts/Youth-Regular') format('svg');
      font-weight: normal;
      font-style: normal;
      font-display: swap;
    }
    
    .caixa_principal_home_new {
      width: 100%;
      margin-top: 0;
      margin-bottom: 0;
      position: relative;
      display: flex;
      height: 100vh;
    }
    .caixa_principal_home_new .caixa_interior {
      width: 100%;
      display: flex;
      /*max-height: 900px;*/
      height: 100vh;
      background-color: #00aa76;
    }
    .caixa_principal_home_new .caixa_interior .caixa_textos {
      width: 50%;
      /* background-color: #00aa76;*/
      color:#fff;
      padding: 6% 10% 6% 5%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      row-gap: 30px;
      font-family: 'Youth';
      overflow: hidden;
      /*border-top-left-radius: 60px;*/
      border-bottom-left-radius: 0px;
    }
    .caixa_principal_home_new .caixa_interior .caixa_textos .caixa_icona {
      overflow: hidden;
      text-align: left;
    }
    .caixa_principal_home_new .caixa_interior .caixa_textos .caixa_icona img {
      max-width: 20%;
      width: 100px;
    }
    .caixa_principal_home_new .caixa_interior .caixa_textos .caixa_boto {
      margin-top: 40px;
    
      width: auto;
      height: auto;
      display: flex;
    }
    .caixa_principal_home_new .caixa_interior .caixa_textos .caixa_boto:hover {
      /*-webkit-animation: wobble-hor-bottom 0.8s both;
      animation: wobble-hor-bottom 0.8s both;*/
      /*-webkit-animation: vibrate-1 0.3s linear infinite both;
              animation: vibrate-1 0.3s linear infinite both;*/
              /*transform: rotate(4deg);*/
    }
    .caixa_principal_home_new .caixa_interior .caixa_textos .caixa_boto a.boto_new_groc {
      cursor: pointer;
      position: relative;
      z-index: 10;
      background-color: #ffff5c;
      color: #38362d;
      text-decoration: none;
      border: 1px solid #ffff5c;
      padding: 15px 80px;
      text-align: center;
      border-radius: 60px;
      font-family: 'Youth';
      font-weight: 900;
      font-size: 30px;
      transition-duration: .3s;
      transition-property: transform;
     
    }
    a.boto_new_groc:hover {
      transform: rotate(4deg);
    }
    
    .caixa_principal_home_new .caixa_interior .caixa_imatge_amb_bg {
      width: 50%;
      position: relative;
      overflow: hidden;
      /*border-top-right-radius: 60px;*/
      border-bottom-right-radius: 0px;
      position: relative;
    }
    .caixa_principal_home_new img.icona_absoluta_v1 {
      position: absolute;
      width: 28%;
      left: 36%;
      z-index: 1;
      bottom: -24%;
      opacity: 0;
    }
    .caixa_principal_home_new img.icona_absoluta_v2 {
      position: absolute;
      width: 20%;
      right: 8%;
      z-index: 1;
      bottom: -5px;
    }
    
    .caixa_principal_home_new h1 {
      font-family: 'Youth';
      font-size: 50px;
      line-height: 1.1;
      margin-bottom: 0;
    }
    .caixa_principal_home_new .caixa_interior .caixa_textos .subtitol {
      font-family: 'Youth';
      font-weight: 500;
      font-size: 30px;
      line-height: 1.2;
      width: 80%;
    }
    .caixa_principal_home_new #slider_h24 {
      /*max-height: 900px;*/
      overflow: hidden;
      height: 100vh;
    }
    .caixa_principal_home_new .caixa_interna_slider_v24 {
      height: 100%;
      width: 100%;
    }
    .caixa_principal_home_new .owl-carousel .owl-item img {
      object-fit: cover;
      width: 100%;
      height: 100%;
    }
    .caixa_principal_home_new .owl-carousel .owl-stage-outer {
      height: 100%;
    }
    .caixa_principal_home_new .owl-carousel .owl-stage {
      height: 100%;
    }
    .caixa_principal_home_new .owl-carousel .owl-item {
      height: 100%;
    }
    .caixa_general_home_v24_only_text {
      width: 100%;
      overflow: hidden;
      padding-top: 15%;
      padding-bottom: 10%;
      padding-left: 5%;
      padding-right: 5%;
      text-align: center;
    }
    .caixa_general_home_v24_only_text .caixa_interna {
      width: 85%;
      display: flex;
      flex-direction: column;
      text-align: center;
      row-gap: 45px;
      font-family: 'Youth';
      color: #38362d;
      margin: 0 auto;
    }
    .caixa_general_home_v24_only_text .caixa_interna h2 {
      font-family: 'Youth';
      font-size: 90px;
      color: #38362d;
      font-weight: 900;
      line-height: 1;
    }
    .caixa_general_home_v24_only_text .caixa_interna h2 .text_verd {
      color: #00aa76;
      font-family: 'Youth';
      font-weight: 900;
    }
    .caixa_general_home_v24_only_text .caixa_interna .caixa_textos {
      font-family: 'Youth';
      font-size: 40px;
      font-weight: 600;
      line-height: 1;
      padding-left: 13%;
      padding-right: 13%;
    }
    .caixa_general_home_v24_only_text .caixa_interna .caixa_textos .text_verd {
      font-family: 'Youth';
      font-size: 40px;
      font-weight: 600;
      color: #00aa76;
    }
    .caixa_general_home_v24_only_text .caixa_interna .caixa_boto {
      width: 100%;
      text-align: center;
      margin-top: 30px;
      display: flex;
      justify-content: center;
    }
    .caixa_general_home_v24_only_text .caixa_interna .caixa_boto a.boto_new_groc {
      cursor: pointer;
      position: relative;
      z-index: 10;
      background-color: #ffff5c;
      color: #38362d;
      text-decoration: none;
      border: 1px solid #ffff5c;
      padding: 15px 80px;
      text-align: center;
      border-radius: 60px;
      font-family: 'Youth';
      font-weight: 900;
      font-size: 30px;
      transition-duration: .3s;
      transition-property: transform;
    }
    .caixa_general_home_v24_only_text .caixa_interna .caixa_boto a.boto_new_groc:hover {
      transform: rotate(-4deg);
    }
    .caixa_general_home_v24_text_mes_galeria {
      width: 100%;
      overflow: hidden;
      padding-top: 10%;
      padding-bottom: 8%;
      padding-left: 5%;
      padding-right: 5%;
      text-align: center;
      background-color: #00aa76;
      color: #fff;
    }
    .caixa_general_home_v24_text_mes_galeria .caixa_interna {
      width: 100%;
      display: flex;
      flex-direction: column;
      text-align: center;
      row-gap: 45px;
      font-family: 'Youth';
      margin: 0 auto;
    }
    .caixa_general_home_v24_text_mes_galeria .caixa_interna h2 {
      font-family: 'Youth';
      font-size: 90px;
      color: #fff;
      font-weight: 900;
      line-height: 1;
    }
    .caixa_general_home_v24_text_mes_galeria .caixa_interna .caixa_subtitol {
      font-family: 'Youth';
      font-size: 40px;
      font-weight: 600;
      line-height: 1;
      padding-left: 30%;
      padding-right: 30%;
    }
    .caixa_general_home_v24_text_mes_galeria .caixa_interna .caixa_textos {
      font-family: 'Youth';
      font-size: 25px;
      font-weight: 400;
      line-height: 1.5;
      padding-left: 25%;
      padding-right: 25%;
    }
    .caixa_general_home_v24_text_mes_galeria .caixa_interna .caixa_boto {
      width: 100%;
      text-align: center;
      margin-top: 30px;
      display: flex;
      justify-content: center;
    }
    .caixa_general_home_v24_text_mes_galeria .caixa_interna .caixa_boto a.boto_new_blanc {
      cursor: pointer;
      position: relative;
      z-index: 10;
      background-color: #fff;
      color: #00aa76;
      text-decoration: none;
      border: 1px solid #fff;
      padding: 15px 80px;
      text-align: center;
      border-radius: 60px;
      font-family: 'Youth';
      font-weight: 900;
      font-size: 30px;
      transition-duration: .3s;
      transition-property: transform;
    }
    .caixa_general_home_v24_text_mes_galeria .caixa_interna .caixa_boto a.boto_new_blanc:hover {
      transform: rotate(4deg);
    }
    .caixa_general_home_v24_text_mes_galeria .caixa_interna .caixa_galeria {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
    }
    .caixa_general_home_v24_text_mes_galeria .caixa_interna .caixa_galeria .caixa_single_img {
      width: 25%;
      padding: 2%;
    }
    .caixa_general_home_v24_text_mes_galeria .caixa_interna .caixa_galeria .caixa_single_img img {
      max-width: 100%;
      object-fit: contain;
      scale: 1;
    }
    .caixa_general_home_v24_text_mes_img_abs {
      width: 100%;
      background-color: #38362d;
      color: #fff;
      padding-top: 8%;
      padding-bottom: 8%;
      position: relative;
    }
    .caixa_general_home_v24_text_mes_img_abs .caixa_interna {
      width: 100%;
      padding-left: 5%;
      padding-right: 40%;
      display: flex;
      flex-direction: column;
      text-align: left;
      row-gap: 45px;
      font-family: 'Youth';
    }
    .caixa_general_home_v24_text_mes_img_abs .caixa_interna h2 {
      font-family: 'Youth';
      font-size: 90px;
      color: #00aa76;
      font-weight: 900;
      line-height: 1;
    }
    .caixa_general_home_v24_text_mes_img_abs .caixa_interna .caixa_subtitol {
      font-family: 'Youth';
      font-size: 40px;
      font-weight: 600;
      line-height: 1;
    }
    .caixa_general_home_v24_text_mes_img_abs .caixa_interna .caixa_textos {
      font-family: 'Youth';
      font-size: 25px;
      font-weight: 400;
      line-height: 1.5;
    }
    .caixa_general_home_v24_text_mes_img_abs img.imatge_abs {
      position: absolute;
      width: 18%;
      right: 0;
      bottom: 0;
      height: 100%;
      object-fit: contain;
      object-position: right bottom;
    }
    .caixa_general_home_v24_boto_full_mes_imgfons {
      width: 100%;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      overflow: hidden;
      position: relative;
    }
    .caixa_general_home_v24_boto_full_mes_imgfons .caixa_interna {
      width: 100%;
      text-align: center;
      padding-top: 10%;
      padding-bottom: 10%;
      background-color: rgba(0,0,0,0.5);
      z-index: 2;
      /* display: block; */
      position: relative;
    }
    .caixa_general_home_v24_boto_full_mes_imgfons .caixa_interna .caixa_boto {
      width: 100%;
      text-align: center;
      display: flex;
      justify-content: center;
    }
    .caixa_general_home_v24_boto_full_mes_imgfons .caixa_interna .caixa_boto a.boto_new_blanc {
      margin: 0 auto;
      text-align: center;
      padding-top: 15px;
      padding-bottom: 15px;
      cursor: pointer;
      background-color: #ffff5c;
      color: #38362d;
      text-decoration: none;
      border: 1px solid #ffff5c;
      border-radius: 60px;
      font-family: 'Youth';
      font-weight: 900;
      font-size: 40px;
      padding-left: 80px;
      padding-right: 80px;
      transition-duration: .3s;
      transition-property: transform;
    }
    .caixa_general_home_v24_boto_full_mes_imgfons .caixa_interna .caixa_boto a.boto_new_blanc:hover {
      transform: rotate(-4deg);
    }
    .caixa_general_home_v24_packaging {
      width: 100%;
      overflow: hidden;
      padding-top: 10%;
      padding-bottom: 8%;
      padding-left: 5%;
      padding-right: 5%;
      text-align: center;
      background-color: #e8e9e9;
    }
    .caixa_general_home_v24_packaging .caixa_interna {
      width: 100%;
      display: flex;
      flex-direction: column;
      text-align: center;
      row-gap: 45px;
      font-family: 'Youth';
      margin: 0 auto;
    }
    .caixa_general_home_v24_packaging .caixa_interna h2 {
      font-family: 'Youth';
      font-size: 90px;
      color:#00aa76;
      font-weight: 900;
      line-height: 1;
    }
    .caixa_general_home_v24_packaging .caixa_interna .caixa_subtitol {
      font-family: 'Youth';
      font-size: 40px;
      font-weight: 600;
      line-height: 1;
      color:#00aa76;
    }
    .caixa_general_home_v24_packaging .caixa_interna .caixa_textos {
      font-family: 'Youth';
      font-size: 40px;
      font-weight: 600;
      line-height: 1;
      color:#38362d;
    }
    .caixa_general_home_v24_packaging .caixa_interna .caixa_single_img img {
      max-width: 25%;
    }
    .caixa_general_home_v24_paso_a_paso {
      width: 100%;
      overflow: hidden;
      padding-top: 10%;
      padding-bottom: 8%;
      padding-left: 5%;
      padding-right: 5%;
      text-align: center;
    }
    .caixa_general_home_v24_paso_a_paso .caixa_interna {
      width: 100%;
      display: flex;
      flex-direction: column;
      text-align: center;
      row-gap: 45px;
      font-family: 'Youth';
      margin: 0 auto;
    }
    .caixa_general_home_v24_paso_a_paso .caixa_interna h2 {
      font-family: 'Youth';
      font-size: 90px;
      color: #00aa76;
      font-weight: 900;
      line-height: 1;
      max-width: 80%;
      margin: 0 auto 8%;
    }
    .caixa_general_home_v24_paso_a_paso .caixa_llistat {
      display: flex;
      justify-content: space-between;
    }
    .caixa_general_home_v24_paso_a_paso .caixa_llistat .caixa_single_llistat {
      width: 33%;
      display: flex;
      flex-direction: column;
      text-align: center;
      row-gap: 25px;
    }
    .caixa_general_home_v24_paso_a_paso .caixa_llistat .caixa_single_llistat .caixa_img img {
      max-width: 300px;
      height: 250px;
    }
    .caixa_general_home_v24_paso_a_paso .caixa_llistat .caixa_single_llistat .caixa_titol {
      width: 100%;
    }
    .caixa_general_home_v24_paso_a_paso .caixa_llistat .caixa_single_llistat .caixa_titol h3 {
      font-family: 'Youth';
      color: #00aa76;
      line-height: 1;
      font-weight: 900;
      font-size: 33px;
    }
    .caixa_general_home_v24_paso_a_paso .caixa_llistat .caixa_single_llistat .caixa_subtitol {
      color: #000;
      font-family: 'Youth';
      line-height: 1;
      font-weight: 600;
      font-size: 22px;
      padding-left: 20%;
      padding-right: 20%;
    }
    .caixa_general_home_v24_paso_a_paso .caixa_llistat .caixa_single_llistat .caixa_text {
      color: #000;
      font-family: 'Youth';
      line-height: 1;
      font-weight: 400;
      font-size: 18px;
      padding-left: 20%;
      padding-right: 20%;
    }
    
    header.header_v24 {
      background: transparent;
    }
    header.header_v24 div.head {
      background-color: rgba(0,170,118,0);
      box-shadow: none;
      padding-left: 5%;
      padding-right: 5%;
      padding-top: 2%;
      padding-bottom: 1%;
      transition: all .4s cubic-bezier(.26, 1.04, .54, 1);
    }
    header.header_v24.scroll div.head { 
      background-color: rgba(0,170,118,1);
      padding-top: 0;
      padding-bottom: 0;
      transition: all .4s cubic-bezier(.26, 1.04, .54, 1);
      box-shadow: 1px -3px 25px -9px #333;
    }
    header.header_v24 img#menu_burger_top {
      width: 33px;
      transition: all .4s cubic-bezier(.26, 1.04, .54, 1);
    
    }
    header.header_v24.scroll img#menu_burger_top {
      width: 28px;
      transition: all .4s cubic-bezier(.26, 1.04, .54, 1);
    
    }
    header.header_v24 div.head  #logo img {
      margin-top: 0;
      margin-left: 0;
      scale: 1;
      max-width: 90%;
      transition: all .4s cubic-bezier(.26, 1.04, .54, 1);
    }
    header.header_v24.scroll div.head  #logo img {
      max-width: 80%;
      transition: all .4s cubic-bezier(.26, 1.04, .54, 1);
    }
    header.header_v24 div.head  #logo img.logo_negre {
      display: none;
    }
    header.header_v24 div.head  #logo img.logo_blanc {
      display: block;
    }
    header.header_v24.header_fons_verd div.head  #logo img.logo_negre {
      display: block;
    }
    header.header_v24.header_fons_verd div.head  #logo img.logo_blanc {
      display: none;
    }
    header.header_v24 #menu > li > a {
      color: #fff;
      font-family: 'Youth';
      font-weight: 500;
      text-transform: lowercase;
      letter-spacing: inherit;
      font-size: 16px;
      border-radius: 40px;
    }
    header.header_v24 #menu>li:hover>a {
      background-color: #ffff5c;
      color:#38362d;
    }
    header.header_v24 .caixa_idiomes_cap a {
      color: #fff;
      font-family: 'Youth';
      font-weight: 500;
    }
    header.header_v24 .caixa_idiomes_cap a.active {
      color: #fff;
      font-family: 'Youth';
      font-weight: 500;
    }
    header.header_v24 .caixa_idiomes_cap {
      color: #fff;
    }
    header.header_v24 #head_login i {
      color: #fff;
    }
    header.header_v24 #carro_petit b {
      color: #fff;
    }
    
    header.header_v24.header_fons_verd div.head { 
      background-color: #e8e9e9;
      padding-top: 1%;
      transition: all .4s cubic-bezier(.26, 1.04, .54, 1);
    }
    
    header.header_v24.header_fons_verd div.head img#menu_burger_top { 
      filter: invert(100%);
    }
    
    header.header_v24.header_fons_verd.scroll div.head {
      padding-top: 0;
      transition: all .4s cubic-bezier(.26, 1.04, .54, 1);
    }
    header.header_v24.header_fons_verd #menu > li > a, header.header_v24.header_fons_verd .caixa_idiomes_cap a, header.header_v24.header_fons_verd .caixa_idiomes_cap, header.header_v24.header_fons_verd #head_login i, header.header_v24.header_fons_verd #carro_petit b {
      color: #38362d;
    }
    header.header_v24.header_fons_verd #menu > li > a.active {
      background-color: inherit;
      color: #38362d;
      
    }
    header.header_v24.header_fons_blanc div.head { 
      background-color: #00aa76;
      padding-top: 1%;
    }
    header.header_v24.header_fons_blanc.scroll div.head { 
      padding-top: 0;
    }
    
    .rotate-in-center {
      -webkit-animation: rotate-in-center 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
              animation: rotate-in-center 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    }
    
    @media (max-width:1300px) {
      .caixa_principal_home_new .caixa_interior .caixa_textos {
        padding: 6% 5% 4% 5%;
        row-gap: 20px;
      }
      .caixa_principal_home_new .caixa_interior .caixa_textos .caixa_icona img {
        max-width: 11%;
      }
      .caixa_principal_home_new h1 {
        font-size: 45px;
      }
      .caixa_principal_home_new .caixa_interior .caixa_textos .subtitol {
        font-size: 25px;
      }
      .caixa_principal_home_new .caixa_interior .caixa_textos .caixa_boto {
        margin-top: 25px;
      }
      .caixa_principal_home_new .caixa_interior .caixa_textos .caixa_boto a.boto_new_groc {
        font-size: 25px;
        padding: 12px 70px;
      }
      .caixa_general_home_v24_only_text .caixa_interna h2, .caixa_general_home_v24_text_mes_galeria .caixa_interna h2, .caixa_general_home_v24_text_mes_img_abs .caixa_interna h2, .caixa_general_home_v24_packaging .caixa_interna h2, .caixa_general_home_v24_paso_a_paso .caixa_interna h2 {
        font-size: 75px;
      }
      .caixa_principal_home_new img.icona_absoluta_v1 {
        position: absolute;
        width: 54%;
        left: 74%;
        z-index: 1;
        bottom: -22%;
        opacity: 1 !important;
      }
      .caixa_general_home_v24_text_mes_img_abs .caixa_interna {
        padding-right: 30%;
      }
      .caixa_general_home_v24_paso_a_paso .caixa_llistat .caixa_single_llistat .caixa_img img {
        height: 200px;
      }
    }
    @media (max-width:1100px) { 
  
  .caixa_principal_home_new {
    height: auto;
  }
      
      .caixa_principal_home_new .caixa_interior {
        flex-direction: column-reverse;
        height: fit-content;
        justify-content: flex-end;
      }
      
      .caixa_principal_home_new .caixa_interior .caixa_textos {
        padding: 6% 5% 6% 5%;
        row-gap: 25px;
        width: 100%;
        border-radius: 0px !important;
      }
  
  .caixa_principal_home_new .caixa_interior .caixa_imatge_amb_bg {
    width: 100%;
    height: 40vh;
    border-radius: 0px !important;
  }
      
      .caixa_principal_home_new h1 {
        font-size: 35px;
      }
      .caixa_principal_home_new .caixa_interior .caixa_textos .subtitol {
        width: 100%;
        font-size: 22px;
      }
      .caixa_principal_home_new .caixa_interior .caixa_textos .caixa_boto a.boto_new_groc, .caixa_general_home_v24_only_text .caixa_interna .caixa_boto a.boto_new_groc, .caixa_general_home_v24_text_mes_galeria .caixa_interna .caixa_boto a.boto_new_blanc {
        font-size: 22px;
        padding: 12px 70px;
      }
      .caixa_general_home_v24_only_text .caixa_interna h2, .caixa_general_home_v24_text_mes_galeria .caixa_interna h2, .caixa_general_home_v24_text_mes_img_abs .caixa_interna h2, .caixa_general_home_v24_packaging .caixa_interna h2, .caixa_general_home_v24_paso_a_paso .caixa_interna h2 {
        font-size: 70px;
      }
      .caixa_general_home_v24_only_text .caixa_interna .caixa_textos {
        font-size: 35px;
        padding-left: 8%;
        padding-right: 8%;
      }
      .caixa_general_home_v24_text_mes_galeria .caixa_interna .caixa_subtitol {
        font-size: 35px;
        padding-left: 22%;
        padding-right: 22%;
      }
      .caixa_general_home_v24_text_mes_galeria .caixa_interna .caixa_textos {
        font-size: 22px;
        padding-left: 15%;
        padding-right: 15%;
      }
      .caixa_general_home_v24_text_mes_img_abs .caixa_interna .caixa_subtitol {
        font-size: 35px;
      }
      .caixa_general_home_v24_text_mes_img_abs .caixa_interna .caixa_textos, .caixa_general_home_v24_paso_a_paso .caixa_llistat .caixa_single_llistat .caixa_titol h3 {
        font-size: 22px;
      }
      .caixa_general_home_v24_text_mes_img_abs .caixa_interna {
        padding-right: 25%;
        row-gap: 35px;
      }
      .caixa_general_home_v24_boto_full_mes_imgfons .caixa_interna .caixa_boto a.boto_new_blanc {
        font-size: 28px;
      }
      .caixa_general_home_v24_packaging .caixa_interna .caixa_textos {
        font-size: 32px;
      }
      .caixa_general_home_v24_paso_a_paso .caixa_llistat {
        margin-top: 30px;
      }
      .caixa_general_home_v24_paso_a_paso .caixa_llistat .caixa_single_llistat .caixa_img img {
        height: 170px;
      }
      .caixa_general_home_v24_paso_a_paso .caixa_llistat .caixa_single_llistat .caixa_subtitol {
        font-size: 16px;
      }
      .caixa_general_home_v24_paso_a_paso .caixa_llistat .caixa_single_llistat .caixa_text {
        font-size: 14px;
      }
    }
    @media (max-width:800px) { 
      .caixa_principal_home_new .caixa_interior {
        flex-direction: column-reverse;
      }
      .caixa_principal_home_new .caixa_interior .caixa_textos {
        width: 100%;
        border-top-left-radius: 0;
        padding-left: 15%;
        padding-right: 15%;
        padding-bottom: 15%;
      }
      .caixa_principal_home_new .caixa_interior .caixa_imatge_amb_bg {
        width: 100%;
        /*border-top-left-radius: 60px;*/
        height: auto;
      }
      .caixa_principal_home_new #slider_h24 {
        max-height: 300px;
      }
      .caixa_principal_home_new img.icona_absoluta_v2 {
        display: none;
      }
      .caixa_principal_home_new .caixa_interior .caixa_textos .caixa_icona img {
        max-width: 12%;
        height: 100%;
        object-fit: contain;
      }
      .caixa_principal_home_new .caixa_interior .caixa_textos .caixa_boto {
        margin-top: 15px;
      }
      .caixa_principal_home_new img.icona_absoluta_v1 {
        bottom: -10%;
      }
      .caixa_principal_home_new .caixa_interior .caixa_textos .caixa_boto a.boto_new_groc, .caixa_general_home_v24_only_text .caixa_interna .caixa_boto a.boto_new_groc, .caixa_general_home_v24_text_mes_galeria .caixa_interna .caixa_boto a.boto_new_blanc {
        font-size: 16px;
        padding: 12px 60px;
        width: auto;
      }
      .caixa_general_home_v24_only_text .caixa_interna h2, .caixa_general_home_v24_text_mes_galeria .caixa_interna h2, .caixa_general_home_v24_text_mes_img_abs .caixa_interna h2, .caixa_general_home_v24_packaging .caixa_interna h2, .caixa_general_home_v24_paso_a_paso .caixa_interna h2 {
        font-size: 55px;
      }
      .caixa_general_home_v24_only_text .caixa_interna .caixa_textos, .caixa_general_home_v24_only_text .caixa_interna .caixa_textos .text_verd {
        font-size: 28px;
      }
      .caixa_general_home_v24_text_mes_galeria .caixa_interna .caixa_subtitol {
        font-size: 30px;
        padding-left: 15%;
        padding-right: 15%;
      }
      .caixa_general_home_v24_text_mes_galeria .caixa_interna .caixa_textos {
        font-size: 18px;
      }
      .caixa_general_home_v24_text_mes_img_abs .caixa_interna .caixa_subtitol {
        font-size: 28px;
      }
      .caixa_general_home_v24_text_mes_img_abs .caixa_interna .caixa_textos, .caixa_general_home_v24_paso_a_paso .caixa_llistat .caixa_single_llistat .caixa_titol h3 {
        font-size: 22px;
      }
      .caixa_general_home_v24_boto_full_mes_imgfons .caixa_interna .caixa_boto a.boto_new_blanc {
        font-size: 20px;
      }
      .caixa_general_home_v24_packaging .caixa_interna .caixa_textos {
        font-size: 22px;
      }
      .caixa_general_home_v24_paso_a_paso .caixa_llistat .caixa_single_llistat .caixa_img img {
        height: 120px;
      }
      .caixa_general_home_v24_paso_a_paso .caixa_llistat .caixa_single_llistat .caixa_subtitol {
        font-size: 18px;
        padding-left: 15%;
        padding-right: 15%;
      }
      .caixa_general_home_v24_paso_a_paso .caixa_llistat .caixa_single_llistat .caixa_text {
        font-size: 16px;
        padding-left: 15%;
        padding-right: 15%;
      }
      .caixa_general_home_v24_packaging .caixa_interna .caixa_subtitol {
        font-size: 32px;
      }

.caixa_general_home_v24_packaging .caixa_interna .caixa_single_img img {
  height: 160px;
  max-width: 100%;
}
      
      .caixa_general_home_v24_packaging .caixa_interna {
        row-gap: 35px;
      }
      header.header_v24 div.head {
        padding-top: 5%;
      }
      .caixa_menu_full_size .caixa_interna_menu_full_size .caixa_creu_full_menu {
        margin-top: 25px;
      }
    }
    @media (max-width:800px) { 
      .caixa_principal_home_new .caixa_interior .caixa_imatge_amb_bg {
        /*border-top-left-radius: 40px;
        border-top-right-radius: 40px;*/
      }
      header.header_v24 div.head {
        padding-top: 1%;
        justify-content: space-between;
      }
      header.header_v24 img#menu_burger_top {
        width: 25px;
      }
      .header_v24 .two .boto_menu {
        margin-right: 5px;
      }
      .header_v24 .two #carro_petit_2 {
        margin-right: 5px;
        margin-left: 0;
      }
      .caixa_principal_home_new img.icona_absoluta_v1 {
        width: 65%;
        left: 67%;
        bottom: -16%;
        /* opacity: 1 !important; */
        z-index: 10;
      }
      .caixa_principal_home_new #slider_h24 {
        max-height: 240px;
      }
      .caixa_principal_home_new .caixa_interior .caixa_textos {
        padding-left: 12%;
        padding-right: 12%;
        padding-bottom: 10%;
        padding-top: 10%;
        height: auto;
      }
      .caixa_principal_home_new h1 {
        font-size: 30px;
      }
      .caixa_principal_home_new .caixa_interior .caixa_textos .subtitol {
        font-size: 18px;
      }
      .caixa_general_home_v24_only_text .caixa_interna h2, .caixa_general_home_v24_text_mes_galeria .caixa_interna h2, .caixa_general_home_v24_text_mes_img_abs .caixa_interna h2, .caixa_general_home_v24_packaging .caixa_interna h2, .caixa_general_home_v24_paso_a_paso .caixa_interna h2 {
        font-size: 40px;
      }
      .caixa_general_home_v24_only_text {
        padding-top: 25%;
      }
      .caixa_general_home_v24_only_text .caixa_interna {
        width: 100%;
      }
      .caixa_general_home_v24_only_text .caixa_interna .caixa_textos, .caixa_general_home_v24_only_text .caixa_interna .caixa_textos .text_verd {
        font-size: 24px;
      }
      .caixa_general_home_v24_only_text .caixa_interna .caixa_boto, .caixa_general_home_v24_text_mes_galeria .caixa_interna .caixa_boto {
        margin-top: 10px;
      }
      .caixa_general_home_v24_text_mes_galeria .caixa_interna .caixa_subtitol {
        font-size: 24px;
        padding-left: 8%;
        padding-right: 8%;
      }
      .caixa_general_home_v24_text_mes_galeria .caixa_interna .caixa_textos {
        font-size: 16px;
        padding-left: 10%;
        padding-right: 10%;
      }
      .caixa_general_home_v24_text_mes_img_abs .caixa_interna {
        padding-left: 10%;
        padding-right: 10%;
      }
      .caixa_general_home_v24_text_mes_img_abs {
        padding-bottom: 10%;
      }
      .caixa_general_home_v24_text_mes_img_abs img.imatge_abs {
        opacity: 0.2;
        width: 50%;
      }
      .caixa_general_home_v24_boto_full_mes_imgfons .caixa_interna .caixa_boto a.boto_new_blanc {
        padding-left: 40px;
        padding-right: 40px;
      }
      .caixa_general_home_v24_paso_a_paso .caixa_interna h2 {
        max-width: 100%;
      }
      .caixa_general_home_v24_paso_a_paso .caixa_llistat {
        margin-top: 0;
        flex-direction: column;
      }
      .caixa_general_home_v24_paso_a_paso .caixa_llistat .caixa_single_llistat {
        width: 100%;
      }
      .caixa_general_home_v24_paso_a_paso .caixa_llistat .caixa_single_llistat .caixa_img img {
        height: 160px;
      }
      .caixa_general_home_v24_paso_a_paso .caixa_interna {
        row-gap: 20px;
      }
      .caixa_menu_full_size .caixa_zona_client_full_menu #head_login {
        flex-direction: row;
        justify-content: start;
        text-align: left;
        width: 100%;
      }
    }

    @media all and (max-width:1000px) { 
      .caixa_principal_home_new img.icona_absoluta_v2 {
        width: 13%;
      }
    }
    /* ----------------------------------------------
     * Generated by Animista on 2024-5-3 10:38:48
     * Licensed under FreeBSD License.
     * See http://animista.net/license for more info. 
     * w: http://animista.net, t: @cssanimista
     * ---------------------------------------------- */
    
    /**
     * ----------------------------------------
     * animation rotate-in-center
     * ----------------------------------------
     */
     @-webkit-keyframes rotate-in-center {
      0% {
        -webkit-transform: rotate(-360deg);
                transform: rotate(-360deg);
        opacity: 0;
      }
      100% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
        opacity: 1;
      }
    }
    @keyframes rotate-in-center {
      0% {
        -webkit-transform: rotate(-360deg);
                transform: rotate(-360deg);
        opacity: 0;
      }
      100% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
        opacity: 1;
      }
    }
    
    
    /**
     * ----------------------------------------
     * animation wobble-hor-bottom
     * ----------------------------------------
     */
     @-webkit-keyframes wobble-hor-bottom {
      0%,
      100% {
        -webkit-transform: translateX(0%);
                transform: translateX(0%);
        -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
      }
      15% {
        -webkit-transform: translateX(-30px) rotate(-6deg);
                transform: translateX(-30px) rotate(-6deg);
      }
      30% {
        -webkit-transform: translateX(15px) rotate(6deg);
                transform: translateX(15px) rotate(6deg);
      }
      45% {
        -webkit-transform: translateX(-15px) rotate(-3.6deg);
                transform: translateX(-15px) rotate(-3.6deg);
      }
      60% {
        -webkit-transform: translateX(9px) rotate(2.4deg);
                transform: translateX(9px) rotate(2.4deg);
      }
      75% {
        -webkit-transform: translateX(-6px) rotate(-1.2deg);
                transform: translateX(-6px) rotate(-1.2deg);
      }
    }
    @keyframes wobble-hor-bottom {
      0%,
      100% {
        -webkit-transform: translateX(0%);
                transform: translateX(0%);
        -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
      }
      15% {
        -webkit-transform: translateX(-30px) rotate(-6deg);
                transform: translateX(-30px) rotate(-6deg);
      }
      30% {
        -webkit-transform: translateX(15px) rotate(6deg);
                transform: translateX(15px) rotate(6deg);
      }
      45% {
        -webkit-transform: translateX(-15px) rotate(-3.6deg);
                transform: translateX(-15px) rotate(-3.6deg);
      }
      60% {
        -webkit-transform: translateX(9px) rotate(2.4deg);
                transform: translateX(9px) rotate(2.4deg);
      }
      75% {
        -webkit-transform: translateX(-6px) rotate(-1.2deg);
                transform: translateX(-6px) rotate(-1.2deg);
      }
    }
    /* ----------------------------------------------
     * Generated by Animista on 2024-5-3 9:56:2
     * Licensed under FreeBSD License.
     * See http://animista.net/license for more info. 
     * w: http://animista.net, t: @cssanimista
     * ---------------------------------------------- */
    
    /**
     * ----------------------------------------
     * animation vibrate-1
     * ----------------------------------------
     */
     @-webkit-keyframes vibrate-1 {
      0% {
        -webkit-transform: translate(0);
                transform: translate(0);
      }
      20% {
        -webkit-transform: translate(-2px, 2px);
                transform: translate(-2px, 2px);
      }
      40% {
        -webkit-transform: translate(-2px, -2px);
                transform: translate(-2px, -2px);
      }
      60% {
        -webkit-transform: translate(2px, 2px);
                transform: translate(2px, 2px);
      }
      80% {
        -webkit-transform: translate(2px, -2px);
                transform: translate(2px, -2px);
      }
      100% {
        -webkit-transform: translate(0);
                transform: translate(0);
      }
    }
    @keyframes vibrate-1 {
      0% {
        -webkit-transform: translate(0);
                transform: translate(0);
      }
      20% {
        -webkit-transform: translate(-2px, 2px);
                transform: translate(-2px, 2px);
      }
      40% {
        -webkit-transform: translate(-2px, -2px);
                transform: translate(-2px, -2px);
      }
      60% {
        -webkit-transform: translate(2px, 2px);
                transform: translate(2px, 2px);
      }
      80% {
        -webkit-transform: translate(2px, -2px);
                transform: translate(2px, -2px);
      }
      100% {
        -webkit-transform: translate(0);
                transform: translate(0);
      }
    }
    
    /* --- Fi estils nova home by Carles --- */