* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  outline: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  color: inherit;
}

video::-webkit-media-controls {
  display:none !important;
}

small,
input,
textarea,
select,
button {
  padding: 0;
  color: inherit;
  background-color: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font: inherit;
  text-align: inherit;
  text-transform: inherit;
  letter-spacing: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6,
small {
  font: inherit;
}

/* Animacion Swup -------------------*/
html.is-changing .transition-main {
  transition: opacity 750ms ease-in-out;
}
html.is-animating .transition-main {
  opacity: 0;
}
/* Animacion Swup -------------------*/
html.is-changing .transition-main-home {
  transition: opacity 150ms ease-in-out;
}
html.is-animating .transition-main-home {
  opacity: 0;
}

/* Barra de Cookies -------------------*/
.cky-btn-revisit-wrapper { display: none !important; }
.cky-consent-bar { font-family: "neue-haas-grotesk-text"; padding: 32px !important }
.cky-notice-des > p { max-width: 1300px !important; }
.cky-notice-des { font-size: 14px; line-height: 18px; overflow-y: auto !important; }
.cky-notice-group { align-items: flex-end !important }
.cky-notice-btn-wrapper { font-family: "neue-haas-grotesk-text"; font-size: 14px; line-height: 22px; display: flex; flex-direction: row-reverse !important; justify-content: right !important; }
.cky-btn { background: none !important; border: none !important ; margin: 0px 0px 0px 20px !important; padding: 0px !important; width: auto !important; max-width: max-content !important;}
.cky-btn-customize { display: none; }
.cky-btn-reject { content: "Decline"; color: gray !important; order: 2 !important;}
.cky-btn-accept { content: "Accept"; color: black !important; order: 1 !important; }

@media (min-width: 769px) {
  .cky-notice-des > p { max-width: 1300px !important; margin-right: 20px !important; } 
}
@media (max-width: 768px) {
  .cky-notice-des > p { margin-bottom: 40px !important; }
}

/* Player Video */
.plyr__control--overlaid { background-color: transparent !important; }
.plyr__controls { display: flex; flex-direction: column-reverse; padding: 0px !important;  align-items: end; background: none !important; }
.plyr__progress__container { width: 100%; margin-bottom: -8px; }
@media(min-width: 768px) { .plyr__control--overlaid { scale: 2; margin: 0; padding: 0; } }
.plyr__progress--played { background-color: white; }
.plyr__control:hover { background: none !important; }
.plyr--full-ui input[type=range] { color: white !important; }
.plyr__tooltip { display: none; }
.plyr__volume { margin: 5px 10px; }
.plyr__progress__buffer { display: none; }
.plyr--full-ui input[type=range]::-webkit-slider-runnable-track { border-radius: 0px !important; }
input[type="range"]::-webkit-slider-thumb {
  opacity: 0;
}
input[type="range"]::-moz-range-thumb {
  opacity: 0;
  border-radius: 0;
}
input[type="range"]::-ms-thumb {
  opacity: 0;
  border-radius: 0;
}
@media(max-width: 1023px){
  .plyr__control.plyr__control--overlaid{
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    visibility: unset !important;
  }
}


/** grafito additional styles **/
.margen-izquierda{
  margin-left: 32px; 
}
.margen-inferior{
  margin-bottom: 30px; 
}
.mosca{
  position: absolute;
  z-index: 1;
  top: 30px;
  left: 32px;
  width: calc(100% - 64px);
  color: white;
  font-weight: 400;
  font-style: Regular;
  font-size: 36px;
  
  line-height: 42px;
  letter-spacing: -3%;
  /* max-width: 438px;*/
  
}
.mosca .texto-bio{
  max-width: 876px;
}
.mosca .texto-bio.oculto{
  display: none;
}

.mosca.black{
  color: black;
}

.mosca.black a.more-info{
  color: black;
  border-bottom: 2px solid black;
}

.mosca.active{
  z-index: 10000;
  top:0;
  left: 0;
  padding: 30px 32px 32px 32px;
  color:black;
  background-color: white;
  max-width: revert;
  width: 100%;
} 

.mosca.active .texto-bio.oculto{
  display: block;
}
.mosca a.cerrar_mosca{ display: none;  border-bottom: 2px solid black;}

.mosca.active a.more-info{display:none;}
.mosca.active a.cerrar_mosca{display:inline-block;}
.mosca.active a{
  color: black
}

.mosca a{
  color: white;
  text-decoration: none;
  border-bottom: 2px solid white;
  pointer-events: all !important;
  line-height: 32px;
  display: inline-block;
  
}


.mosca.active .columnas-wrapper{
  display: block;
    visibility: visible;
  opacity: 1;
}
.columnas-wrapper{
  position: relative;
  width: 100%;
  height: 100%;
  margin: 50px 0px 0px 0px;
  float: left;
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
}
.columnas{
  max-width: 908px;
  
  
}

.columna-texto-simple{
  width: 223px;
  float: left;
}

.columna-foto{ margin-top:4px; float:left;}
.columna-foto.aire-derecha{margin-right: 83px;}
.columna-foto img{
  
  max-height: 315px;
  max-width: 315px;
  padding-bottom: 50px;
    

}
.columna-texto-simple, .columna-texto-doble, .encabezado{
float: left;
font-weight: 400;

font-size: 14px;

line-height: 18px;
letter-spacing: 5%;
margin-right: 20px;

}
.columna-texto-doble{
  max-width: 470px;
  
  font-size: 20px;

  line-height: 26px;
  letter-spacing: 5%;
    margin-bottom: 100px;

}
.columna-texto-doble p{
  margin-bottom: 32px;
}

.columna-texto-simple p{
  margin-bottom: 26px;
}

.columnas a{
  text-decoration: underline;
  line-height: 18px;
}

.columnas a[href^="mailto:"]{
  text-decoration: none;
}

.encabezado{
  width: 80%;
  text-transform: uppercase;
  display: inline-block;
  height: 64px;
}

.aire-derecha{
  margin-right: 175px
}

@media(max-width: 1023px){
  .mosca{
    width: calc(100% - 64px);
    max-width: unset;
  }
}
@media(max-width: 966px){
  .columnas-wrapper{
    /*margin: 260px 0px 0px 0px;*/
    
  }
  .columnas{max-width: calc(100vw - 40px);}
  .columna-texto-doble, .columna-texto-simple{
    max-width: unset;
    width: calc(100% - 40px);
    margin: 20px 0 !important;
  }
  .columna-texto-doble p{
    max-width: 470px;
    width: 100%;
  }
  .columna-texto-simple p{
    width: 178px;
  }
  .columna-texto-simple span.encabezado{
    width: 178px;
    display:block;
    clear: both;
  }
}

@media(max-width: 610px){
  .columnas-wrapper{
    margin: 70px 0 0px 0;
    
  }

  .columnas{max-width: calc(100vw - 32px);}
  .mosca{
    top: 0;
    left: 0;
    width: 100vw;
    /*top: 16px;
    left: 16px;*/
    padding: 16px;
    max-width: unset;
    font-size: 25px; 
    line-height: 30px;
    letter-spacing: -3%;
  }

  .mosca.active{
    padding: 16px;
    width: 100vw;
  }
  .columna-texto-doble{
    max-width: unset;
    width: 100%;
    margin: 50px 0 ;
  } 

  .columna-texto-doble{
    
font-weight: 450;

font-size: 20px;

line-height: 26px;
letter-spacing: 5%;

  }
  .columna-texto-simple{
    margin-bottom: 30px
  }
  .mosca a{
    line-height: 22px;
  }
}

.mosca.active + header + #menucontainer + .transition-main, .mosca.active + header  + .transition-main{
  height: 0;
    overflow: auto;
}
@media(max-width: 3000px){
#mosca-footer-wrapper .lg\:p-32{
  padding-left: 0 !important;
  padding-right: 0 !important;
}
}

.transition-main #menucontainer {
  position: relative !important;
}


.transition-main #menucontainer.is-stuck {
  position: fixed !important;
}

/*@media(min-width: 768px){
  .plyr.plyr--full-ui{ min-height: 100% !important; }
}*/

.transition-main #menucontainer.is-stuck + div {
  margin-top: 52px;
}

@media(max-width: 767px){
  .transition-main #menucontainer.is-stuck + div {
    margin-top: 72px;
  }
  #mosca-footer-wrapper{
    padding-top: 52px;    
  }
}