body {
  font-family: "Inter", sans-serif;
  margin: 0;
  /* background: linear-gradient(100deg, #c71e18, #774a76, #336cac); */
  background-color: #0c80bf;
  color: white;
}

.logo {
  max-width: 180px;
}
.hero {
  text-align: center;
  background: url("/images/bg-hero.webp") no-repeat center center / cover;
}
.security-section {
  background-color: #009bda;
}
.promo-text-p {
  background-color: #0e2b5a;
}
.btn-arroz-rico {
  background-color: #0090df; /* tu color personalizado */
  color: #fff; /* texto blanco */
}
.btn-arroz-rico:hover {
  background-color: #1aa0e9; /* tu color personalizado */
}
.saco-img {
  transform: translate(-50%, -30%);
}

.security-icon {
  max-width: 80px;
}

.map-container {
  border: 5px solid white;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  position: relative;
}
.map-container iframe {
  width: 100%;
  max-height: 66vh;
}
.map-section h2 {
  font-family: "Paytone One", sans-serif;
  color: #0e2b5a;
}
.logos-section img {
  max-width: 130px;
  margin: 0 15px;
}

.footer-logo {
  max-width: 100px;
}
@media (min-width: 768px) {
  .logos-section img {
    max-width: 180px;
    margin: 0 15px;
  }
  .map-container iframe {
    width: 100%;
    max-height: 77vh;
  }
  .map-container:before {
    content: "";
    position: absolute;
    width: 358px;
    height: 18px;
    background: #2e312f;
    top: 35px;
    left: 56px;
  }
}

#termsModal .modal-content {
  border-radius: 1rem;
}

#termsModal .modal-header {
  border-bottom: none;
}

#termsModal .modal-body {
  color: #000;
}

#termsModal .modal-footer {
  border-top: none;
}

#termsModal .btn-primary {
  background-color: #007bff;
  border-color: #007bff;
  border-radius: 50rem;
  padding: 0.75rem 2rem;
}