* {
    font-family: "Newsreader", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

#mainNav {
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: #fff;
}

#mainNav .navbar-brand:hover,
#mainNav .navbar-brand:active {
    color: #499fdd;
}

#mainNav .navbar-toggler {
    font-size: 0.875rem;
    padding: 0.75rem 1rem;
    color: #023b59;
}

#mainNav .navbar-nav .nav-item .nav-link {
    color: #023b59;
}

#mainNav .navbar-nav .nav-item .nav-link:hover {
    color: #6c757d;
}

#mainNav .navbar-nav .nav-item .nav-link.active {
    color: #499fdd;
}

.cabecera {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: #f8f9fa;
    padding-top: 7.5em;
    padding-bottom: 5em;
}

.claim-principal {
  background: linear-gradient(343deg, #1872a1, #0a162f);
  padding-top: 5em;
  padding-bottom: 5em;
}

.claim-fase-beta {
  background: linear-gradient(343deg, #1872a1, #0a162f);
  padding-top: 5em;
  padding-bottom: 5em;
}

.caracteristicas {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #fff;
  padding-top: 5em;
  padding-bottom: 5em;
}

.multiplataforma {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #f8f9fa;
  padding-top: 5em;
  padding-bottom: 5em;
}

.tarifas {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #fff;
  padding-top: 5em;
  padding-bottom: 5em;
}

.tarifa_background {
  border-radius: 15px;
  background: linear-gradient(343deg, #dbe0e2, #ffffff);
  padding-top: 5em;
  padding-bottom: 5em;
}

.tarifa_background.free {
  background: linear-gradient(343deg, #d2edd470, #ffffff);
}

.tarifa_background.silver {
  background: linear-gradient(343deg, #b8c9d170, #ffffff);
}

.tarifa_background.gold {
  background: linear-gradient(343deg, #b5b37b70, #ffffff);
}

.device {
  max-height: 640px;
}

.btn {
  border: none;
  font-size: 1.25rem; /* Ajusta el tamaño de la fuente */
  font-weight: 500;  /* Ajusta el peso de la fuente */  
}

.btn:hover {
  background-color: #d2d3d3;
  color: #023b59;
}

.btn-acceso {
  background-color: #023b59;
  color: #f8f9fa;
}

.btn-alta {
  background-color: #66ccff; 
}

.btn-contacto {
  background-color: #66ccff; 
}

.icono-grande {
  font-size: 4rem;
  color : #023b59;
}

a.textos-legales {
  color: #7b7f81;
}