/*******************************************************************************************************
    CSS GENERAL
*****************************************************************************************************/
/* DEFINICION DE LAS FUENTES TIPOGRÁFICAS
*****************************************/
/* Títulos: Gotham medium */
@font-face {
    font-family: 'gotham_mediumregular';
    src: url('gotham/gotham-medium-webfont.eot');
    src: url('gotham/gotham-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('gotham/gotham-medium-webfont.woff2') format('woff2'),
         url('gotham/gotham-medium-webfont.woff') format('woff'),
         url('gotham/gotham-medium-webfont.ttf') format('truetype'),
         url('gotham/gotham-medium-webfont.svg#gotham_mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Titulo light: Gotham extra light */
@font-face {
    font-family: 'gotham_extra_light';
    src: url('gotham/GothamExLight.otf');
    font-weight: normal;
    font-style: normal;
}
/* Texto: Gotham light */
@font-face {
    font-family: 'gotham_light';
    src: url('gotham/Gotham-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* Texto: Gotham-Book */
@font-face {
    font-family: 'gotham_book';
    src: url('gotham/Gotham-Book.otf');
    src: url('gotham/Gotham-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* Menú deseleccionado: Gotham condensed medium */
@font-face {
    font-family: 'gotham_condensed_medium';
    src: url('gotham/GothamCondensed-Medium.otf');
    font-weight: normal;
    font-style: normal;
}
/* Menú seleccionado: GoboldBlocky */
@font-face {
    font-family: 'GoboldBlocky';
    src: url('gobold_blocky/Gobold-Blocky-Regular.otf');
    src: url('gobold_blocky/Gobold-Blocky-Regular-WebFont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
  font-family: 'gotham_light';
}
a,
.btn-link,
.page-link {
  color: #916F5E;
  outline: none;
  text-decoration: none;
  box-shadow: none;
}
a:hover,
.btn-link:active,
.btn-link:visited,
.btn-link:hover,
.page-link:hover {
  text-decoration: none;
  box-shadow: none;
}
.btn_acordeon {
  color: #494949;
}
.btn_acordeon:hover,
.page-link,
.page-link:hover {
  color: #916F5E;
}

.sin_cursor {
  cursor: not-allowed;
}

.enlace_contenido {
  font-weight: bold;
  color: #916F5E !important;
  outline: none;
  text-decoration: none;
}
.enlace_contenido:hover {
  text-decoration: underline;
}

.boton_contenido {
  color: #fff;
  background-color: #916F5E;
}

.color_naranja {
  color: #916F5E;
}
.color_marron {
  color: #916F5E;
}
.fuente_titulos {
  font-family: 'gotham_mediumregular';
}
.fuente_titulo_light {
  font-family: 'gotham_extra_light';
}
.fuente_texto {
  font-family: 'gotham_light';
}
.fuente_descripcion {
  font-family: 'gotham_book';
}
.tamanio_texto_pequenio {
  font-size: 12px !important;
}

.fondo_articulos {
  background-color: #fffbf5;
}
.fondo_etapas_curso {
  background-color: #916F5E !important;
}

.plan_imagen_contenido {
  float: right !important;
  width: 50%;
}

/* MENÚ SUPERIOR
--------------------------------------------------- */
.menu_superior a {
  font-family: 'gotham_light';/*'Poppins', sans-serif !important;*/
  font-size: 1rem;
  color: #494949;
  padding: 5px 3px;
}
.menu_superior a:hover,
.menu_superior_activo {
   color: #fff !important;
   background-color: #916F5E;
}

.link_usuarios {
  font-family: 'gotham_condensed_medium';
  font-size: 1.1rem;
  color: #916F5E;
  vertical-align: middle;
}
.link_usuarios:hover {
  text-decoration: underline;
}

.dropdown>.dropdown-menu {
  border: 0;
  margin-top: 0;
  top: 200%;
  transition: 0.3s all ease-in-out;
}
.dropdown:hover>.dropdown-menu {
  display: block;
  top: 100%;
  border-top: 4px solid #916F5E;
}
.dropdown>.dropdown-toggle:active {
  /* Sin esto, al hacer clic lo dejará visible (pegajoso a otro submenú) */
  pointer-events: none;
}
.dropdown>.dropdown-menu>.dropdown-item {
  font-size: 13px;
  color: #444041;
}
.dropdown>.dropdown-menu>.dropdown-item:hover {
  color: #916F5E;
}

/* SLIDER
--------------------------------------------------- */
#carousel_home {
  /*height: 750px;*/
  overflow: hidden;
}
.carousel-item {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  width: 100% !important;
}
.carousel-item img {
  width: 100% !important;
  height: 100% !important;
}
.carousel-caption {
  top: 35%;
  transform: translateY(-35%);
  bottom: initial;
  font-size: 2.5rem;
  color: #fff;
  background-color: rgba(0,0,0,0.2) !important;
  border-radius: 7px;
  transition: all 0.8s;
}
.carousel-caption:hover {
  background-color: rgba(0,0,0,0.8) !important;
}
.carousel-caption a {
  color: #fff;
  display: block;
}
.carousel-caption a:hover {
  color: #fff !important;
}
.carousel-control-prev,
.carousel-control-next {
  height: 70%;
}
footer {
  background-color: #fff;
}

.btn_ir_arriba {
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 10px;
  right: 50%;/*100px;*/
  display: none;
  text-indent: -9999px;
  background: url('../imagenes/ir_arriba.png') no-repeat;
  outline: none;
}

.tamanio_info {
  font-size: 1rem;
}
.tamanio_descripcion {
  font-size: 1rem;
}
.tamanio_bienvenida {
  font-size: 1.1rem;
}
.texto_engrosado {
  font-weight: bold !important;
  color: #916F5E !important;
}

.precio {
  font-size: 1.6rem;
}

.btn_ver {
  color: #fff;
  background-color: #916F5E;
  font-size: 1.4rem;
  border-radius: 20px;
  float: right;
}

#flotante_boton_comprar {
  position: fixed;
  bottom: 50px;
  right: 0;
  display: block;
  z-index: 1000;
}
#flotante_medios_pago {
  position: fixed;
  bottom: 50px;
  right: 0;
  display: none;
  z-index: 1000;
}

.propio_con_cursor {
  cursor: pointer;
}
.propio_solo_bordes_derechos {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}
.propio_borde_izquierdo_primario {
  border-left: 4px solid #916F5E;
}
.propio_solo_bordes_izquierdos {
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}
.propio_borde_derecho_primario {
  border-right: 4px solid #916F5E;
}

/* Dispositivos Extra Pequeños (teléfono vertical (portrait), less than 576px) */
@media (max-width: 575.98px) {
  
  h5 {
    font-size: 14px;
  }

  #cabecera_logo {
    width: 107px;
    height: 50px;
  }

  /*#carousel_home {
    height: 189px;
  }*/
  .carousel-caption {
    width: 90%;
    top: 5%;
    left: 5%;
    transform: translateY(-5%);
    bottom: initial;
    font-size: 11px;
    transition: all 0.8s;
  }
  .carousel-caption h5 {
    font-size: 11px;
  }

  .custom-select-sm,
  .propio_label_expe {
    margin-top: 5px;
  }

  #flotante_boton_comprar,
  #flotante_medios_pago {
    bottom: 130px;
  }

  .plan_imagen_contenido {
    width: 100%;
  }
}

/* Pequeños Dispositivos (teléfono apaisado (landscape), 576px y arriba) */
@media (min-width: 576px) and (max-width: 767.98px) {
  
  /*#carousel_home {
    height: 298px;
  }*/
}

/* Dispositivos Medianos (tablets, 768px y arriba) */
@media (min-width: 768px) and (max-width: 991.98px) {

  /*#carousel_home {
    height: 380px;
  }*/
  
  .carousel-caption {
    width: 90%;
    top: 25%;
    left: 5%;
    transform: translateY(-25%);
    bottom: initial;
    font-size: 14px;
    transition: all 0.8s;
  }
  .carousel-caption h5 {
    font-size: 18px;
  }
}

/* Dispositivos Grandes (desktops, 992px y arriba) */
@media (min-width: 992px) and (max-width: 1199.98px) {

}

/* Dispositivos Extra Grandes (large desktops, 1200px y arriba) */
@media (min-width: 1200px) {
  /*#carousel_home {
    height: 729px;
  }*/
}