/*
Theme Name:   Subgráfica theme
 Theme URI:    https://subgrafica.com/
 Description:  Subgráfica WP theme - If you’re reading this, please say hi!!
 Author:       Subgráfica Estudio
 Author URI:   https://subgrafica.com/
 Template:     Divi
 Version:      15.0
 License:      Attribution-NonCommercial 4.0 International
 License URI:  https://creativecommons.org/licenses/by-nc/4.0/
 */


 @import url("https://use.typekit.net/ime6iia.css");

 :root {
  --gr: #888888;
  --ne: #0a0a0a;
  --bl: #ffffff;
  --transp: transparent;
  --ffa: 'sarvatrik-latin-variable', sans-serif;
  --ffb: 'space-mono', Helvetica, Arial, Sans-Serif;
  --fwb: "wght" 700;
  --fwl: 400;
  --flh1: 110%;
  --flh2: 150%;
  --fs-1: clamp(.7rem, 6vw + 1rem, 5rem);
  --fs-2: clamp(.6rem, 5vw + 1rem, 3.5rem);
  --fs-3: clamp(.5rem, 1vw + 1rem, 1.2rem);
  --fs-4: clamp(.3rem, 1vw + 1rem, 1.1rem);
  --fs-5: clamp(.3rem, .9vw + 1rem, .9rem);
  --fs-6: clamp(.3rem, 1vw + 1rem, .7rem);
  --fs-p: clamp(.4rem, .5vw + 1rem, .9rem);
  --fls: .1rem;
}



html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body {
  height: 100vh;
}

@supports (-webkit-touch-callout: none) {
  body {
    height: -webkit-fill-available;
  }
}

body {
  font-family: var(--ffb);
  font-size: var(--fs-p);
  font-weight: var(--fwl);
  color: var(--bl);
  background: var(--ne);
  background-color: var(--ne);
  text-transform: uppercase;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
}

::selection {
  background: var(--ne);
  color: var(--bl)
}

::-moz-selection {
  background: var(--ne);
  color: var(--bl);
}

a:active, a:active * {
  outline: none !important;
  -moz-outline-style: none !important;
}

a:focus, a:focus * {
  outline: none !important;
  -moz-outline-style: none !important;
}

h1, h2, h3, h4, h5, h6 {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  text-justify: inter-character;
}

p {
  text-transform: uppercase;
  hyphens: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  text-align: justify;
  text-justify: newspaper;
  overflow-wrap: normal;
}

a:link {
  text-decoration: none;
  opacity: 1;
  color: var(--bl);
  font-weight: var(--fwl);
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

a:hover {
  text-decoration: none;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

a:visited {
  color: var(--bl);
}

#content_link a:link {
  text-decoration: none;
  opacity: 1;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

#content_link a:hover {
  text-decoration: none;
  opacity: .6;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

#content_link a:visited {
  text-decoration: none;
  opacity: .9;
}

h1 {
  font-family: var(--ffa);
  font-size: var(--fs-1) !important;
  font-variation-settings: var(--fwb);
  line-height: var(--flh1);
  text-transform: uppercase;
  letter-spacing: var(--fls);
}

h2 {
  font-family: var(--ffa);
  font-size: var(--fs-2) !important;
  font-variation-settings: var(--fwb);
  line-height: var(--flh1);
  text-transform: uppercase;
  letter-spacing: var(--fls);
}

h3 {
  font-family: var(--ffb);
  font-size: var(--fs-3) !important;
  font-weight: var(--fwl);
  line-height: var(--flh1);
  text-transform: uppercase;
  letter-spacing: var(--fls);
}

h4 {
  font-family: var(--ffb);
  font-size: var(--fs-4) !important;
  text-transform: uppercase;
  letter-spacing: var(--fls);
}

h5 {
  font-family: var(--ffb);
  font-size: var(--fs-5) !important;
  text-transform: uppercase;
  letter-spacing: var(--fls);
}

h6 {
  font-family: var(--ffb);
  font-size: var(--fs-6) !important;
  text-transform: uppercase;
  letter-spacing: var(--fls);
}

#big_text {
  font-family: var(--ffa);
  font-size: var(--fs-1) !important;
  font-variation-settings: var(--fwb);
  text-transform: uppercase;
  letter-spacing: var(--fls);
}
#error {
  font-family: var(--ffa);
  font-size: var(--fs-2) !important;
  font-variation-settings: var(--fwb);
  text-transform: uppercase;
  letter-spacing: var(--fls);
  line-height: 60%;
  padding-bottom: 5px;
}
.no-text {
  cursor: default;
}
.et_builder_inner_content {
background-color:  var(--ne);
}

#menu h1, h2, h3, h4, h5, h6 {
  padding-bottom: 0px;
}

.no-text {
  cursor: default;
}

#menu_link {
}

#menu_overlay p, h1, h2, h3, h4, h5, h6 {
  justify: center;
  text-align: center;
}

#menu_overlay h2 {
  font-family: var(--ffa);
  font-size: var(--fs-2) !important;
  font-variation-settings: var(--fwb);
  line-height: var(--flh1);
  text-transform: uppercase;
  letter-spacing: var(--fls);
  padding-bottom: 20px;
  justify: center;
  text-align: center;
}

#menu_link {
}

#menu_link p, h1, h2, h3, h4, h5, h6 {
  justify: center;
  text-align: center;
}

#menu_link h3 {
  justify: center;
  text-align: center;
}

#menu_link a:link {
  text-decoration: none;
  opacity: 1;
  color: var(--bl);
  font-weight: var(--fwl);
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

#menu_link a:hover {
  text-decoration: none;
  opacity: .6;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

#menu_link a:visited {
  text-decoration: none;
  opacity: .9;
}

.menu_ho {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex;
}

.menu_ho li {
  margin-right: 40px;
 /* Ajusta la separación según tus preferencias */
}

.menu_ho li:last-child {
  margin-right: 0;
 /* Elimina el margen derecho para el último elemento */
}

.menu_ho a {
  text-decoration: none;
}

#com {
  position: relative;
  text-decoration: none;
}

#com a {
  z-index: 20;
}

#com::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  margin-top: -2px;
  width: 100%;
  height: 100%;
  background-image: url('https://gallardomartz.tv/data/img/menu/sketch_barra_menu_com_1x_2.png');
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 0s ease;
}

#com:hover::before {
  margin-top: -2px;
  opacity: 1;
  z-index: 10;
}

#com:hover {
  opacity: 1 !important;
  cursor: pointer;
}

#tv {
  position: relative;
  text-decoration: none;
}

#tv::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  margin-top: -2px;
  width: 100%;
  height: 100%;
  background-image: url('https://gallardomartz.tv/data/img/menu/sketch_barra_menu_tv_1x_1.png');
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 0s ease;
}

#tv:hover::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url('https://gallardomartz.tv/data/img/menu/sketch_barra_menu_tv_1x_1.png');
 /* Reemplaza 'tu-imagen.jpg' con la ruta de tu imagen */
  background-size: cover;
  opacity: 0.7;
  z-index: 1;
}

#tv:hover {
  opacity: 1 !important;
  cursor: pointer;
}

#ff {
  position: relative;
  text-decoration: none;
}

#ff::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  margin-top: -2px;
  width: 100%;
  height: 100%;
  background-image: url('https://gallardomartz.tv/data/img/menu/sketch_barra_menu_ff_1x_1.png');
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 0s ease;
}

#ff:hover::before {
  margin-top: -2px;
  opacity: 1;
  z-index: 10;
}

#ff:hover {
  opacity: 1 !important;
  cursor: pointer;
}

#mus {
  position: relative;
  text-decoration: none;
}

#mus::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('https://gallardomartz.tv/data/img/menu/sketch_barra_menu_mv_1x_1.png');
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 0s ease;
}

#mus:hover::before {
  opacity: 1;
  z-index: 10;
}

#mus:hover {
  opacity: 1 !important;
  cursor: pointer;
}

#com-overlay {
  position: relative;
  text-decoration: none;
}

#com-overlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('https://gallardomartz.tv/data/img/overlay/sketch_menu_com.png');
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 0s ease;
}

#com-overlay:hover::before {
  opacity: 1;
  z-index: 10;
}

#com-overlay:hover {
  opacity: 1 !important;
  cursor: pointer;
}

#tv-overlay {
  position: relative;
  text-decoration: none;
}

#tv-overlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  margin-top: -2px;
  width: 100%;
  height: 100%;
  background-image: url('https://gallardomartz.tv/data/img/overlay/sketch_menu_tv.png');
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 0s ease;
}

#tv-overlay:hover::before {
  margin-top: 0px;
  opacity: 1;
  z-index: 10;
}

#tv-overlay:hover {
  opacity: 1 !important;
  cursor: pointer;
}

#ff-overlay {
  position: relative;
  text-decoration: none;
}

#ff-overlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  margin-top: -2px;
  width: 100%;
  height: 100%;
  background-image: url('https://gallardomartz.tv/data/img/overlay/sketch_menu_ff.png');
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 0s ease;
}

#ff-overlay:hover::before {
  margin-top: -2px;
  opacity: 1;
  z-index: 10;
}

#ff-overlay:hover {
  opacity: 1 !important;
  cursor: pointer;
}

#mus-overlay {
  position: relative;
  text-decoration: none;
}

#mus-overlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('https://gallardomartz.tv/data/img/overlay/sketch_menu_mus.png');
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 0s ease;
}

#mus-overlay:hover::before {
  opacity: 1;
  z-index: 10;
}

#mus-overlay:hover {
  opacity: 1 !important;
  cursor: pointer;
}

.lista {
  list-style: none !important;
  padding: 0 !important;
  margin: 0;
}

.enlace {
  font-family: var(--ffa);
  font-size: var(--fs-2) !important;
  font-variation-settings: var(--fwb);
  line-height: var(--flh1);
  text-transform: uppercase;
  letter-spacing: var(--fls);
  color: var(--bl);
  padding-bottom: 20px;
  text-align: center;
  position: relative;
  display: block;
  text-decoration: none;
}

.enlace:hover::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.enlace-com:hover::before {
  background-image: url('https://gallardomartz.tv/data/img/overlay/sketch_menu_com.png');
 /* Ruta de la imagen para enlace-1 */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 1;
}

.enlace-ff:hover::before {
  background-image: url('https://gallardomartz.tv/data/img/overlay/sketch_menu_ff.png');
 /* Ruta de la imagen para enlace-2 */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 1;
}

.enlace-tv:hover::before {
  background-image: url('https://gallardomartz.tv/data/img/overlay/sketch_menu_tv.png');
 /* Ruta de la imagen para enlace-3 */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 1;
}

.enlace-mus:hover::before {
  background-image: url('https://gallardomartz.tv/data/img/overlay/sketch_menu_mus.png');
 /* Ruta de la imagen para enlace-4 */
  background-size: cover;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 1;
}

.lista-2 {
  list-style: none !important;
  padding: 0 !important;
  margin: 0;
  display: flex;
 /* Utiliza flexbox */
}

.lista-2 li {
  margin-right: 40px;
 /* Espacio entre los elementos de la lista */
}

.lista-2 li:last-child {
  margin-right: 0;
 /* Elimina el margen derecho para el último elemento */
}

.lista-2 a {
  text-decoration: none;
}

.horizontal {
  color: var(--bl);
  text-align: center;
  position: relative;
  display: block;
  text-decoration: none;
}

.horizontal:hover::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 1;
  margin-right: -20px;
  margin-left: -20px;
}

.horizontal-com:hover::before {
  background-image: url('https://gallardomartz.tv/data/img/overlay/sketch_menu_com.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.horizontal-ff:hover::before {
  background-image: url('https://gallardomartz.tv/data/img/overlay/sketch_menu_ff.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.horizontal-tv:hover::before {
  background-image: url('https://gallardomartz.tv/data/img/overlay/sketch_menu_tv.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.horizontal-mus:hover::before {
  background-image: url('https://gallardomartz.tv/data/img/overlay/sketch_menu_mus.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.active-link {
  color: var(--gr) !important;
}
span.punto-s {
  width: 18px;
  height: 18px;
  margin-left: 10px;
  margin-right: 10px;
  background: url('https://gallardomartz.tv/data/img/overlay/punto_ch.png');
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  cursor: default;
}

#project_title {
  font-family: var(--ffa);
  font-size: var(--fs-2) !important;
  font-variation-settings: var(--fwb);
  line-height: var(--flh1);
  text-transform: uppercase;
  letter-spacing: var(--fls);
  cursor: default;
  margin-top: -4px;
}

#project_title_transp {
  font-family: var(--ffa);
  font-size: var(--fs-1) !important;
  font-variation-settings: var(--fwb);
  line-height: var(--flh1);
  text-transform: uppercase;
  letter-spacing: var(--fls);
}

#project_data {
}

#project_data p, h1, h2, h3, h4, h5, h6 {
  font-family: var(--ffb);
  font-size: var(--fs-5) !important;
  text-transform: uppercase;
  letter-spacing: normal;
  word-spacing: -4px;
  line-height: 110%;
  padding-bottom: 7px;
  text-align: left;
  cursor: default;
}

#project_data > .et_pb_text_inner {
  max-width: 90%;
}

#project_description {
}

#project_description p, h1, h2, h3, h4, h5, h6 {
  font-family: var(--ffb);
  font-size: var(--fs-5) !important;
  text-transform: uppercase;
  letter-spacing: normal;
  word-spacing: -4px;
  line-height: 110%;
  padding-bottom: 5px;
  text-align: left;
  cursor: default;
}
img.mfp-img {
  max-height: 600px !important;
}

.transp {
  background-color: transparent;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

.color {
  background-color: var(--ne);
}

.hm {
  visibility: hidden;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

.view_yes {
  visibility: visible;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

.video-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
 /* Coloca el video detrás del contenido */
}

.no-data {
  -webkit-touch-callout: none;
 /* iOS Safari */
  -webkit-user-select: none;
 /* Safari */
  -khtml-user-select: none;
 /* Konqueror HTML */
  -moz-user-select: none;
 /* Old versions of Firefox */
  -ms-user-select: none;
 /* Internet Explorer/Edge */
  user-select: none;
 /* Non-prefixed version, currently
                                 supported by Chrome, Edge, Opera and Firefox */
}

.contenedor {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
 /* 100% de la altura de la ventana */
  overflow: hidden;
}

#logo_home {
  opacity: 0;
 /* Inicialmente, el logo está oculto */
  animation: aparecerYBajar 7s forwards;
 /* La animación dura 5 segundos y se detiene al final */
}

.scroll_bar {
  opacity: 0;
  z-index: 3003;
  -webkit-animation-name: scroller;
  animation-name: scroller;
  -webkit-animation-duration: 6s;
  animation-duration: 6s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.play-btn {
}
.mpp-dot.mpp-skin-capella .mpp-title {
  -webkit-animation: timer 1.3s;
   /* Safari 4+ */
   -moz-animation: timer 1.3s;
   /* Fx 5+ */
   -o-animation: timer 1.3s;
   /* Opera 12+ */
   animation: timer 1.3s;
   /* IE 10+, Fx 29+ */
}
.et_pb_section_video_bg {
  -webkit-animation: timer 1.6s;
   /* Safari 4+ */
   -moz-animation: timer 1.6s;
   /* Fx 5+ */
   -o-animation: timer 1.6s;
   /* Opera 12+ */
   animation: timer 1.6s;
   /* IE 10+, Fx 29+ */
}

#et-boc .area-outer-wrap[data-da-type="popup"] {
  min-width: 320px;
  padding: 0px;
}

#et-boc .area-outer-wrap[data-da-type="popup"] {
  width: 100%;
}

#et-boc .area-outer-wrap .da-close:focus, #et-boc .area-outer-wrap .da-close:hover {
  opacity: 1;
  -webkit-transform: scale(1.0) !important;
  transform: scale(1.0) !important;
}

#et-boc .area-outer-wrap[data-da-color="dark"] .da-close {
  background: transparent;
  -webkit-box-shadow: 0 0 0 0px transparent;
  box-shadow: 0 0 0 0px transparent;
  text-shadow: 0 0 0px transparent;
  background-image: url("https://gallardomartz.tv/wp-content/uploads/2024/01/menu_1.png") !important;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0px !important;
  line-height: 1em;
  right: 2%;
  top: 17px;
  -webkit-transform: rotate(45deg) !important;
  -moz-transform: rotate(45deg) !important;
  opacity: 1;
}

#et-boc .area-outer-wrap[data-da-color="dark"] .da-close:focus, #et-boc .area-outer-wrap[data-da-color="dark"] .da-close:hover {
  background: transparent;
  -webkit-box-shadow: 0 0 0 0px transparent;
  box-shadow: 0 0 0 0px transparent;
  text-shadow: 0 0 0px transparent;
  background-image: url("https://gallardomartz.tv/wp-content/uploads/2024/01/menu_1.png") !important;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0px !important;
  line-height: 1em;
  right: 2%;
  top: 17px;
  opacity: 1;
}

#et-boc .area-outer-wrap .da-close:focus, #et-boc .area-outer-wrap .da-close:hover {
  background-image: url("https://gallardomartz.tv/wp-content/uploads/2024/01/menu_1.png") !important;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0px !important;
  color: #EDEBDC !important;
  line-height: 1em;
  right: 2%;
  top: 17px;
}

.mfp-close-btn-in .mfp-close {
  color: transparent;
}

.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
  right: -30px !important;
  padding-right: 0px !important;
  width: 25px !important;
  background-repeat: no-repeat;
  color: transparent !important;
}

.mfp-close {
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  padding: 0 0 0px 0px;
  background: transparent;
  -webkit-box-shadow: 0 0 0 0px transparent;
  box-shadow: 0 0 0 0px transparent;
  text-shadow: 0 0 0px transparent;
  background-image: url("https://gallardomartz.tv/data/img/x_menu_1.png") !important;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0px !important;
  line-height: 1em;
  right: 2%;
  top: 17px;
  opacity: 1;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  opacity: .60 !important;
}

.mfp-close:hover {
  opacity: 1 !important;
}

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0a0a0a !important;
  opacity: 1 !important;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

.mfp-container {
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

.et_pb_video_popup_0.et_pb_video_popup {
  background-color: #0a0a0a !important;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.video_thumbnail {
  display: inherit;
  opacity: .8;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

.video_thumbnail:hover {
  display: inherit;
  opacity: 1;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
 /* Fade effect overlay-*/
.overlay-hugeinc {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.5s, visibility 0.5s;
  transition: opacity 0.5s, visibility 0.5s;
}

.overlay-hugeinc.open {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.overlay-hugeinc .et_pb_section {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.overlay-hugeinc .et_pb_section {
  opacity: 0.4;
  -webkit-transform: none !important;
  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s;
}

.overlay-hugeinc.open .et_pb_section {
  opacity: 1;
  -webkit-transform: none !important;
  transform: none !important;
}

.overlay-hugeinc.close .et_pb_section {
  -webkit-transform: none !important;
  transform: none !important;
}

.overlay-container .overlay-close {
  background-image: url("______") !important;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0px !important;
  color: #EDEBDC !important;
  line-height: 1em;
  right: 4.73%;
  top: 17px;
}

.overlay-container .overlay-close:hover {
  cursor: pointer !important;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  opacity: 1;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

.overlay-container .overlay-close::after {
  height: 26px;
}
 /* skins mediahovers mods */
 /* light */
.mpp-skin-light:not(.mpp-skin-capella):not(.mpp-skin-azumi):not(.mpp-skin-viva) .mpp-playlist-item,
 .mpp-skin-light:not(.mpp-skin-capella):not(.mpp-skin-azumi):not(.mpp-skin-viva) .mpp-info {
  background: var(--bl);
}

.mpp-skin-light .mpp-description {
  color: var(--bl);
}

.mpp-skin-light .mpp-title {
  color: var(--bl);
}
 /* dark */
.mpp-skin-dark:not(.mpp-skin-capella):not(.mpp-skin-azumi):not(.mpp-skin-viva) .mpp-playlist-item,
 .mpp-skin-dark:not(.mpp-skin-capella):not(.mpp-skin-azumi):not(.mpp-skin-viva) .mpp-info {
  background: #242424;
}

.mpp-skin-dark .mpp-description {
  color: var(--bl);
}

.mpp-skin-dark .mpp-title {
  color: var(--bl);
}
 /* skin capella */

.mpp-dot.mpp-skin-capella .mpp-playlist-item {
  border-radius: 0px;
  overflow: hidden;
}

.mpp-dot.mpp-skin-capella .mpp-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 56vh;
  min-height: 470px;
  bottom: 0px;
  padding: 0px;
}

.mpp-dot.mpp-skin-capella .mpp-title {
  font-family: var(--ffb);
  font-size: var(--fs-5) !important;
  text-transform: uppercase;
  letter-spacing: normal;
  word-spacing: -4px;
  line-height: 110%;
  padding-bottom: 5px;
  text-align: left;
  cursor: default;
  min-width: 200px;
  width: fit-content;
  margin-left: 3%;
  padding-right: 2%;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

.mpp-dot.mpp-skin-capella .mpp-description {
  display: none;
}

.feature-mh {
}

.feature-mh .mpp-content {
  height: 80vh;
  min-height: 560px;
  width: 100%;
  object-fit: cover;
  object-position: center center;
  margin: -1px 0 !important;
  cursor: pointer;
}

.feature-mh .mpp-thumb {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center center;
}

.feature-mh .mpp-playlist-item .mpp-video {
  height: 100%;
  width: 100%;
  background-size: cover;
  object-fit: cover;
  object-position: center center;
  visibility: visible !important;
  position: absolute;
}

.gallery-mh {
}

.gallery-mh .mpp-content {
  height: 56vh;
  min-height: 470px;
  width: 100%;
  object-fit: cover;
  object-position: center center;
  margin: -1px 0 !important;
  cursor: pointer;
}

.gallery-mh .mpp-content {
  cursor: pointer;
}

.gallery-mh .mpp-thumb {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center center;
}

.gallery-mh .mpp-playlist-item .mpp-video {
  height: 100%;
  width: 100%;
  background-size: cover;
  object-fit: cover;
  object-position: center center;
  visibility: visible !important;
  position: absolute;
}

.mpp-load-more-btn {
  display: none;
}

.aptbox-show-caption .aptbox-caption, .aptbox-show-infobar .aptbox-infobar, .aptbox-show-nav .aptbox-navigation .aptbox-button, .aptbox-show-toolbar .aptbox-toolbar {
  display: none;
}

.aptbox-bg {
  background: #111111;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.47,0,.74,.71);
}

.aptbox-is-open .aptbox-bg {
  opacity: .95;
  transition-timing-function: cubic-bezier(.22,.61,.36,1);
}

.mpp-visible {
  cursor: pointer;
  margin-bottom: 30px !important;
}

.vertical {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

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

.left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.bottom {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.min-safe-h-screen {
  /* equivalent to 100dvh in major browsers */
  min-height: calc(
    100vh - env(safe-area-inset-bottom, 0) - env(safe-area-inset-top, 0)
  );
}

@supports (-webkit-touch-callout: none) {
  .min-safe-h-screen {
    /* for ios safari 15, safe-area-inset-bottom is 0, so a special fix apply here */
    min-height: -webkit-fill-available;
  }
}

 /* Fade effect overlay-*/
.animate {
  animation: fader 8s infinite linear;
}

@keyframes aparecerYBajar {
  0% {
    opacity: 0;
    transform: translateY(0px);
 /* Desplaza hacia arriba 50px */
  }

  20% {
    opacity: 1;
 /* Aparece con fade durante los primeros 20% de la animación */
    transform: translateY(0px);
 /* Desplaza hacia arriba 50px */
  }

  60% {
    opacity: 1;
 /* Aparece con fade durante los primeros 20% de la animación */
    transform: translateY(0px);
 /* Desplaza hacia arriba 50px */
  }

  100% {
    opacity: 1;
    transform: translateY(calc(50vh - 44px));
 /* Desplaza hacia abajo hasta 50% de la altura de la ventana */
  }
}

@-webkit-keyframes fader {
  0% {
    opacity: 0;
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.effect::after {
  animation: grain 6s steps(10) infinite;
  background-image: url('https://gallardomartz.tv/data/img/grain.png');
  background-repeat: repeat;
  content: '';
  height: 300%;
  left: -100%;
  opacity: .04;
  pointer-events: none;
  position: fixed;
  top: -100%;
  transition: opacity 0.4s ease;
  width: 300%;
  will-change: transform;
  z-index: 3;
}

@keyframes grain {
  0% {
    transform: translate(20%, -15%)
  }

  10% {
    transform: translate(-20%, -15%)
  }

  20% {
    transform: translate(20%, -5%)
  }

  30% {
    transform: translate(-20%, -5%)
  }

  40% {
    transform: translate(20%, 5%)
  }

  50% {
    transform: translate(-20%, 5%)
  }

  60% {
    transform: translate(20%, 15%)
  }

  70% {
    transform: translate(-20%, 15%)
  }

  80% {
    transform: translate(20%, 5%)
  }

  90% {
    transform: translate(-20%, 5%)
  }

  100% {
    transform: translate(20%, -5%)
  }
}

@-webkit-keyframes scroller {
  0% {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    opacity: 0;
  }

  10% {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    opacity: 0;
  }

  25% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 0;
  }

  35% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: .5;
  }

  40% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }

  50% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 1;
  }

  60% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }

  70% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }

  90% {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    opacity: .5;
  }

  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    bottom: 10px;
    opacity: 1;
  }
}

@-webkit-keyframes timer {
  0% {
    opacity: 0;
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

 /*** Responsive Styles laptop Only ***/
@media all and (min-width:1024px)and (max-width: 1679px) {
}

 /*** Responsive Styles Tablet Landscape Only ***/
@media all and (min-width:813px)and (max-width: 1023px) {
  #logo_home {
    animation: none;
 /* Desactiva la animación en pantallas más pequeñas que 1024px */
  }
}

@media all and (min-height:320px)and (max-height: 600px) {
  .enlace {
    font-family: var(--ffa);
    font-size: 28px !important;
    padding-bottom: 5px;
  }
}
 /*** Responsive Styles Tablet Portrait Only ***/
@media all and (min-width: 768px)and (max-width: 812px) {
  #logo_home {
    animation: none;
 /* Desactiva la animación en pantallas más pequeñas que 1024px */
  }
}

 /*** Responsive Styles Smartphone Only ***/
@media all and (min-width:320px) and (max-width: 767px) {
  #logo_home {
    animation: none;
  }

  .mpp-dot.mpp-skin-capella .mpp-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 26vh;
    min-height: 220px;
    bottom: 0px;
    padding: 0px;
  }
  .gallery-mh .mpp-content {
  height: 26vh;
  min-height: 220px;
}
}

@media (max-width: 980px) {
  .et_pb_column {
    margin-bottom: 0px !important;
    .enlace {
          padding-bottom: 10px;
  }
}

  @media (min-width: 981px) {
    .et_pb_gutters3 .et_pb_column_2_3 .et_pb_module, .et_pb_gutters3.et_pb_row .et_pb_column_2_3 .et_pb_module {
        margin-bottom: 0px !important;
  }
  .et_pb_gutters2 .et_pb_column_2_3 .et_pb_module, .et_pb_gutters2.et_pb_row .et_pb_column_2_3 .et_pb_module {
    margin-bottom: 0px !important;
  }
}