.container {
  max-width: 960px;
}
footer {
  background-color: #3b7d0f;
  color: #fff;

  text-align: center;
}
.navbar {
  background-color: #43870d;
  border-bottom: transparent !important;
}
.custom-card {
  position: relative;
  border-radius: 1.5rem;
  padding: 2.5rem 1.5rem 2rem;
  background-color: #fff;
  text-align: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}
.nav-link {
  color: #feb401;
  font-weight: 600;
}
.nav-link:hover {
  color: #fff;
}
.custom-card::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  z-index: -1;
  border-radius: 1.5rem;
  background: linear-gradient(90deg, #00e0b8, #f9b600);
}

.circle-number-wrapper {
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}

.circle-number {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  font-weight: bold;
  color: #285c00;
  position: relative;
}

.circle-number::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  border-radius: 50%;
  background: linear-gradient(90deg, #00e0b8, #f9b600);
  z-index: -1;
}

.custom-card h3 {
  font-weight: 700;
  color: #285c00;
  margin-top: 2rem;
}

.custom-card p {
  margin-top: 1rem;
  font-size: 1rem;
  color: #333;
}

.custom-card strong {
  color: #000;
}
.position-relative {
  position: relative;
}

.icon-overlay {
  position: absolute;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.icon-overlay img {
  transition: transform 0.3s;
}

.icon-overlay a:hover img {
  transform: scale(1.1);
}
.bottom_footer {
  background-color: rgb(9 9 9 / 16%);
}
/* .referir {
  background: url(../img/referidos.png) no-repeat center bottom;
  background-size: contain;
  padding-bottom: 150px;
} */
.video {
  background: linear-gradient(90deg, #00e0b8, #f9b600);
}

.referidos {
  background: linear-gradient(90deg, #00e0b8, #f9b600);
  border: none;
  border-radius: 50px;
  font-weight: 700;
  display: inline-block;
}
.chatycoop a {
  z-index: 1;
  position: fixed;
  bottom: 8em;
  right: 1em;
  background: #529f47 url(../img/chatycoop.jpg) no-repeat center center;
  border-radius: 50%;
  padding: 10px 0;
  height: 70px;
  width: 70px;
  background-size: cover;
}
.referirahora a {
  z-index: 1;
  position: fixed;
  top: 50%;
  right: 0;
  background: #44dbbc;
  border-radius: 50px 0 0 50px;
  padding: 10px 0;
  width: 200px;
  text-align: center;
  text-decoration: none;
  color: #3a5a10;
  font-weight: 800;
  font-size: 18px;
}
.video iframe {
  border-radius: 20px;
  border: 4px solid #fff;
}
.offcanvas {
  background-color: #43870d;
}
.offcanvas-body {
  text-align: center;
}
.offcanvas-body .nav-link {
  font-size: 1.2rem;
}
.white-toggler {
  /* background-color: white; */
  border: 2px solid #fff; /* opcional, si no quieres borde */
}

.white-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-toggler:focus {
  box-shadow: none !important;
}
/* Botón abierto con degradado */
.accordion-button:not(.collapsed) {
  background: linear-gradient(90deg, #43870d, #00e0b8) !important;
  color: #fff !important;
  box-shadow: none;
}

/* Al enfocar (focus/hover) resaltar con un halo del mismo degradado */
.accordion-button:focus {
  box-shadow: 0 0 0 0.25rem rgba(0, 224, 184, 0.4) !important;
}