@charset "utf-8";
/*
*Template Name: start2jump
*Designer: Mauricio Baquero
*Developer: Mauricio Baquero
*Junio - 2.019
*/

@import url("framework.css");

/*Categoria*/
.cambia-color {
  background-color: #F0F0F0;
  border-style: solid;
  border-width: 1px;
  border-color: #FFFFFF;
  padding: 6px;
}

.cambia-color:hover {
  background-color: #FFEE68;
}

/*Footer*/
.circle {
  color: #8A8A8A;
  font-size: 1.5em;
  height: 40px;
  width: 40px;
  border-radius: 90px;
  background: #252525;
  padding-top: 8px;
}

#bansup {
  background-color: #000000;
  min-height: 80px;
}

#tel {
  color: white;
  margin-top: 30px;
  font-size: 20px;
}

.sticky-cuztom {
  background-color: #F8F8F8;
  min-height: 90px;
}

.navbar-cuztom {
  background-color: transparent !important;
  font-size: 1.2rem;
}

.stylo-hr {
  border-top: 1px solid #8c8b8b;
}

/*visor_producto*/
.marco-vis-1 {
  border-style: solid;
  border-width: 1px;
  border-color: #C0C0C0;
  padding: 6px;
  min-height: 460px;
}

.min30 {
  min-height: 300px;
}

.min6 {
  min-height: 66px;
}

.min80 {
  min-height: 80px;
}

/*Otros*/
#diremail {
  color: white;
  margin-top: 25px;
  font-size: 1.5rem;
}

/*Planes*/
section.pricing {
  background: #007bff;
  background: linear-gradient(to right, #e9e9e9, #e9e9e9);
}

.pricing .card {
  border: none;
  border-radius: 1rem;
  transition: all 0.2s;
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}

.pricing hr {
  margin: 1.5rem 0;
}

.pricing .card-title {
  margin: 0.5rem 0;
  font-size: 0.9rem;
  letter-spacing: .1rem;
  font-weight: bold;
}

.pricing .card-price {
  font-size: 3rem;
  margin: 0;
}

.pricing .card-price .period {
  font-size: 0.8rem;
}

.pricing ul li {
  margin-bottom: 1rem;
}

.pricing .text-muted {
  opacity: 0.7;
}

.pricing .btn {
  font-size: 80%;
  border-radius: 5rem;
  letter-spacing: .1rem;
  font-weight: bold;
  padding: 1rem;
  opacity: 0.7;
  transition: all 0.2s;
}

.mks-boton {
  background-color: #507DBC;
  /* Color personalizado */
  border-color: #507DBC;
  /* Borde opcional */
  color: white;
  /* Color del texto */
}

.mks-boton:hover {
  background-color: #507DBC;
  border-color: #507DBC;
}

/* Hover Effects on Card */

@media (min-width: 992px) {
  .pricing .card:hover {
    margin-top: -.25rem;
    margin-bottom: .25rem;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
  }

  .pricing .card:hover .btn {
    opacity: 1;
  }
}

/*Fin planes*/

/* Media Queries
--------------------------------------------------------------------------------------------------------------- */
@-ms-viewport {
  width: device-width;
}

/* Max Wrapper Width - Laptop, Desktop etc.
--------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:978px) {}

/* Mobile Devices
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:900px) {}

@media (max-width: 767px) {}

@media screen and (max-width:750px) {
  #title-podcast {
    font-size: 1.5rem;
    font-weight: bold;
  }
}

@media screen and (max-width:450px) {
  #title-podcast {
    font-size: 1.5rem;
  }
}

/* Other
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:650px) {}