body {
  font-family: "Roboto" !important;
}

.t1 {
  font-weight: bolder;
  font-size: 20px;
}

h1 {
  color: #0f65a5 !important;
}

strong {
  font-weight: 700 !important;
}

.logo-container {
  gap: 3px;
  display: flex;
  align-items: center;
}

nav.navbar.navbar-expand-lg.bg-primary {
  background-color: white !important; /* rgba(0, 113, 197, 1) !important; */
  backdrop-filter: blur(10px) brightness(1.2);
  -webkit-backdrop-filter: blur(10px) brightness(1.2); /* Safari support */
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.navbar-toggler {
  background-color: #0665a3 !important;
}

.glass-navbar {
  position: fixed;
  top: 0;
  width: 100%;
  padding: 1rem 2rem;

  display: flex;
  justify-content: center;
  z-index: 1000;
}

.glass-navbar ul {
  list-style: none;
  display: flex;
  gap: 2rem;
  margin: 0;
  padding: 0;
}

.glass-navbar a {
  color: #0665a4;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s;
}

.glass-navbar a:hover {
  color: #002462; /* highlight on hover */
}

.glass-navbar a:focus {
  color: gray;
}

.glass-navbar a.active.nav-link {
  color: #ce190a;
  text-decoration: underline;
}

.btn-primary {
  background-color: #0665a3 !important;
  border-color: #0665a3 !important;
}

.btn-primary:hover {
  background-color: #0665ca !important;
  border-color: #0665ca !important;
}

button.btn.btn-outline-primary {
  border-color: #0665a3 !important;
  color: #0665a3;
}

button.btn.btn-outline-primary:hover {
  border-color: #0665a3 !important;
  background-color: #0665a3 !important;
  color: white;
}

.cardcc {
  background-color: white;
  border: 1px solid #dbdbdb;
  padding: 10px;
  text-align: center;
  position: relative;
  height: 60px;
  align-content: center;
}

#wppicon {
  color: #25d366;
  font-size: 32px;
}

#mailicon {
  color: #25d366;
  font-size: 32px;
}
#phoneicon {
  color: #0071c5;
  font-size: 32px;
}

.cardicon {
  line-height: 0;
}

.contenidocardcc {
  align-content: center;
  margin-left: 12px;
}

.introPlanes p {
  margin-bottom: 2rem;
}

/* scroll color y tamaño */
::-webkit-scrollbar {
  width: 15px;
  height: 5px;
}

::-webkit-scrollbar-track {
  background: white;
  border-radius: 8px;
}

::-webkit-scrollbar-thumb {
  background: #0665a3; /*  #646cff45; */
  border-radius: 8px;
}

::-webkit-scrollbar-thumb:hover {
  background: #8a8a8a;
}

a.tContact {
  text-decoration: none;
}

/* Celulares (hasta 767px) */
@media (max-width: 767px) {
  .glass-navbar ul {
    gap: 0.2rem !important;
    margin-top: 20px !important;
  }
}

/* Tablets (768px a 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
}

/* Escritorios (1024px en adelante) */
@media (min-width: 1024px) {
}