/* navbar height var fallback in case JS doesn’t run */

:root {
  --navbar-height: 110px;
  --bs-success: #87b569;
  --bs-success-rgb: rgb(135, 181, 105);
  --accordion-open-bg: #C0D8B0;
  --accordion-collapsed-hover-bg: #f1f7EE;
  --accent-bg: #FCFCFC;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Poppins';
  padding-top: var(--navbar-height);
}

/* anchor link scroll fix with sticky navbar */

[id] {
  scroll-margin-top: calc(var(--navbar-height) + 10px);
}

.hero {
  background: url("../../assets/img/main/hero-bg_3840.webp");
  position: relative;
  min-height: calc(100vh - var(--navbar-height));
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Buttons and links */

.btn {
  font-family: Poppins, sans-serif;
  padding: 10px 30px;
  border-radius: 50px;
  transition: 0.5s;
  font-size: inherit;
}

.btn.active {
  color: var(--bs-white);
}

.btn-link {
  color: var(--bs-link-color);
}

.btn-link:hover {
  color: var(--bs-link-hover-color);
}

.light-link a:hover {
  color: var(--bs-link-color);
}

.dropdown-item.active {
  background-color: var(--accordion-open-bg);
  color: var(--bs-white);
}

/* Client persona image */

.client-persona {
  height: 300px;
}

/* "see more..." link behavior for client persona section. Language based. */

.see-more-es:before {
  content: "Sigue leyendo ↓";
}

.see-more-es[aria-expanded="true"]:before {
  content: "Ver menos ↑";
}

.see-more-en:before {
  content: "Continue reading ↓";
}

.see-more-en[aria-expanded="true"]:before {
  content: "See less ↑";
}

/* BIO accordion overrides */

#accordion-bio {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}

#accordion-bio .accordion-button {
  font: inherit;
  background-color: var(--bs-primary);
}

#accordion-bio .accordion-button:hover {
  background-color: color-mix(in srgb, var(--bs-link-color) 90%, black);
}

#accordion-bio .accordion-button::after {
  position: absolute;
  right: 1rem;
}

#accordion-bio .accordion-body {
  padding: 20px 0;
}

/* FAQ accordion overrides */

#accordion-faq .accordion-button {
  color: var(--bs-dark);
  font: inherit;
  font-size: 0.6em;
}

.accordion-button.collapsed {
  background-color: var(--accent-bg);
}

.accordion-button.collapsed:hover {
  background-color: var(--accordion-collapsed-hover-bg);
}

.accordion-button[aria-expanded="true"] {
  background-color: var(--accordion-open-bg);
}

.accent-bg {
  background-color: var(--accent-bg);
}

/* separators */

section {
  border-bottom: 5px solid var(--bs-primary);
}

/* separator */

hr.separator {
  border-top: 3px dashed var(--bs-primary);
  opacity: 1;
}

/* Cards for section-nosotros */

#section-nosotros .card-header {
  background: var(--bs-primary);
}

/* for dev purposes. adds a floating flag to buttom of page */

.dev-en-flag {
  position: fixed;
  bottom: 0px;
  left: 20px;
  border: none;
  border-radius: 15px;
}