@font-face {
  font-family: 'gotham';
  src: url('../fonts/Gotham-Book.otf') format('opentype');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: 'gothambold';
  src: url('../fonts/Gotham-Bold.otf') format('opentype');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: 'gothamblack';
  src: url('../fonts/Gotham-Black.otf') format('opentype');
  font-weight: normal;
  font-style: normal;

}

:root {
  
  --guinda:#aa0843;
  --negro:#171c22;
  --dorado:#af8657;
  --blanco:#fff;
  --sombra1:rgba(0, 0, 0, 0.15);
  --sombra2:rgba(0, 0, 0, 0.2);
}
body{font-family: gothamblack; background: none; background-color: var(--letrablanca); }
#logoheader{margin-top:0px;}
#navbarSupportedContent .nav-link{color:var(--guinda);}
.boton-descarga{padding-top:5px;}
.boton-descarga a {
  background-color: var(--guinda);
  color: var(--blanco);
  border-radius: 20px;
  text-decoration: none;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;

  font-weight: bold;
}
.view, .view-content{display: contents;}
.views-field-title{text-align: center;}
#flota .navbar{padding-top: 1rem !important;
  padding-bottom: 1rem !important;}
.menuprincipal .navbar a{color:var(--negro);}
.menuprincipal .navbar-nav  .nav-link{padding-left: 20px;
  padding-right: 20px;}
.menuprincipal .navbar .nav-item:nth-child(1),.menuprincipal .navbar .nav-item:nth-child(2),.menuprincipal .navbar .nav-item:nth-child(3),.menuprincipal .navbar .nav-item:nth-child(4){padding-top:20px; padding-bottom:20px;}
.menuprincipal .navbar .nav-item:nth-child(5){padding-top: 28px;}
.navbar .descargamenu,.navbar .descargamenu:hover,.navbar .descargamenu:visited{background-color: var(--guinda); color:var(--blanco); border-radius: 20px; text-decoration: none; padding-bottom: 25px; padding-left: 10px; padding-right: 10px; font-weight: bold;}
#cintilla{background-color: var(--guinda); padding-top:30px; padding-bottom:30px;}
#cintilla img{display: block; margin-left: auto; margin-right: auto;}
#exampleModalToggle .modal-content{background: none; border: none;}
.tituloseccion {text-align: center; color:var(--blanco); padding-top:56px;padding-bottom: 20px; font-weight: bold; font-family: 'gothambold'; text-transform: uppercase; font-size: 70px;}
.tituloseccion2 {text-align: center; color:var(--guinda); padding-top: 40px;padding-bottom: 20px; font-weight: bold; margin-bottom: 40px; font-family: 'gothambold';}
#videos h1{font-size:70px; font-family: 'gothambold'; padding-top:20px;}
#videos p{font-size: 18px; font-family: 'gotham'; font-weight: bold; font-style: normal;}
.slick__slide{padding-left:10px;padding-right:10px;}
footer,footer a{color: var(--blanco);}
footer a,footer a:hover,footer a:active,footer a:visited{text-decoration: none; color:var(--blanco)}
footer img{display: block; margin-left: auto; margin-right: auto;}
.fondofooter {
  border-bottom: 1px solid var(--blanco);
}
footer {
  background-color: var(--dorado);
  text-align: center;
  padding-top:30px;
}
#footerbottom {
  background-color: var(-d--dorado);
  color: var(--letrablanca);
  text-align: center;
  font-size: 14px;
  padding: 10px 0px 10px 0px;
}
.iconosredes{padding-top:20px; padding-bottom: 20px;}
.iconosredes a{font-size: 30px;}
.enlaceverde{font-weight: bold; color:var(--blanco); padding-top: 10px;}
.flex-control-nav{bottom:20px;}
#slider .flexslider{margin-bottom:-10px; border: none;}
.mensajeje{text-align: center; font-weight: bold;word-break: normal;
  overflow-wrap:  normal;
  hyphens: none;}
  .textura{background-image: url(../imagenes/textura.png);background-position: inherit; background-size: contain;}
  .textura2{background-image: url(../imagenes/textura2.png);background-size: cover; background-position: bottom;}
  * {
    box-sizing: border-box;
  }
  
  #ejes{margin-bottom:100px;}
  #ejes .card{margin-bottom:40px; background-color: transparent; border:transparent}
  .tarjeta{border:1px solid rgba(255,255,255,.125);}
  .tarjeta .card-img-overlay{display: none; margin-top: 8px;}
  .tarjeta .card-img-overlay .contarjeta{display: none;}


  .tarjeta:hover .card-img-overlay{display: block; background-image: url(../imagenes/fondotarjeta.png); background-repeat: no-repeat;background-position: bottom; border-radius: 20px;}
  .overmarcado .card-img-overlay{ background-color: var(--dorado); display: block;color:var(--blanco);border-radius: 20px;}
  .overmarcado .card-img-overlay .contarjeta h1{word-break: normal;
    overflow-wrap: normal;
    hyphens: none; text-align: center; color:var(--blanco);}
  .overmarcado .card-img-overlay .contarjeta{ display: block;color:var(--blanco); text-align: center;}
  .overmarcado.tarjeta:hover .card-img-overlay{background:var(--dorado);}
  .renglon {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-wrap: wrap; /* IE10 */
    flex-wrap: wrap;
    padding: 0 4px;
  }
  
  /* Create four equal columnas that sits next to each other */
  .columna {
    -ms-flex: 33.3%; /* IE10 */
    flex: 33.3%;
    max-width: 33.3%;
    padding: 0 4px;
  }
  
  .columna img {
    margin-top: 8px;
    vertical-align: middle;
    width: 100%;
  }
  
  #datos-relevantes .card{
  border-top-left-radius: 57px;
  border-top-right-radius: 57px;
  border-bottom-left-radius: 57px;
  border-bottom-right-radius: 57px;
}
#datos-relevantes .card-body,#datos-relevantes .card-body a{font-family:'gothambold'; font-size:16px; text-align: center; color:var(--negro); text-decoration: none;word-break: normal;
  overflow-wrap: normal;
  hyphens: none; }

  /* Responsive layout - makes a two columna-layout instead of four columnas */
  @media screen and (max-width: 800px) {
    .columna {
      -ms-flex: 50%;
      flex: 50%;
      max-width: 50%;
    }
    .overmarcado .card-img-overlay .contarjeta h1{font-size: 30px;}
    .contdescarga h2,.contdescarga h1{text-align: center;}
    .boton-descarga{text-align: center;}
  }
  
  /* Responsive layout - makes the two columnas stack on top of each other instead of next to each other */
  @media screen and (max-width: 600px) {
    .columna {
      -ms-flex: 100%;
      flex: 100%;
      max-width: 100%;
    }
  }
  @media (min-width: 576px) {

}
@media (min-width: 768px) {
  .mensajeje{font-size: 72px;margin-bottom: 100px;}
  #datos-relevantes .card-body{height: 216px;}
}
@media (min-width: 992px) {
#navbarSupportedContent .nav-item{padding-left:20px; padding-right: 20px;}
.boton-descarga{margin-left:30px;}
}

@media (min-width: 62.5rem) {
  .region > :where(:not([data-big-pipe-placeholder-id])) {
    margin-block-end:auto;
  }
}
@media (min-width: 43.75rem) {
  .region > :where(:not([data-big-pipe-placeholder-id])) {
    margin-block-end: auto;
  }
}
@media screen and (min-width: 1167px) {
 
  #datos-relevantes .card-body{height: 150px;}
}
.region > :where(:not([data-big-pipe-placeholder-id])) {
  margin-block-end:auto;
}
.flex-direction-nav a::before{
  font-family: 'Font Awesome 6 Pro';
}
.flex-direction-nav a.flex-prev::before{content: '\f060'; font-family: 'Font Awesome 6 Pro'; font-weight: 900;}
.flex-direction-nav a.flex-next::before{content: '\f061' !important; font-family: 'Font Awesome 6 Pro'; font-weight: 900;}
.flexslider:hover .flex-direction-nav .flex-prev{padding-top:7px; border-radius: 50%;background-color: aliceblue;font-style:normal}
.flexslider:hover .flex-direction-nav .flex-next{padding-top:7px;   border-radius: 50%;background-color: aliceblue;font-style:normal}
.slick-arrow::before{color:var(--blanco);}
.flex-direction-nav .flex-prev,.flex-direction-nav .flex-next{text-align: center;}
a:focus{outline: none;}
#flota{box-shadow: inset 0px 0px 10px var(--sombra1), inset 0px 0px 20px var(--sombra2); background-color: var(--blanco);}

/*Cuent Regresiva*/
.countdown {

            text-align: center;
            /*margin-top: -18px;*/
            color: var(--guinda);
            border-radius: 15px;
        }
        .time {
            margin: 0 5px;
            padding: 10px 15px;
            background: rgba(255, 255, 255, 0.2);
            background-color: var(--guinda);
            border-radius: 8px;
            width: 65px;
        }
      .cajacuenta{width: 65px; float:left; margin-left:5px; margin-right: 5px;}
      .letrerocuenta{color:black; font-size:12px;}
      #datos-relevantes .flexslider{margin-bottom: 0px;}

      @media (max-width: 1200px) {
        .visiblemenu{display: block !important; margin-top: 20px;}
        .visiblemenu .boton-descarga{margin-top: 10px;}
      }
  .region > :where(:not([data-big-pipe-placeholder-id])) {
    margin-block-end: auto;
  }