@font-face {
    font-family: 'Didot';
    src: url('../fonts/didot/Didot-Italic.eot');
    src: url('../fonts/didot/Didot-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/didot/Didot-Italic.woff2') format('woff2'),
        url('../fonts/didot/Didot-Italic.woff') format('woff'),
        url('../fonts/didot/Didot-Italic.svg#Didot-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

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

@font-face {
    font-family: 'Didot';
    src: url('../fonts/didot/Didot-HTF-B11-Bold.eot');
    src: url('../fonts/didot/Didot-HTF-B11-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/didot/Didot-HTF-B11-Bold.woff2') format('woff2'),
        url('../fonts/didot/Didot-HTF-B11-Bold.woff') format('woff'),
        url('../fonts/didot/Didot-HTF-B11-Bold.svg#Didot-HTF-B11-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
  font-family: 'Didot';
  src: url('../fonts/didot/Didot-HTF-M06-Medium.otf') format("opentype"),
       url('../fonts/didot/Didot-HTF-M06-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
    font-family: 'Didot';
    src: url('../fonts/didot/Didot-HTF-B11-Bold-Ital.eot');
    src: url('../fonts/didot/Didot-HTF-B11-Bold-Ital.eot?#iefix') format('embedded-opentype'),
        url('../fonts/didot/Didot-HTF-B11-Bold-Ital.woff2') format('woff2'),
        url('../fonts/didot/Didot-HTF-B11-Bold-Ital.woff') format('woff'),
        url('../fonts/didot/Didot-HTF-B11-Bold-Ital.svg#Didot-HTF-B11-Bold-Ital') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
  font-family: 'Didot';
  src: url('../fonts/didot/Didot-HTF-M06-Medium-Ital.ttf') format("truetype"),
      url('../fonts/didot/Didot-HTF-M06-Medium-Italic.otf') format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Duet Font';
  src: url('../fonts/DuetFont-Regular.otf') format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Grotesque';
  src: url('../fonts/GrotesqueMTStd.otf') format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Grotesque MT Std';
  src: url('../fonts/grotesquemtstd-light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

.scrollmagic-pin-spacer{/*outline:1px solid rgba(255,255,0,0.5)*/}
.config_pages--equilater--full{font-family:"Didot", Times, serif;
  color:#1d1d1b;
}

.config_pages--equilater--full em{color:#dca600;font-style:normal}
.equilater-big{font-size:1.5rem;line-height:1.1}
#nota_de_cata .equilater-big{font-size:1.75rem}
.equilater-size2{font-size:1.2rem}
.all-caps{text-transform:uppercase;}
.fondocolor{background-color:#F7F6F6;}
.cur{font-style:italic}
.cur em{font-style:italic}
.f-right{float:right;clear: right;}
.f-left{float:left;}
.text-center{text-align:center}
#nota_de_cata,
.dammc-paragraph-bloque_img_fondo.img-c,
.dammc-paragraph-bloque_img_fondo.img-d{padding:6vw;}
.dammc-paragraph-bloque_img_fondo.img-d img{max-width:100%;height:auto;margin-top:1em;}

.clear{clear:both;}

.presentacion{margin:0 2rem 100px;max-width:61rem;text-align:center}
#eq_logo_cabecera{text-align:center;width:100%;z-index:-1;position:fixed;top:140px;}
#eq_logo_cabecera .field--name-field-parrafos-contenido{width:100%;}
#eq_logo_cabecera img{width:auto;max-width:44vh;}

.bloque-botella-mobile{width:100%;margin-top:100vw}
.bloque-botella-mobile img{width:100%;height:auto}

/*.triangulo,.triangulo *{outline-offset: 0px;}
.triangulo *{outline:2px solid rgba(0,255,0,0.5)}
*/

.triangulo {width:100%;text-align:center;/*padding:24vw 0 12vw*/}
.triangulo img{max-width:50vw;height:auto;margin:0;}
.triangulo .field--name-field-imagen-fondo{overflow:hidden; }

/*
#t_maridaje.triangulo {width:100%;text-align:center;; outline:2px dotted red}
#t_maridaje.triangulo img{max-width:50vw;height:auto; outline:2px dashed green }
#t_maridaje.triangulo .field--name-field-imagen-fondo{overflow:hidden; outline:2px dashed blue}
*/

.nota-de-cata img{max-width:100%;height:auto}

#barril_corteza{padding:120px 6vw 0;position:relative;height:680px}
#barril_corteza img{width:66vw;max-width:450px;height:auto;}

#bloque_tronco .field--name-field-imagen-fondo{text-align:center}
.as-td .img-placeholder{text-align:center;width:100%;display:block}
.as-td .img-placeholder img{max-width:100%;height:auto;margin:0 auto;}

#moleculas .as-td{padding:0 0 1rem 0;font-style:italic}
#moleculas .as-td em{font-style:italic}

#zoom_trigger{width:100;position:relative;top:100vh}

.fade-processed{opacity:0;transition: opacity 1s ease-in-out;}
.fade-processed.visible{opacity:1}


.beer-cata .content{margin:100px  auto 100px ;width:100%}
.beer-cata ul{display:inline-block;text-align:center;}
.beer-cata li{display:inline-block;border-right:2px solid #888;vertical-align:middle;padding:0 2rem}
.beer-cata li:last-child{border-right:none;}

.beer-cata {position:relative;font-family: sans-serif;}
.beer-cata-item {font-size:72px}
.beer-cata-item sup{font-size:50%;top: -0.75em}
.beer-cata-item span{display:block;font-size:12px}
.beer-cata-item .cata__type{font-size:36px;display: inline-block;max-width:8rem;line-height: 1;}

.sm-fade{margin-bottom:1rem;}

.__header a,
  .__header a:hover{
      height: 40px;
      width: 136px;
      float: right;
      color: #000;
      border: 1px solid #000;
      font-size: 16px;
      font-size: 1rem;
  }

@media (max-width: 1074px) , (max-aspect-ratio: 1/1) {
  .__header__inner p{display: none;}
  .triangulo.fade-processed{opacity:1;}
  .triangulo .field--name-field-imagen-fondo{opacity:0; transition: opacity 1s ease-in-out;}
  .triangulo .field--name-field-imagen-fondo.visible{opacity:1;}
  #eq_logo_cabecera{top:90px;}
  #eq_logo_cabecera img{max-width:30vh;}
  .bloque-botella-mobile {margin-top: 40vh;}
  .bloque-botella-mobile {overflow: hidden;}
  .bloque-botella-mobile img {width: 108%;margin-left: -4%;}

  .presentacion {margin: 2rem;}
  .desktop-only{display:none;}
  #barril_corteza #corteza img{position:absolute;right:0;}
  #barril_corteza #barril img{position:relative;left: 0;}
  #barril_corteza img{width:66vw;height:auto;}

  #barril_corteza{padding-top:10vh;margin-right:6vw;margin-left:6vw;height: 550px;}
  .montonera-d,
  .montonera-i{margin-left:6vw;margin-right:6vw;position: relative;}
  .montonera-d{padding-top:0;}
  .montonera-d em,.montonera-i em{font-style:italic}
  .montonera-d p,.montonera-i p{font-style:italic;text-align:left;/*max-width:calc(47% - 0.5rem)*/}
  .montonera-d img,.montonera-i img{width:45vw;height:auto;max-width: 450px;}
  .montonera-d img{margin-bottom:8rem;margin-left:47%;}
  .montonera-i img{float:left;margin-top: -8rem}
  .montonera-i p{float:right;}

  #maridaje{margin-bottom: 6vh;}

 .l-triangulo{text-align:center}


  .content__region .content__content .config_pages div.buttons-area {
      position: fixed;
      width: 100%;
      padding: 0 5%;
      bottom: 1%;
      left: 0;
      z-index: 2;
      display: flex;
      justify-content: center;
  }
  .content__region .content__content .config_pages .buttons-area a {
      position: static;
      width: 45%;
      margin: 0 2.5%;
  }

  .content__region .content__content .config_pages .buttons-area a:hover {
    height: 50px;
    font-size: 1.25rem;
  }

  .content__region .content__content .config_pages div.buttons-area .button:before {
    content: none;
  }

  .__header a {
    font-family: sans-serif;
    float: right;
    color: #000;
    border: 1px solid #000;
  }
  .__header a {
      background: #fff;
      height: 50px;
      font-size: 20px;
      font-size: 1.25rem;
  }
  .content__region .content__content .config_pages .buttons-area a {
    position: static;
    width: 45%;
    margin: 0 2.5%;
  }

  .beer-cata .content {margin: 20px auto 50px;}
  .beer-cata-item {font-size:32px}
  .beer-cata li{border-right:2px solid #888;width:43%;margin-top:1rem;}
  .beer-cata li + li{border-right:none;}
  .beer-cata li + li + li{border-right:2px solid #888;}
  .beer-cata li + li + li + li {border-right:none;}
  .beer-cata li + li + li + li + li {width:100%}

  #t_maridaje,#t_maltas{margin-top:2rem;}
  #t_cata,#t_maltas{background-color:#F7F6F6;padding-top:2rem}

  .dammc-paragraph-bloque_video {
    height: 50vh;
    margin: 0 2rem 100px;
  }

  .div-video-desktop {
    display: none;
  }

  #nota_de_cata{
    margin-bottom: 6vh;
  }
}



@media (min-width: 1075px) and (min-aspect-ratio: 1/1) {/*desktop*/

.triangulo.pinchado{position:fixed;top:136px;}
.t-trigger{ width:100%;text-align:center;height:24vh;margin:0;line-height:0; /*outline:2px dashed rgba(255,0,0,0.5);*/}
.t-trigger .field--name-field-imagen-fondo{overflow:hidden;margin:0;bottom:0;width:100%;height:24vh}
.t-trigger.pinchado {opacity:0;}

  body{font-size:1.125rem;}
  .field--name-field-parrafos-contenido {
    width: 1064px;
    margin: 0 auto;
  }
  #maridaje{overflow: hidden;margin-bottom: -30px;}
  .montonera-d{width:80%;padding-top:0;margin-top:50px;margin-left:20%;}
  .montonera-d em,.montonera-i em{font-style:italic}
  .montonera-d p,.montonera-i p{font-style:italic;text-align:left;}
  .montonera-d p{margin-top:0;}
  .montonera-d .field--name-field-html-contenido{padding-top:80px;float:right;width:50%;}
  .montonera-d img{float:left;}
  .montonera-i{float:left;padding-top:0;width:100%;}
  .montonera-i img{float:left;}
  .montonera-i p{float:right;width:312px;margin-top:120px;}
  .montonera-i .field--name-field-imagen-fondo{position: absolute;}

  .mobile-only{display:none}
  .as-td .img-placeholder.mobile-only{display:none}
  .equilater-big{font-size:2.75rem;}
  .triangulo {width:100%;text-align:center;z-index:2;height:24vh;position:fixed;margin:0;line-height:0;}
  .triangulo .field--name-field-imagen-fondo{overflow:hidden;margin:0;bottom:0;width:100%;position:absolute;height:0}
  .triangulo.cerrando-t .field--name-field-imagen-fondo{top:0;bottom:0}
  .triangulo.abriendo-t .field--name-field-imagen-fondo .field__item{position:absolute;bottom:0;width:100%}
  .triangulo img, .t-trigger img{height:24vh;width:auto;}

  [data-t-id="t_maridaje"]{margin-top:-24vh}

  .l-triangulo {width:100%;text-align:center;z-index:2;height:24vh;/*position:relative*/;margin:0;line-height:0;}
  .l-triangulo .field--name-field-imagen-fondo{overflow:hidden;margin:0;bottom:0;width:100%;position:absolute;opacity:0;}
  .l-triangulo img{height:24vh;width:auto;}


  #eq_logo_cabecera img{top:140px;}
  #heading_spacer{height:60vh;overflow:hidden}

  #bloque_botella{height:100vh;text-align:center;position:relative;width:100%;}
  #bloque_botella .dammc-paragraph-bloque_img_fondo{height:90vh;width:100%;z-index:6;/*left:50%;transform:translate(-50%,0)*/}
  #bloque_botella img {margin:0 auto;height:100vh;width:auto}
  #bloque_botella .dammc-paragraph-bloque_img_fondo.trigger-aux{position:absolute;bottom: 50px;height:1px;width:1064px;}

  #bloque_botella .dammc-paragraph-bloque_img_fondo{transition: all 1.2s ease-in-out;}
  
  #bloque_botella #fondo_botella_tp {transition: all 1s ease-in-out;}
  #bloque_botella .piedra  {transition: all 1s ease-in-out;transition-delay:0.3s}
  #bloque_botella #fondo_botella_tp{z-index: 1;margin-top:50%;opacity:0;}
  #bloque_botella .piedra{z-index: 7;margin-top:50%;opacity:0;}


  #bloque_botella .dammc-paragraph-bloque_img_fondo.triangulos{transition-delay:0.9s}
  #bloque_botella .dammc-paragraph-bloque_img_fondo.tronco{transition-delay:1s}
  #bloque_botella .dammc-paragraph-bloque_img_fondo.higo{transition-delay:1.1s}
  #bloque_botella .dammc-paragraph-bloque_img_fondo.hinojo{transition-delay:1.2s}


  #bloque_botella .dammc-paragraph-bloque_img_fondo{width:100%;position:absolute;left: 0;}
  #bloque_botella .dammc-paragraph-bloque_img_fondo.triangulos{opacity:0;transform:scale(0.80);}
  #bloque_botella .dammc-paragraph-bloque_img_fondo.hinojo,
  #bloque_botella .dammc-paragraph-bloque_img_fondo.higo,
  #bloque_botella .dammc-paragraph-bloque_img_fondo.tronco{opacity:0;transform:scale(0.5);}

  #bloque_botella.post-anim #fondo_botella_tp{margin-top:0;opacity:1;}
  #bloque_botella.post-anim .piedra{margin-top:0;opacity:1;}
  #bloque_botella.post-anim .dammc-paragraph-bloque_img_fondo.triangulos{opacity:1;transform:scale(1);}
  #bloque_botella.post-anim .dammc-paragraph-bloque_img_fondo.hinojo{opacity:0.7;transform:scale(1);}
/*  #bloque_botella.post-anim .dammc-paragraph-bloque_img_fondo.hinojo img{opacity:1;transform:scale(1);}*/
  #bloque_botella.post-anim .dammc-paragraph-bloque_img_fondo.higo{opacity:0.7;transform:scale(1);}
/*  #bloque_botella.post-anim .dammc-paragraph-bloque_img_fondo.higo img{opacity:1;transform:scale(1);}*/
  #bloque_botella.post-anim .dammc-paragraph-bloque_img_fondo.tronco{opacity:0.7;transform:scale(1);}

  .as-table{display:table;table-layout: fixed;}
  .as-tr{display:table-row;}
  .as-td{display:table-cell;}

  .pinable .as-td,.pinable.pinned.pinnedoff .as-td,
  .pinable .as-td ~ .as-td,.pinable.pinned.pinnedoff .as-td ~ .as-td{opacity:0;transition: opacity 0.4s ease-in-out;}
  .pinable.pinned .as-td{opacity:1;transition: opacity 0.4s ease-in-out;}
  .pinable.pinned .as-td ~ .as-td{opacity:1;transition: opacity 0.4s ease-in-out 0.4s;}

  #ramita{padding-bottom:24vh;padding-top: 12vh;}

  #bloque_tronco:after,
  #bloque_higo:after,
  #bloque_malta:after{content:" ";display:block;width:100%;clear:both;}
  #bloque_malta,
  #bloque_malta .as-td,
  #bloque_malta .field--name-field-imagen-fondo .field-item,
  #bloque_malta .field--name-field-imagen-fondo,
  #bloque_higo,
  #bloque_higo .as-td,
  #bloque_higo .field--name-field-imagen-fondo .field-item,
  #bloque_higo .field--name-field-imagen-fondo,
  #bloque_tronco,
  #bloque_tronco .as-td,
  #bloque_tronco .field--name-field-imagen-fondo .field-item,
  #bloque_tronco .field--name-field-imagen-fondo{min-height:75vh;}

  #bloque_higo .field--name-field-imagen-fondo .field-item,
  #bloque_malta .field--name-field-imagen-fondo .field-item,
  #bloque_tronco .field--name-field-imagen-fondo .field-item{display:table-cell;vertical-align:middle}

  #bloque_tronco{padding-bottom:24vh}

  #malta_trigger,
  #higo_trigger,
  #tronco_trigger{display:block;width:100%;overflow:hidden;clear:both;height:1px;margin:0;padding:0;}

  #composicion{padding-bottom: 11vh;}

  .presentacion{margin:81px auto 100px;}


  #ramita{overflow:hidden}
  /*#ramita p{width:45%;margin-top:7rem;}*/
  #ramita .field--name-field-html-contenido-previo{float:left;width:45%;margin-top:7rem;}

  #barril_corteza #corteza img{position:absolute;left:calc(50vw - 45px);}
  #barril_corteza #barril img{position:relative;left: calc(50% - 450px + 45px);}
  #nota_de_cata,
  .dammc-paragraph-bloque_img_fondo.img-c,
  .dammc-paragraph-bloque_img_fondo.img-d{padding:24vh 0 0 0;}
  .dammc-paragraph-bloque_img_fondo.img-d .field--name-field-imagen-fondo{float:right;}
  .dammc-paragraph-bloque_img_fondo.img-d .field--name-field-html-contenido-previo{float:left;}
  .dammc-paragraph-bloque_img_fondo.img-c{position:relative}
  .dammc-paragraph-bloque_img_fondo.img-c .field--name-field-imagen-fondo{position:absolute;left:50%;transform:translateX(-50%)}

  .as-table{width:100%;table-layout: fixed;}
  .as-td:first-child,
  .as-td:last-child{width:18.5rem;}

  #bloque_higo .as-td,
  #bloque_malta .as-td,
  #bloque_tronco .as-td{vertical-align:middle}

  #moleculas {padding-top:4vh;}
  #moleculas .as-td{padding:0 1rem 1rem 0}
  #moleculas .as-td ~ .as-td{padding:0 0 1rem 1rem}

  #francois img{margin-left:9rem}

  #nota_de_cata{overflow:hidden;padding-top:12vh;padding-bottom:10vh;}
  #nota_de_cata .side-l,#nota_de_cata .side-r{width:320px;}
  #nota_de_cata .field--name-field-imagen-fondo{float:left;width:730px;margin-top:-70px;}
  #nota_de_cata .field--name-field-html-contenido{float:right}
  .nota-de-cata img{float:right;margin-right: -8.5px;}

  .l-triangulo .field--name-field-imagen-fondo,
  #t_cata .field--name-field-imagen-fondo{transition: opacity 1s ease-in-out;}
  .l-triangulo.t-fadein .field--name-field-imagen-fondo{opacity:1;}
  #t_cata.t-fadeout .field--name-field-imagen-fondo{opacity:0;}
  .l-triangulo{margin-top:-24vh;}
  .l-triangulo .field--name-field-imagen-fondo{position:fixed;top:136px;z-index:-1;}

  #beers_cata{height:100vh;width:1064px;margin:0 auto;text-align:center}

.__header .__header__inner {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}

  .__header {
      background:#fff;
      margin-top: -100px;
      margin-bottom: 60px;
      top: 154px;
      left: 0;
      right: 0;
      bottom: 0;
      position: fixed;
      height: 63px;
      padding: 12px;
      z-index: 100;
      max-width: none;
      font-family: Arial, sans-serif;
  }
  
  .__header a:before {
    background: transparent;
  }
  .__header.topHeaderVisible {
      top: 163px;
  }
  .__header.topHeaderInvisible {
      top: 100px;
  }
  .__header p {
    float: left;
    padding: 12px;
    margin: 0 0 25px;
   }
.beer-cata .content{display:table;position:absolute;bottom:20vh;margin:0 auto;width:100%}
.beer-cata ul{display:table-row;}
.beer-cata li{display:table-cell;border-right:2px solid #888;vertical-align:middle;padding:0 2rem}
.beer-cata li:last-child{border-right:none;}

  .dammc-paragraph-bloque_video {
    width: 1064px;
    height: 600px;
    max-width: 62rem;
    margin: 81px auto 100px;
  }

  .div-video-mobile {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1075px) { /* tablet */
  #barril_corteza {
    min-height: 850px;
    padding-top: 70px;
  }

  .presentacion {
    margin: 2rem 100px;
  }

  #ramita .field--name-field-html-contenido-previo {
    float: left;
    width: 45%;
    margin-top: 7rem;
  }

  .dammc-paragraph-bloque_img_fondo.img-d .field--name-field-imagen-fondo {
    float: right;
    width: 45%;
    padding-bottom: 45px;
  }

  .dammc-paragraph-bloque_img_fondo.img-d .field--name-field-html-contenido  {
    float: left;
    width: 53%;
  }

  .beer-cata ul {
    width: 100%;
  }
  
  #bloque_higo {
    padding-bottom: 1vw;
  }

  #bloque_tronco {
    padding-top: 1vw;
  }

  .montonera-i img, .montonera-d img{
    width: 30%;
  }

  .montonera-i img{
    margin-left: 20%;
  }
}

#mobiletest{height:1px;overflow:hidden;width:1px;position:fixed;bottom:0;left:0;opacity:0;}

.home__slider--equilater,
#home-products-list-content.prod-equilater {
  background-color: #DBDBCB;
}

.dammc-paragraph-bloque_video {
  position: relative;
}

.dammc-paragraph-bloque_video .field--name-field-video-url {
  height: 100%;
}
.dammc-paragraph-bloque_video .video-embed-field-responsive-video {
  height: 100%;
}

.dammc-paragraph-bloque_video .field--name-field-imagen-fondo {
  position: absolute;
  top: -2px;
  bottom: -2px;  
  left: -2px;
  right: -2px;  
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#damm-play-button {
  height: 50px;
  width: 75px;
  z-index: 1;
  position: absolute;
  top: 45%;
  left: calc(50% - 37px);
  background-image: url(../img/btn_video.png);
  background-size: cover;
  background-repeat: no-repeat;
}
#damm-play-button:hover{
  cursor: pointer;
  background-image: url(../img/btn_video_hover@2x.png);
}

.dammc-paragraph-bloque_video iframe{
  height: 100%;
  width: 100%;
}

body.visit-international-website .buttons-area a.button.usa, 
body.visit-international-website .buttons-area a.button.catalonia,
body.visit-international-website .buttons-area a.button.spain,
body.visit-international-website .buttons-area a.button.canada,
body.usa .buttons-area a.button.visit-international-website,
body.usa .buttons-area a.button.spain,
body.usa .buttons-area a.button.catalonia,
body.usa .buttons-area a.button.canada,
body.catalonia .buttons-area a.button.canada,
body.catalonia .buttons-area a.button.usa,
body.catalonia .buttons-area a.button.spain,
body.catalonia .buttons-area a.button.visit-international-website,
body.spain .buttons-area a.button.usa,
body.spain .buttons-area a.button.visit-international-website,
body.spain .buttons-area a.button.canada,
body.spain .buttons-area a.button.catalonia,
body.canada .buttons-area a.button.usa,
body.canada .buttons-area a.button.visit-international-website,
body.canada .buttons-area a.button.spain,
body.canada .buttons-area a.button.catalonia
{
display: none;
}
body.spain .buttons-area a.button.spain,
body.catalonia .buttons-area a.button.catalonia,
body.usa .buttons-area a.button.usa,
body.canada .buttons-area a.button.canada,
body.visit-international-website .buttons-area a.button.visit-international-website{
  display: flex;
}
@media(max-width:1023px){
  body.spain .buttons-area a.button.spain,
  body.catalonia .buttons-area a.button.catalonia,
  body.usa .buttons-area a.button.usa,
  body.canada .buttons-area a.button.canada,
  body.visit-international-website .buttons-area a.button.visit-international-website{
    width: inherit;
  }
}

.beer-cata {
  margin-bottom: 70px;
}

/* DUET */

.hidden{ visibility: hidden; display: none;}
.config_pages--type--duet {overflow: hidden;}

.home__slider--duet,
#home-products-list-content.prod-duet {
  background-color: #D8D9DF;
}

#duet_logo_cabecera{
  width: 100%;
  position: fixed;
  top: 0;
  z-index: -1;
}
#duet_logo_cabecera .field--name-field-parrafos-contenido {
  width: 100%;
}
#duet_logo_cabecera img{
  max-width: 30vh;
  display: block;
  margin: auto;
}

#duet_bloque_botella{
  height: 90vh;
  text-align:center;
  margin: 250px 0 100px;
}
#duet_bloque_botella .field--name-field-parrafos-contenido {
  position: relative;
  width: 100%;
}
/* botella */
#duet_bloque_botella .field--name-field-imagen-fondo .field__item:first-child {
  margin:0 auto;
  height: 90vh;
  width:auto;
}
#duet_bloque_botella .field--name-field-imagen-fondo .field__item:first-child img {
  height: 100%;
  width: auto;
}
#duet_bloque_botella .field--name-field-imagen-fondo .field__item:nth-child(2) img,
#duet_bloque_botella .field--name-field-imagen-fondo .field__item:nth-child(3) img, 
#duet_bloque_botella .field--name-field-imagen-fondo .field__item:nth-child(4) img, 
#duet_bloque_botella .field--name-field-imagen-fondo .field__item:nth-child(5) img {
  width: 100%;
  height: auto;
}
/* bola amarilla izquierda*/
#duet_bloque_botella .field--name-field-imagen-fondo .field__item:nth-child(2) {
  position: absolute;
  bottom: -500px;
  left: -300px;
  width: 400px;
  z-index: -2;
}
/* bola caqui */
#duet_bloque_botella .field--name-field-imagen-fondo .field__item:nth-child(3) {
  position: absolute;
  right: 5%;
  /* top: 40%; */
  width: 60px;
}
/* bola amarilla derecha*/
#duet_bloque_botella .field--name-field-imagen-fondo .field__item:nth-child(4){
  position: absolute;
  right: calc(-243px * 0.7);
  bottom: 0;
  width: 243px;
  z-index: -1;
}
/* bola verde */
#duet_bloque_botella .field--name-field-imagen-fondo .field__item:nth-child(5) {
  position: absolute;
  /* top: 0; */
  width: 250px;
  display: none;
  z-index: -2;
}
/* línea */
#duet_bloque_botella .field--name-field-imagen-fondo .field__item:nth-child(6) {
  position: absolute;
  bottom: 20%;
  width: 100%;
  z-index: -1;
}

#duet_bloque_celler {
  margin: 30px 30px 0;
  overflow: hidden;
}
#duet_bloque_celler .field--name-field-html-contenido-previo .field__item {
  margin-bottom: 30px;
}
#duet_bloque_celler .field--name-field-html-contenido-previo .field__item:first-child {
  font-family: "Duet Font", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 19px;
  line-height: 23px;
  letter-spacing: 0.22em;
  text-align: left;
}
#duet_bloque_celler .field--name-field-html-contenido-previo .field__item:nth-child(2) {
  font-family: "Grotesque MT Std", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1em;
}
#duet_bloque_celler .field--type-image { line-height: 0; }
#duet_bloque_celler #photo_group .field--name-field-imagen-fondo img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  min-height: 220px;
}

#duet_bloque_celler_img {
  position: relative;
  margin-top: -30px;
  overflow: hidden;
  margin-bottom: 30px;
}
#celler_logo_damm {
  margin: 60px 0 20px 30px;
}
#celler_bola{
  position: relative;
  top: -40px;
  right: 40px;
  float: right;
}
#celler_logo{
  position: relative;
  left: 40vw;
  top: 3vw;
  padding-bottom: 90px;
}
#duet_bloque_celler_img .field--name-field-parrafos-contenido>.field__item:nth-child(4) {
  position: absolute;
  top: 0px;
  right: -67px;
  z-index: -10;
}

.duet_bloque_video {
  margin: 30px 0 100px;
  height: 100vh;
}

#duet_sour_ale {
  margin: 40px 30px;
}
#duet_sour_ale .field--name-field-html-contenido-previo {
  font-family: "Duet Font", sans-serif;
  font-size: 19px;
  line-height: 23px;
  letter-spacing: 0.22em;
  margin-bottom: 30px;
}
#duet_sour_ale .field--name-field-html-contenido{
  font-family: "Grotesque MT Std", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1em;
}
#duet_sour_ale .field__item.pinable { 
  opacity: 0; 
  transition: opacity 0.5s ease-in-out; 
}
#duet_sour_ale .field__item.pinable.pinned { 
  opacity: 1; 
}

#duet_dos_mundos {overflow: hidden;}
#dos_mundos_bloque_1 .field--name-field-imagen-fondo {
  position: relative;
  margin-bottom: 20px;
}
#dos_mundos_bloque_1 .field--name-field-imagen-fondo .field__item:first-child {
  /* height: 400px; */
  position: relative;
  right: 170px;
  top: 0;
  width: 100%;
}
#dos_mundos_bloque_1 .field--name-field-imagen-fondo .field__item:nth-child(2) {
  position: absolute;
  top: 155px;
  margin: 0 25px;
  overflow: hidden;
  line-height: 0;
  width: calc(100vw - 50px);
}
#dos_mundos_bloque_1 .field--name-field-imagen-fondo .field__item img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
#dos_mundos_bloque_1 .field--name-field-html-contenido {
  margin: 25px;
  font-family: "Duet Font", sans-serif;
  font-size: 19px;
  line-height: 23px;
  letter-spacing: 0.22em;
  color: #211915;
}

#dos_mundos_bloque_2 .field--name-field-html-contenido-previo {
  margin: 25px 25px 45px;
  font-family: "Grotesque MT Std", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1em;
}
#dos_mundos_bloque_2 .field--name-field-imagen-fondo {
  position: relative;
  line-height: 0;
  margin-bottom: 150px;
  width: 100%;
}
#dos_mundos_bloque_2 .field--name-field-imagen-fondo .field__item:first-child {
  width: 74%;
  height: auto;
  margin-left: 25px;
}
#dos_mundos_bloque_2 .field--name-field-imagen-fondo .field__item:first-child img {
  width: 100%;
  height: auto;
}
#dos_mundos_bloque_2 .field--name-field-imagen-fondo .field__item:nth-child(2) {
  position: absolute;
  top: 70%;
  right: -2%;
  z-index: -1;
  width: auto;
}

#maridaje_plato1 .field--name-field-html-contenido-previo {
  margin: 25px 25px 0 25px;
}
#maridaje_plato1 .field--name-field-html-contenido-previo.pinable { 
  opacity: 0; 
  transition: opacity 0.5s ease-in-out; 
}
#maridaje_plato1 .field--name-field-html-contenido-previo.pinned { 
  opacity: 1; 
}
#maridaje_plato1 .field--name-field-html-contenido-previo .field__item:first-child {
  font-family: "Duet Font", sans-serif;
  font-size: 22px;
  line-height: 23px;
  letter-spacing: 0.22em;
  color: #211915;
  margin-bottom: 15px;
}
#maridaje_plato1 .field--name-field-html-contenido-previo .field__item:nth-child(2) {
  font-family: "Grotesque MT Std", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1em;
}
#maridaje_plato1 .field--name-field-imagen-fondo {
  position: relative;
  width: 100%;
  /* overflow: hidden; */
}
#maridaje_plato1 .field--name-field-imagen-fondo img {
  width: 100%;
  height: auto;
}
/* fondo amarillo */
#maridaje_plato1 .field--name-field-imagen-fondo .field__item:first-child {
  position: relative;
  right: 11vw;
  z-index: -1;
  margin-bottom: 45%;display: none;
}
/* calamar */
#maridaje_plato1 .field--name-field-imagen-fondo .field__item:nth-child(2) {
  position: relative;
  right: 85%;
  top: -30px;
  width: 610px;
}
/* línea */
#maridaje_plato1 .field--name-field-imagen-fondo .field__item:nth-child(3) {
  position: absolute;
  /* bottom: 42%; */
  right: 0;
  z-index: -1;
  width: auto;
}
/* bola caqui */
#maridaje_plato1 .field--name-field-imagen-fondo .field__item:nth-child(4) {
  position: absolute;
  top: 25%;
  right: 20px;
  width: 50px;
}
/* fondo verde */
#maridaje_plato1 .field--name-field-imagen-fondo .field__item:nth-child(5) {
  position: absolute;
  top: 62%;
  left: 53%;
  width: 195px;
  z-index: 0;
}
/* plato verde */
#maridaje_plato1 .field--name-field-imagen-fondo .field__item:nth-child(6) {
  position: absolute;
  top: 50%;
  right: 10%;
  width: 190px;
}

#duet_nota_cata {margin-top: 80px;}
#duet_nota_cata .field--name-field-html-contenido-previo {
  margin: 25px;
}
#duet_nota_cata .field--name-field-html-contenido-previo .field__item:first-child {
  font-family: "Duet Font", sans-serif;
  font-size: 19px;
  line-height: 23px;
  letter-spacing: 0.22em;
  color: #211915;
  margin-bottom: 12px;
}
#duet_nota_cata .field--name-field-html-contenido-previo .field__item:nth-child(2) {
  font-family: "Grotesque MT Std", sans-serif;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 0.1em;
  margin-bottom: 40px;
}

#duet_nota_cata .field--name-field-imagen-fondo {
  position: relative;
  margin-right: 18px;
  line-height: 0;
  text-align: right;
  margin-bottom: 30px;
}
#duet_nota_cata .field--name-field-imagen-fondo img {
  width: 100%;
  height: auto;
}
/* copa */
#duet_nota_cata .field--name-field-imagen-fondo .field__item:first-child {
  width: calc(100% + 18px);
  display: block;
}
/* bola verde */
#duet_nota_cata .field--name-field-imagen-fondo .field__item:nth-child(2) {
  position: absolute;
  top: 60px;
  right: 18%;
  width: 45px;
}
/* linea */
#duet_nota_cata .field--name-field-imagen-fondo .field__item:nth-child(3) {
  position: absolute;
  bottom: 50%;
  width: calc(100% + 18px);
  z-index: -1;
}
/* bola caqui */
#duet_nota_cata .field--name-field-imagen-fondo .field__item:nth-child(4) {
  position: absolute;
  left: 5%;
  bottom: 35%;
  width: 45px;
}
/* bola amarilla */
#duet_nota_cata .field--name-field-imagen-fondo .field__item:nth-child(5) {
  position: absolute;
  left: 51%;
  top: 69%;
  z-index: -1;
  width: 180%;
  height: auto;
  display: none;
}
/* uva1 */
#duet_nota_cata .field--name-field-imagen-fondo .field__item:nth-child(6) {
  position: absolute;
  left: 21%;
  top: 25px;
  width: 60px;
  height: auto;
}
/* uva2 */
#duet_nota_cata .field--name-field-imagen-fondo .field__item:nth-child(7) {
  position: absolute;
  right: 0%;
  top: 353px;
  width: 60px;
  height: auto;
}
#duet_nota_cata .field--name-field-html-contenido .field__item {
  font-family: "Grotesque MT Std", sans-serif;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 0.1em;
  margin: 30px 28px;
}

#duet_footer {
  margin-top: 20vh;
  margin-bottom: 15vh;
  text-align: center;
}
#duet_footer .field--name-field-imagen-fondo {
  width: 55%;
  margin: auto;
}
#duet_footer .field--name-field-imagen-fondo img{
  width: 100%;
}

@media(min-width:768px) { /* DUET - version tablet y desktop */
  #duet_logo_cabecera {
    margin-top: 60px;
    position:fixed;
    z-index: -1;
    top: 80px;
  }

  #duet_bloque_botella {
    height: calc(100vh + 200px);
    margin: 80px 0 305px;
    padding-top: 305px;
    width: 100%;
  }

  #duet_bloque_botella .field--name-field-imagen-fondo .field__item:first-child {
    height: calc(100vh + 85px);
  }
  /* bola amarilla izquierda*/
  #duet_bloque_botella .field--name-field-imagen-fondo .field__item:nth-child(2) {
    bottom: calc(-700px * 0.5);
    left: -325px;
    width: 650px;
  }
  /* bola caqui */
  #duet_bloque_botella .field--name-field-imagen-fondo .field__item:nth-child(3) {
    right: 22%;
  }
  /* bola amarilla derecha*/
  #duet_bloque_botella .field--name-field-imagen-fondo .field__item:nth-child(4){
    right: calc(343px * .2);
    width: 302px;
  }
  /* bola verde */
  #duet_bloque_botella .field--name-field-imagen-fondo .field__item:nth-child(5) {
    /* top: calc(-280px / 2); */
    right: 65vw;
    display: inherit;
  }
  /* línea */
  #duet_bloque_botella .field--name-field-imagen-fondo .field__item:nth-child(6) {
    /* top: 35%; */
  }
  #duet_bloque_botella .field--name-field-imagen-fondo .field__item:nth-child(6) img {
    width: 100%;
    height: auto;
  }

  #photo_group {
    display: inline-flex;
  }
  #photo_group .field--name-field-html-contenido-previo,
  #photo_group .field--name-field-imagen-fondo {
    width: 50%;
  }
  #photo_group .field--name-field-html-contenido-previo {
    padding-left: 17%;
    padding-right: 2%;
    position: relative;
  }
  #duet_bloque_celler .field--name-field-html-contenido-previo .field__item:first-child {
    text-align: center;
    font-size: 22px;
  }
  #photo_group .field--name-field-imagen-fondo {
    padding-left: 2%;
  }

  #duet_bloque_celler_img {
    z-index: -1;
    bottom: 160px;
    margin: auto;
    /*margin-left: 19%;*/
    padding-left:108px;
    max-width: 1064px;
    margin-bottom: -160px;
  }
  #duet_bloque_celler_img .field--name-field-parrafos-contenido {
    max-width: min-content;
    position: relative;
    margin-left: 75px;
  }
  #celler_logo_damm {
    position: absolute;
    left: 0;
    top: 55%;
    margin: auto;
  }
  #celler_bola {
    position: absolute;
    left: 100%;
    top: 55%;
  }
  #celler_logo {
    position: absolute;
    bottom: 0;
    left: 30%;
    top: inherit;
    padding-bottom: 0;
  }
  #celler_linea{
    line-height: 0;
  }
  #duet_bloque_celler_img .field--name-field-parrafos-contenido>.field__item:nth-child(4) {
    position: relative;
    left: 0;
    bottom: 0;
  }

  .duet_bloque_video {
    max-width: 100%;
    width: 100%;
    height: calc(100vh - 63px);
    margin: 140px 0;
  }

  #duet_sour_ale {
    margin-bottom: 140px;
    margin-top: 140px;
  }
  #duet_sour_ale .field--name-field-html-contenido-previo {
    font-size: 22px;
  }
  #duet_sour_ale .dammc-paragraph-bloque_img_fondo {
    display: inline-flex;
  }
  #duet_sour_ale .field--name-field-html-contenido-previo {
    width: 50%;
    padding: 40px 80px;
    text-align: center;
  }
  #duet_sour_ale .field--name-field-html-contenido {
    width: 50%;
    font-size: 15px;
    margin: 30px;
  }

  #duet_dos_mundos {
    overflow: visible;
    position: relative;
  }
  #dos_mundos_bloque_1 {
    display: inline-flex;
    line-height: 0;
  }
  #dos_mundos_bloque_1 .field--name-field-imagen-fondo {
    width: 50%;
    position: relative;
  }
  #dos_mundos_bloque_1 .field--name-field-imagen-fondo .field__item:first-child { /* bola amarilla */
    position: absolute;
    top: -60%;
    right: 40%;
    max-width: 450px;
  }
  #dos_mundos_bloque_1 .field--name-field-imagen-fondo .field__item:nth-child(2) { /* imagen trigo */
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    margin: auto;
    padding: 40px 60px 40px 40px;
  }
  #dos_mundos_bloque_1 .field--name-field-html-contenido {
    width: 50%;
    position: relative;
    padding: 40px;
    text-align: center;
  }
  #dos_mundos_linea {
    margin: auto;
    text-align: center;
    margin-top: -140px;
    position: absolute;
    top: 45%;
    z-index: -1;
    width: 100%;
    max-width: 1064px;
  }
  #dos_mundos_bloque_2 {
    display: inline-flex;
    position: relative;
    top: -80px;
  }
  #dos_mundos_bloque_2 .field--name-field-html-contenido-previo{
    width: 50%;
    padding: 50px 0 0 30px;
  }
  #dos_mundos_bloque_2 .field--name-field-imagen-fondo{
    width: 50%;
  }
  #dos_mundos_bloque_2 .field--name-field-imagen-fondo .field__item:first-child { /* foto uvas */
    margin: auto;
    margin-right: 70px;
  }
  #dos_mundos_bloque_2 .field--name-field-imagen-fondo .field__item:nth-child(2) { /* bola verde */
    right: 4%;
  }
  #dos_mundos_bloque_1 .field--name-field-html-contenido {
    font-size: 22px;
    padding: 23px;
  }

  .duet_bloque_maridaje,
  .duet_bloque_maridaje > .field__items> .field__item{position:relative;
  height:630px;margin-bottom:196px;margin-top:-100px;}

  .duet_bloque_maridaje .field--name-field-html-contenido-previo{
    position:absolute;bottom:0;
    padding-left:12px;left:initial;
  }
  #maridaje_plato1{padding:0 168px;}
  #maridaje_plato1 .field--name-field-imagen-fondo .field__item:first-child img{
  opacity:0;
  }
  #maridaje_plato1 .field--name-field-imagen-fondo .field__item:first-child::before{
    display:block; 
    content:' '; 
    position:absolute;
    background: radial-gradient(50% 50% at 50% 50%, #FFCD00 19.71%, #FFCF0B 26.38%, #FFD528 38.12%, #FFDE58 53.54%, #FFEB9B 72.05%, #FFFCEE 92.97%, #FFFFFF 97.04%);
    background-blend-mode: multiply;
    mix-blend-mode: multiply;
    width:100%;
    height:100%;
  }
  #maridaje_plato1 .field--name-field-imagen-fondo .field__item:first-child{
    display: initial;
    margin-bottom:0;
    position:absolute;
    top: 240px;
    right: 125%;
    width: 398px;
    height: 398px;
  }
  #maridaje_plato1 .field--name-field-imagen-fondo .field__item:nth-child(2){
  width: 700px;
  height: 278px;
  position:absolute;
  top: -11px;
  right: 75%;
  font-family: sans-serif;
  }
  #maridaje_plato1 .field--name-field-imagen-fondo .field__item:nth-child(5){
  width: 300px;
  height: 300px;
  top: 140px;
  bottom:initial;
  left:initial;
  right: -20px;
  z-index:-1;
  }
  #maridaje_plato1 .field--name-field-imagen-fondo .field__item:nth-child(6){
  width: 300px;
  top: 45px;
  bottom:initial;
  left:initial;
  right:55px;
  }
  #maridaje_plato1 .field--name-field-imagen-fondo .field__item:nth-child(4){
  width: 40px;
  height:50px;
  top: -20px;
  right: 80px;
  }
  #maridaje_plato1 .field--name-field-imagen-fondo .field__item:nth-child(3){
  width: 750px;
  height:50px;
  bottom:initial;
  top:50px;
  right:0;
  }
  #maridaje_plato1 .field--name-field-html-contenido-previo .field__item:first-child{font-size: 22px;}

  #duet_nota_cata{position:relative;margin-bottom:0;padding-bottom:0;}
  #duet_nota_cata .field--name-field-parrafos-contenido > .field__item{position:relative;}
  #duet_nota_cata .field--name-field-html-contenido-previo .field__item:first-child{text-align:center; font-size: 22px;}
  #duet_nota_cata .field--name-field-html-contenido-previo .field__item:nth-child(2){
  margin:50px 0 0 0;width:50%;position:relative;left:50%;}
  #duet_nota_cata .field--name-field-html-contenido .field__item{
  margin:0;width:50%;position:relative;left:50%;
  }
  #duet_nota_cata .field--name-field-imagen-fondo {position:absolute;top:0;left:0;width:100%}
  /*copa*/
  #duet_nota_cata .field--name-field-imagen-fondo .field__item:first-child{width: 50%;position:absolute;right:calc(50% + 20px);top: -20px;}
  /*verde*/
  #duet_nota_cata .field--name-field-imagen-fondo .field__item:nth-child(2){
    top: 65px;
    width: 65px;
    height: 65px;
    left: 320px;
  }
  /*diagonal*/
  #duet_nota_cata .field--name-field-imagen-fondo .field__item:nth-child(3){
    width: 449px;
    top:124px;
    bottom:initial;
    right:calc(50% + 24px);
  }
  #duet_nota_cata .field--name-field-imagen-fondo .field__item:nth-child(4){
    width:70px;
    height:70px;
    top: 400px;
    bottom:initial;
    left:55px;
  }
  #duet_nota_cata .field--name-field-imagen-fondo .field__item:nth-child(5){
    width: 947px;
    top: -150px;
    left: 82%;
    display: inherit;
  }
  #duet_nota_cata .field--name-field-imagen-fondo .field__item:nth-child(6) {
    width: 80px;
    left: 115px;
  }
  #duet_nota_cata .field--name-field-imagen-fondo .field__item:nth-child(7) {
    right: calc(50% + 50px);
    width: 80px;
  }
  #duet_nota_cata .field--name-field-imagen-fondo .field__item:nth-child(8) {
    position: absolute;
    right: -500px;
    width: 746px;
    z-index: -2;
  }

  .config_pages--type--duet #beers_cata.beer-cata{
    height: calc(100vh - 80px - 80px - 129px);
  }
  #duet_footer{height:128px;margin:200px 0 0 0;}
  #duet_footer .field--name-field-imagen-fondo img {
      width: auto; 
  }
}

@media (min-width: 768px) and (max-width: 1075px) { /* DUET - version tablet */
  #duet_bloque_botella .field--name-field-imagen-fondo .field__item:first-child {
    height: 100vh;
  }
  /* bola amarilla izquierda*/
  #duet_bloque_botella .field--name-field-imagen-fondo .field__item:nth-child(2) {
    left: calc(-600px * 0.7);
    width: 600px;
  }
  /* bola caqui */
  #duet_bloque_botella .field--name-field-imagen-fondo .field__item:nth-child(3) {
    right: 5%;
    top: 30%;
  }
  /* bola amarilla derecha*/
  #duet_bloque_botella .field--name-field-imagen-fondo .field__item:nth-child(4){
    right: calc(-300px * .6);
    width: 300px;
  }
  /* bola verde */
  #duet_bloque_botella .field--name-field-imagen-fondo .field__item:nth-child(5) {
    /* top: calc(-180px / 2); */
    left: 50px;
    width: 180px;
  }

  #photo_group .field--name-field-html-contenido-previo {
    padding-left: 0;
  }
  #duet_bloque_celler_img {
    padding-left: 30px;
    padding-right: 80px;
    max-width: calc(100% - 80px);
    margin-left: 0;
    bottom: 150px;
  }
  #duet_bloque_celler_img .field--name-field-parrafos-contenido {
    margin-left: 0;
  }

  #maridaje_plato1 .field--name-field-imagen-fondo .field__item:first-child {
  right: 95%;
  }
  #maridaje_plato1 .field--name-field-imagen-fondo .field__item:nth-child(2) {
  right: 55%;
  top: -50px;
  }
  #maridaje_plato1 .field--name-field-imagen-fondo .field__item:nth-child(3) {
    top: 80px;
    right: -100px;
    width: 550px;
  }
  #maridaje_plato1 .field--name-field-imagen-fondo .field__item:nth-child(4) {
    right: -50px;
    top: 10px;
  }
  #maridaje_plato1 .field--name-field-imagen-fondo .field__item:nth-child(5) {
    right: -130px;
    top: 140px;
  }
  #maridaje_plato1 .field--name-field-imagen-fondo .field__item:nth-child(6) {
    right: -70px;
    top: 45px;
  }

  /*verde*/
  #duet_nota_cata .field--name-field-imagen-fondo .field__item:nth-child(2){
    top: 65px;
    left: 30%;
  }
  #duet_nota_cata .field--name-field-imagen-fondo .field__item:nth-child(4) {
    left: 25px;
    width: 60px;
    top: 300px;
  }
  #duet_nota_cata .field--name-field-imagen-fondo .field__item:nth-child(6) {
    left: 60px;
  }
  #duet_nota_cata .field--name-field-imagen-fondo .field__item:nth-child(7) {
    width: 60px;
  }

  .config_pages--type--duet #beers_cata.beer-cata {
    height: 30vh;
  }
  .beer-cata .content {
    margin-top: 60px;
  }
  .beer-cata li {
    width: auto;
    padding: 0 1rem;
    border-right: 2px solid #888;
  }
  .beer-cata li + li,
  .beer-cata li + li + li + li {
    border-right: 2px solid #888;
  }
  .beer-cata li + li + li + li + li {
    width: auto;
  }
  .beer-cata-item .cata__type {
    font-size: inherit;
  }
}

@media (max-width: 1074px) , (max-aspect-ratio: 1/1) {
  #duet_logo_cabecera {
    margin-top: 80px;
  }
}

/* Duet Animaciones */
@media(min-width:768px) {
  
  #duet_bloque_celler_img {
    overflow: visible;
  }
  #celler_bola img {
    position: absolute;
    z-index: 10;
  }
  #celler_linea img {
    position: relative;
  }

  #photo_group .pinable, 
  #celler_logo.pinable, 
  #celler_logo_damm.pinable,
  #duet_sour_ale .field__item.pinable { 
    opacity: 0; 
    transition: opacity 0.5s ease-in-out; 
  }
  #photo_group .pinable.pinned, 
  #celler_logo.pinable.pinned, 
  #celler_logo_damm.pinable.pinned,
  #duet_sour_ale .field__item.pinable.pinned { opacity: 1; }

  #duet_nota_cata.pinable::after {
    top: -100px;
    transition: top 3s ease-in-out; 
  }
  #duet_nota_cata.pinned::after {
    top: 100px;
  }
}
@media (max-width: 1074px), (max-aspect-ratio: 1 / 1) {
  .dammc-paragraph-bloque_video .video-embed-field-provider-youku iframe {
    height: 200%;
    width: 100%;
  }

  .common-beers__video .video-embed-field-provider-youku iframe {
    height: 100vh;
  }
}