.proceso-container{
  width: 100%;
  position: relative;
  background-image: url(../img/DEFRENTE_Banner2.png);
  background-attachment: fixed;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}

.proceso-content{
  width: 90%;
  max-width: 551px;
  margin-right:12%;
  text-align: left;
  position: relative;
  margin-left: auto;
  box-sizing: border-box;
  padding: 30px 0;
}


.proceso-title{
  width: 100%;
  margin: 17% auto 10% auto;
  position: relative;
}

.proceso-title h1{
    text-align: center;
    font-family: 'D-DINCondensed';
    font-size: 60px;
    letter-spacing: 0px;
    color: #2B3B55;
    text-transform: uppercase;
    line-height: 100%;
    font-weight: lighter;
}
.proceso-title h1 span{

 font-weight: bold;
display: block;
width: 100%;
letter-spacing:0px;
color:#2B3B55;
text-transform:uppercase;
line-height: 110%;
}
.separator-line{
  width: 100%;
  border-block: solid 1px #2B3B55;
margin: 62px auto 27px auto;

}

.proceso-title  p{

font-family:'Acumin';
font-size: 22px;
letter-spacing:0px;
color:#2B3B55;
text-align: center;
line-height: 110%;
}

.proceso-steps{
  margin-top: 256px;
  width: 100%;
}

   .step {
            display: flex;
            align-items: center;
            margin-bottom: 88px;
        }

        .outer-circle {
            border: 2px solid #2B3B55; /* Outer border */
            border-radius: 50%;
            padding: 5px; /* Adjust padding as needed */
        }

        .circle {
            width: 100px;
            height: 100px;
            border: 1px solid #2B3B55; /* Inner border */
            border-radius: 50%;
            text-align: center;
            line-height: 100px;
            font-size: 24px;
            background-color: #fff;
             transition: background-image 0.3s ease;
            background-position: center center;
            background-size: contain;
        }

        .line {
            border-top: 2px solid #2B3B55;
            flex-grow: 1;
        }

        .textbox {
           background-color: #fff;
            border: 2px solid #2B3B55;
            padding: 10px;
            position: relative;
            width: 100%;
 padding: 30px 15px 15px;
            max-width: 300px;
            text-align: center;
            color: #2B3B55;
            font-family:'Acumin';
            line-height: 110%;
            font-size:22px;
        }
        
        .text-box-title{
            position: absolute;
             font-size:22px;
            width: 80%;
            max-width: 200px;
            color:#fff;
            background:#2B3B55;
            margin-left: auto;
            margin-right: auto;
            left: 0;
            right: 0;
            text-align: center;
            padding: 5px;
            top: -14px;
            font-family:'Acumin';
             height: 35px;
    line-height: 31px;
    
    font-weight: 200;
        }
/*
        .pro1:hover{
          background-image: url(../img/AGAVE_h.svg)!important;
          background-color: #2B3B55;
        }


        .pro2:hover{
          background-image: url(../img/JIMA_h.svg)!important;
          background-color: #2B3B55;
        }

        .pro3:hover{
          background-image: url(../img/COCCION_h.svg)!important;
          background-color: #2B3B55;
        }


        .pro4:hover{
          background-image: url(../img/MOLIENDA_h.svg)!important;
          background-color: #2B3B55;
        }

        .pro5:hover{
          background-image: url(../img/FERMENTACION_h.svg)!important;
          background-color: #2B3B55;
        }

        .pro6:hover{
          background-image: url(../img/DESTILACION_h.svg)!important;
          background-color: #2B3B55;
        }

        .pro7:hover{
          background-image: url(../img/ENVASADO_h.svg)!important;
          background-color: #2B3B55;
        }

*/
        .cata-container{
  width: 100%;
  position: relative;
  background-image: url(../img/NotasdeCata_Banner.png);
  background-attachment:fixed;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}

.cata-content{
  width: 90%;
  max-width: 544px;
  margin-right:8%;
  text-align: left;
  position: relative;
  margin-left: auto;
  box-sizing: border-box;
  padding: 30px 15px;
}


.cata-title{
  width: 100%;
  margin: 30% auto 10% auto;
  position: relative;
}

.cata-title h1{
text-align: left;
    font-family: 'Acumin-Extra-Condensed';
    font-size: 80px;
    letter-spacing: 0px;
    color: #2B3B55;
    text-transform: uppercase;
    line-height: 100%;
    font-weight: 500;
    
}
.cata-title h1 span{

display: block;
font-size: 45px;
letter-spacing:0px;
color:#2B3B55;
text-transform:uppercase;
line-height: 110%;
}
.separator-line{
  width: 100%;
  border-block: solid 1px #2B3B55;
margin: 62px auto 27px auto;

}
.cata-body{
  text-align: center;
  margin-bottom: 110px;
}
.cata-body h2{
text-align: center;
font-family:'Acumin-Extra-Condensed';
font-size: 60px;
letter-spacing:0px;
color:#2B3B55;
text-transform:uppercase;
line-height: 100%;
margin-bottom:30px;

  
}
.cata-body  p{

font-family:'Acumin';
font-size: 25px;
letter-spacing:0px;
color:#2B3B55;
text-align: center;
line-height: 110%;
}
.cata-container img{
  margin: 0 auto 0 auto;
}
.cata-container .separator-line{
  width: 100%;
  border-block: solid 1px #2B3B55;
margin: 39px auto 76px auto;

}

.reco-container{
  width: 100%;
  position: relative;
  background-image: url(../img/Banner-reconocimiento.png);
  
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}

.reco-content{
  width: 90%;
  max-width: 542px;
  margin-right:16%;
  text-align: left;
  position: relative;
  margin-left: auto;
  box-sizing: border-box;
  padding: 30px 15px;
}


.reco-title{
  width: 100%;
  margin: 15% auto 10% auto;
  position: relative;
}

.reco-title h2{
text-align: left;
    font-family: 'Acumin';
  
    font-size: 70px;
    letter-spacing: 0px;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 100%;
}
.reco-title h1 span{


font-size: 34px;
letter-spacing:0px;
color:#2B3B55;
text-transform:uppercase;
line-height: 110%;
}

.reco-body{
  text-align: center;
  margin-bottom: 130px;
  display: flex;
  justify-content: space-between;
}
.reco-body h2{
text-align: center;
font-family:'Acumin';
font-size: 60px;
letter-spacing:0px;
color:#2B3B55;
text-transform:uppercase;
line-height: 100%;
margin-bottom:30px;
}
.reco-body  p{

font-family:'Acumin';
font-size: 25px;
letter-spacing:0px;
color:#2B3B55;
text-align: center;
line-height: 110%;
}
.reco-container img{
  width: 140px;
  height: 100%;
}

.sugerencia-container{
  width: 100%;
  position: relative;
  
  
  background-position: right top;
  background-repeat: no-repeat;
  background-size: 50%;
}
.ingredients-img{
  width: 100%;
}
.sugerencia-content{
  width: 67%;
     clip-path: polygon(0 0, 75% 0, 100% 100%, 0% 100%);
     background-color: #fff;
  margin-left:0;
  text-align: left;
  position: relative;
  right: auto;
  box-sizing: border-box;
  padding: 30px 15px;
 
  
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 100%;
}


.sugerencia-title{
  width: 100%;
  margin: 15% auto 17% auto;
  position: relative;
}

.sugerencia-title h1{
text-align: left;
font-family:'Acumin-Extra-Condensed';
font-size: 50px;

letter-spacing:0px;
color:#ffffff;
text-transform:uppercase;
line-height: 100%;
text-align: center;
}
.sugerencia-title h1 span{


font-size: 34px;
letter-spacing:0px;
color:#2B3B55;
text-transform:uppercase;
line-height: 110%;
}

.sugerencia-body{
  text-align: center;
  margin-bottom: 130px;
 
}
.sugerencia-body h2{
text-align: center;
font-family:'Acumin-Extra-Condensed';
font-size: 80px;
letter-spacing:0px;
color:#fff!important;
text-transform:uppercase;
line-height: 100%;
margin-bottom:0;

font-weight: 400;
}
.sugerencia-body h2 span{
 font-family:'Acumin';
 font-weight: bold;

}
.sugerencia-body  p{

font-family:'Acumin';
font-size: 22px;
letter-spacing:0px;
color:#ffffff;
text-align: center;
line-height: 110%;
font-weight: normal;
}
.sugerencia-container img{
     width: 80%;
    max-width: 300px;
    margin: 10px auto;
    height: 100%;
    display: block;
}
.button-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr); 
            gap: 15px;
            padding-top: 80px;
        }

        
        .sugerencia-button {
            display: block;
            padding: 6px 6px 4px 6px;
            text-align: center;
               
    font-family: 'Acumin-Extra-Condensed';

    font-size: 25px;
            background: var(--unnamed-color-2b3b55) 0% 0% no-repeat padding-box;border: 1px solid var(--unnamed-color-ffffff);background: #2B3B55 0% 0% no-repeat padding-box;border: 1px solid #FFFFFF;opacity: 1;
            cursor: pointer;
            color: #fff;
        }

        .sugerencia-button span{
          font-weight: bold;
        }

        .sugerencia-delimiter{
          width: 90%;
          max-width: 500px;
          margin: 0 20% auto;
        }

        .ingredients-view {
    position: absolute;
    width: 120%;
    height: 100%;
    background-color: #fff;
    clip-path: polygon(0 0, 80% 0, 100% 100%, 0% 100%);
    z-index: 9;
    background-size: cover;
    background-position: center top;
    /* Add a white stroke on the right side */
    cursor: pointer;
}
.ingredients-view:after {
   
    clip-path: polygon(43% 0, 80% 0, 100% 100%, 54% 100%);
    background: #fff;
    content: '';
    position: absolute;
    top: 0;
    right: -82%;
    left: 0;
    height: 100%;
    display: block;
}

         .ingredients-col-container {
            display: flex;
            align-items: stretch;
        }

      
        .ingredients-column {
            flex: 1;
            width: 50%;
            position: relative;
             min-height: 895px;

        }
.ingredients-body {width: 90%;
    max-width: 500px;
    margin: 10% auto 10% 23%;
}
        .ingredients-body h2{
    text-align: left;
    font-family: 'Acumin-Extra-Condensed';
    font-size: 70px;
    letter-spacing: 0px;
    color: #2b3b55!important;
    text-transform: uppercase;
    line-height: 100%;
    margin-bottom: 0;
    font-weight: normal;
   
}
.ingredients-body h2 span{
font-weight: bold;

}
.ingredients-body b{
  width: 100%;
  text-align: left;
  padding-top:30px;
  display: block;
}
.ingredients-body  p{
    font-family: 'Acumin';
    font-size: 22px;
    letter-spacing: 0px;
    color: #2b3b55;
    text-align: left;
    line-height: 110%;
    font-weight: normal;
}

   .suj-view {
    position: absolute;
    width: 120%;
    height: 100%;
    background-color: #fff;
    clip-path: polygon(0 0, 80% 0, 100% 100%, 0% 100%);
    z-index: -1;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center center;
    /* Add a white stroke on the right side */
}
.suj-view:after {
   
    clip-path: polygon(43% 0, 80% 0, 100% 100%, 54% 100%);
    background: #fff;
    content: '';
    position: absolute;
    top: 0;
    right: -82%;
    left: 0;
    height: 100%;
    display: block;
}

         .suj-col-container {
          /*
            display: flex;
            align-items: stretch;
            background-position: right center;
            background-repeat: no-repeat;
            background-size: contain;*/
display: flex;
    align-items: stretch;
    background-position: right top;
    background-repeat: no-repeat;
    background-size: contain;

        }

        .suj-column{
          position: relative;
          
            width: 50%;
            min-height: 895px;
        }

      .suj-column:first-child {
        z-index: 1;
    flex: 50; 
}

.suj-column:last-child {
   flex: 50;  
}
       


.suj-body {width: 90%;
    max-width: 450px;
   
    margin: 10% auto 10% 23%;
}
        .suj-body h2{
text-align: left;
font-family:'Bebas Neue Pro Regular';
font-size: 40px;
letter-spacing:0px;
color:#2b3b55!important;
text-transform:uppercase;
line-height: 100%;
margin-bottom:0;
font-weight: lighter;
}
.suj-body h2 span{
 font-family:'Bebas Neue Pro Bold';

}
.suj-body b{
  width: 100%;
  text-align: left;
  padding-top:30px;
  display: block;
}
.suj-body  p{

font-family:'Acumin';
font-size: 12px;
letter-spacing:0px;
color:#2b3b55;
text-align: left;
line-height: 110%;
font-weight: lighter;
}

.suj-container{
  width: 100%;
  position: relative;
  
  
  background-position: right top;
  background-repeat: no-repeat;
  background-size: 50%;
}
.suj-container .sugerencia-body{
  margin-bottom: 0!important;
}
.suj-container .sugerencia-delimiter{

}
.justify-container{
  width: 85%;
  margin: 10px auto;
}
.multimedia-3col{
  text-align: center;
  margin-bottom: 17px;
 display: block;
 font-size: 0;
 letter-spacing: 0;
}
:root {
  --total-width: calc(100% - 34px); 
  --total-width2: calc(100% - 17px); 
  --total-width3: calc(100% - 51px); 
  --total-width4: calc(100% - 16px); 
  --column-width: calc(var(--total-width) / 3); 
  --column-2: calc(var(--total-width2) * 0.6227);
  --column-1: calc(var(--total-width2) * 0.3772);
  --columns: calc(var(--total-width3) / 4);

   --column-2b: calc(var(--total-width4) * 0.4150);
  --column-1b: calc(var(--total-width4) * 0.5849);
}
.multimedia-3col .img-cont{
width: var(--column-width);
display: inline-block;
vertical-align: top;
}
.multimedia-3col .col-divider{
width: 17px;
display: inline-block;
}
.multimedia-3col img{
width: 100%;
    
height: auto;
}
.img-cont-first{
  width: var(--column-1);
  display: inline-block;
vertical-align: top;

}
.img-cont-second{
  width: var(--column-2);
  display: inline-block;
vertical-align: top;

}
.multimedia-1col{
  width: 100%;
}

.multimedia-1col img{
  width: 100%;
  display: block;
  margin-bottom: 17px;
}

.multi-title{
  margin-top: 41px;
  margin-bottom: 41px;
  padding-top: 40px;
}

/* DESTILERIA */

.fachada-container{
  width: 100%;
  position: relative;

}
 .fachada-container video {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%; 
            height: 100%;
            object-fit: cover; 
            z-index: -1;
        }
.fachada-container img{
  width: 100%;
  position: relative;
  display: block;
}

.destileria-mapa{
  width:80%;
  position: relative;
  margin: 20px auto;
  background-color: #fff;
}
.destileria-mapa img{
  display: block;
  width: 100%;
  padding: 15px;
}

.destileria-h1{
text-align: center;
font-family:'Bebas Neue Pro Regular';
font-size: 50px;
letter-spacing:0px;
color:#2b3b55;
text-transform:uppercase;
line-height: 100%;
text-align: center;
font-weight: lighter;
margin-top: 60px;
}

.destileria-h1 span{

font-family:'Bebas Neue Pro Bold';


}
.destileria-textbox{
  box-sizing: border-box;
  padding: 20px;
  width: 70%;
  margin: 30px auto;
  border: solid 2px #2B3B55;
}
.destileria-textbox p{
  font-family:'Acumin';
font-size: 22px;
letter-spacing:0px;
color:#2B3B55;
text-align: center;
line-height: 200%;
font-weight: normal;

}

.destileria-textbox span{
  width: 100%;
  display: block;
  font-family:'Acumin';
font-size: 24px;
letter-spacing:0px;
color:#2B3B55;
text-align: center;
line-height: 110%;
font-weight: bolder;
}

.destileria-full-img{
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}

.destileria-full-img img{
  display: block;
  width: 100%;
}

.destileria-4col{
  display: block;
  position: relative;
  font-size: 0;
  letter-spacing: 0;
  margin-bottom: 16px;
}

.d4col {
  width: var(--columns);
  display: inline-block;
  vertical-align: top;
}

.destileria-4col .col-divider{
width: 17px;
display: inline-block;
}

.d3col {
  width: 33.33%;
  display: inline-block;
  vertical-align: top;
}

.coordenadas{
    position: absolute;
    width: 50%;
    max-width: 499px;
    right: 30px;
    top: 50%;
    /* left: 50%; */
    transform: translate(10px, -50%);
}
.coordenadas h2{
    font-family:'Acumin';
font-size: 26px;
letter-spacing:0px;
color:#2B3B55;
text-align: center;
line-height: 110%;
font-weight: bolder;
}

.coordenadas h3{
    font-family:'Acumin';
font-size: 18px;
letter-spacing:0px;
color:#2B3B55;
text-align: center;
line-height: 110%;
font-weight: bolder;
}

.coordenadas2{
    display: none;
    position: absolute;
    width: 50%;
    max-width: 499px;
    right: 30px;
    top: 50%;
    /* left: 50%; */
    transform: translate(10px, -50%);
}
.coordenadas2 h2{
    font-family:'Acumin';
font-size: 26px;
letter-spacing:0px;
color:#2B3B55;
text-align: center;
line-height: 110%;
font-weight: bolder;
}

.coordenadas2 h3{
    font-family:'Acumin';
font-size: 18px;
letter-spacing:0px;
color:#2B3B55;
text-align: center;
line-height: 110%;
font-weight: bolder;
}

.img-cont-first video{
  width: 100%;
}

.col-divider2{
  width: 16px;
  display: inline-block;
}

.colsb .img-cont-first{
width: var(--column-1b);
}

.colsb .img-cont-second{
width: var(--column-2b);
}


.fade-in {
  opacity: 1;
}

.slick-dots li button:before{
  background:#2B3B55;
  border-radius: 50%;
}
.desk{
  display: block;
}
.mobile{
  display: none;
}

.cata-banner-mob{
  width: 100%;
}
.cata-banner-mob img{
width: 100%;
}

 .nav__close {
   
    padding-left: 15px;
}
@media screen and (min-width: 700px) {
  
  .fade-in-text {
  opacity: 0; 
  transition: opacity 0.5s;
  transform: translateX(250px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

}

@media screen and (max-width: 1970px) {
    .reco-content {
  
    margin-right: 10%;
}
}
@media screen and (max-width: 1470px) {
    .reco-content {
  
    margin-right: 8%;
}
}

@media screen and (max-width: 1328px){
    #mainContentrm {
    margin-top: 48px;
}
.header_defrente {
    padding: 0;
}
}
@media screen and (max-width: 1300px){
    .reco-container {

    background-position: 65% top;
   
}
}
@media screen and (max-width: 850px) {
    .desk{
  display: none!important;
  width: 0!important;
}
.mobile{
  display: block;
}
    .outer-circle {
 
    margin-bottom: 0;
}

.line{
    border-left: 2px solid #2B3B55;
    height: 80px;
   
    margin: 0 auto;
}

.step {
   
    flex-direction: column;
}

.proceso-title h1 {
   
    font-size: 33px;
   
}
.proceso-title p {
   font-family:'Acumin-Extra-Condensed';
    font-size: 20px;
   
}

.proceso-title {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.proceso-content {
    max-width: 310px;
    margin: 0 auto;
    padding-top: 50px;
}

.separator-line {

    margin: 20px auto 27px auto;
}

.proceso-container {
    width: 100%;
    position: relative;
    background-image: url(../img/Proceso-BG.png);
    background-attachment: initial;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
}
.proceso-steps {
  
    margin-top: 65vh;
}

.cata-container {
   
    background-image: url(../img/Textura-02.svg);

}

.cata-title h1 {
    text-align: center;
  
    font-size: 33px;
   
   
    font-weight: bold;

}

.cata-title h1 span {
   
    font-size: 26px;
    
    font-weight: lighter;
    max-width: 230px;
    margin: 0 auto;
  
}

.cata-container .separator-line {
   
    margin: 21px auto 50px auto;
}


.cata-body h2 {
   
    font-size: 33px;
  
    }


.cata-body p {
    
    font-size: 24px;

  }
  .slick-dotted.slick-slider {
    margin-bottom: 0;
}
.cata-content {
   padding: 0px 15px 0;
   margin-right: auto;
    text-align: left;
    position: relative;
    margin-left: auto;
    }
    .cata-title {
  
    margin: 36px auto;
    
}
.cata-body img {
    margin: 0 auto 0 auto;
    max-width: 200px;
}

.reco-title h2 {
    text-align: center;
   
    font-size: 25pt;
  
}
.reco-container img {
    width: 77px;
    height: 100%;
}

.reco-body {
   
    max-width: 270px;
    margin: 0 auto;
}

.reco-content {
    width: 90%;
    max-width: 542px;
    margin: 0 auto;
    padding-top: 50vh;
}
.slick-dotted.slick-slider {
    margin-bottom: 0!important;
}
.reco-container {
   
    background-image: url(../img/Notas-de-cata_premios.png);
    
}
.sug-mob-header,.sug-mob-footer,.sug-mob-banner{
  position: relative;
  width: 100%;
}
.sug-mob-header,.sug-mob-footer{
  background-color: #f2f0ec;
  background-size: cover;
  background-position: center;
padding: 30px;
}


.sug-mob-banner img{
  width: 100%;
  display: block;
}

.slider-background{
    background-image: url(https://defrente.devmexs.com/public/img/BG%20Footer@2x.png);
    background-repeat: no-repeat;
    background-size: 300%;
    background-position: center bottom;
}
.sugerencia-title {
    width: 100%;
    margin: 0 auto;
    position: relative;
    
}
.sugerencia-body {
      margin: 45px auto 0;
}

.sugerencia-title h1 {
    text-align: left;
    font-family: 'Acumin-Extra-Condensed';
    font-size: 30pt;
    letter-spacing: 0px;
   
    color: #ffffff;
    text-transform: uppercase;
    line-height: 100%;
    text-align: center;
    font-weight: 400;
}

.sugerencia-title img {
    max-width: 190px;
    margin: 0 auto;
    height: auto;
    display: block;
}

.sugerencia-body h2 {
    text-align: center;
    font-family: 'Acumin-Extra-Condensed';
    font-size: 30pt;
    letter-spacing: 0px;
    color: #fff!important;
    text-transform: uppercase;
    line-height: 100%;
    margin-bottom: 0;
   
    font-weight: 400;
}
.sugerencia-body p {
    font-family: 'Acumin';
    font-size: 12pt;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    line-height: 110%;
    font-weight: normal;
}
.sugerencia-title{
  padding-top: 68px;
}
.button-grid {
    display: block;
    padding-top: 0;
  }
  .sugerencia-button{
    font-size: 15pt;
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
  }
  .sugerencia-button:not(:last-child){
    margin-bottom: 20px;
  }
  .ingredients-body {
  
    margin: 0 auto;
}
.ingredients-body h2 {
    text-align: center;
    font-family: 'Acumin-Extra-Condensed';
    font-size: 30pt;
    letter-spacing: 0px;
    color: #2b3b55!important;
    text-transform: uppercase;
    line-height: 100%;
    margin-bottom: 0;
    font-weight: normal;
    
}
.ingredients-body p {
    font-family: 'Acumin';
    font-size: 12pt;
    letter-spacing: 0px;
    color: #2b3b55;
    text-align: center;
    line-height: 110%;
    font-weight: normal;
}
.ingredients-body b {
    width: 100%;
    text-align: center;
    padding-top: 30px;
    display: block;
}

.destileria-h1 {
    text-align: center;
    font-family: 'Bebas Neue Pro Regular';
    font-size: 18pt;
    letter-spacing: 0px;
    color: #2b3b55;
    text-transform: uppercase;
    line-height: 100%;
    text-align: center;
    font-weight: lighter;
    margin-top: 60px;
}

.destileria-textbox p {
    font-family: 'Acumin';
    font-size: 15px;
    letter-spacing: 0px;
    color: #2B3B55;
    text-align: center;
    line-height: 120%;
    font-weight: normal;
}
.destileria-textbox span {
    width: 100%;
    display: block;
    font-family: 'Acumin';
    font-size: 15px;
    letter-spacing: 0px;
    color: #2B3B55;
    text-align: center;
    line-height: 120%;
    font-weight: bolder;
}

.destileria-textbox {
    box-sizing: border-box;
    padding: 20px;
    width: 80%;
    margin: 30px auto;
    border: solid 2px #2B3B55;
}
:root {
    --total-width: calc(100% - 8px);
    --total-width2: calc(100% - 4px);
    --total-width3: calc(100% - 4px);
    --total-width4: calc(100% - 4px);
    --column-width: calc(var(--total-width) / 3);
    --column-2: calc(var(--total-width2) * 0.6227);
    --column-1: calc(var(--total-width2) * 0.3772);
    --columns: calc(var(--total-width3) / 2);
    --column-2b: calc(var(--total-width4) * 0.4115);
    --column-1b: calc(var(--total-width4) * 0.5858);
}

.coordenadas {
    position: relative;
    width: 80%;
    max-width: 499px;
    right: initial;
    top: initial;
    left: initial;
    transform: none;
    margin: 10px auto;
}

.coordenadas h2 {
    font-family: 'Acumin';
    font-size: 18pt;
    letter-spacing: 0px;
    color: #2B3B55;
    text-align: center;
    line-height: 110%;
    margin-bottom: 10px;
    font-weight: bolder;
}

.coordenadas h3 {
    font-family: 'Acumin';
    font-size: 15pt;
    letter-spacing: 0px;
    color: #2B3B55;
    text-align: center;
    line-height: 110%;
    font-weight: 300;
}

.coordenadas2 {
    display: block;
    position: relative;
    width: 80%;
    max-width: 499px;
    right: initial;
    top: initial;
    left: initial;
    transform: none;
    margin: 10px auto;
}

.coordenadas2 h2 {
    font-family: 'Acumin';
    font-size: 18pt;
    letter-spacing: 0px;
    color: #2B3B55;
    text-align: center;
    line-height: 110%;
    margin-bottom: 10px;
    font-weight: bolder;
}

.coordenadas2 h3 {
    font-family: 'Acumin';
    font-size: 15pt;
    letter-spacing: 0px;
    color: #2B3B55;
    text-align: center;
    line-height: 110%;
    font-weight: 300;
}

#multimedia-cont {
  width: 100%!important;
  margin: 0 auto;
}

.multimedia-3col .col-divider {
    width: 4px;
    display: inline-block;
}
.img-cont-second img{
  padding-bottom: 4px!important;
}
.col-divider2{
  width: 4px;
}
.multimedia-3col{
  margin-bottom: 4px;
}
.destileria-4col .col-divider{
    width:4px;
}
.multi-title td{
    border-collapse: collapse;
    mso-line-height-rule: exactly;
    font-family: 'Acumin-Extra-Condensed';
  
    font-size: 40px!important;
    letter-spacing: 1px!important;
    color: #2b3b55;
    word-break: break-word;
    text-align: center;
}

.multi-title td:nth-child(2){
    width:200px!important;
}

}