/* Generating Color Pack*/
.color-highlight {
  color: #ead2a3 !important;
}

.bg-highlight {
  background-color: #ead2a3 !important;
  color: #FFF !important;
}

.border-highlight {
  border-color: #ead2a3 !important;
}

/* Use a slightly darker tone (#d2b078) for the gradient's start */
.gradient-highlight {
  background-image: linear-gradient(to bottom, #d2b078, #ead2a3) !important;
}

/* Footer bars & Pagination */
.footer-bar-2 .active-nav,
.footer-bar-5 strong,
.footer-bar-4 strong,
.splide__pagination__page.is-active {
  background-color: #ead2a3 !important;
}

.footer-bar-1 .active-nav i,
.footer-bar-1 .active-nav span,
.footer-bar-3 .active-nav i {
  color: #ead2a3 !important;
}

/* If you need a gradient in footer-bar-6, you can use the same gradient colors */
.footer-bar-6 .circle-nav strong,
.footer-bar-6 .active-nav em {
  background-image: linear-gradient(to bottom, #d2b078, #ead2a3) !important;
}

/* Form floating label styles */
.form-floating-over>.form-control:focus~label {
  color: #ead2a3;
}

.form-floating-over>.form-control:not(:placeholder-shown)~label {
  color: #ead2a3;
}

.form-floating-over>.form-select~label {
  color: #ead2a3;
}

/* Redundant classes (sometimes you’ll want to keep them for specificity) */
.color-highlight {
  color: #ead2a3;
}

.bg-highlight {
  background-color: #ead2a3;
  color: #FFF !important;
}

.border-brand {
  border: solid 4px !important;
  border-color: #ead2a3 !important;
}

.border-brand-light {
  border-color: #ead2a3 !important;
}

.border-brand-dark {
  border-color: #d2b078 !important;
}

.z-3 {
  z-index: 3;
}


/* TODO Aqui los estilos por probar */


#footer-bar>a.circle-nav>strong {
  background-image: linear-gradient(to bottom, #d2b078, var(--bs-red)) !important;
}

.aftv-header-logo {
  margin-top: 12px;
  height: 25px;
}

.aftv-card {
  background-color: transparent !important;
  box-shadow: unset !important;
  margin: unset !important;
}

.gslide-desc {
  text-align: center;
}

/* TODO estas medidas se usan en custom.js para el numero de tarjetas de los sliders */
/* Estilo para pantallas de celular (hasta 480px) */
/* @media screen and (max-width: 480px) {
  .aftv-slider {
      background-color: lightblue;
  }
} */

/* Estilo para pantallas de tablet (481px a 1024px) */
/* @media screen and (min-width: 481px) and (max-width: 1024px) {
  .aftv-slider {
      background-color: lightgreen;
  }
} */

/* Estilo para pantallas de escritorio (a partir de 1025px) */
/* @media screen and (min-width: 1025px) {
  .aftv-slider {
      background-color: lightcoral;
  }
} */

.bg-brand {
  background-color: #ead2a3 !important;
}

/* h4 {
  color: #ead2a3 !important;
} */

a.header-title>h1 {
  margin-top: 10px;
}

.aftv-menu-rounded {
  border-radius: 20px 0px 0px 20px !important;
}

#footer-bar a {
  flex: 1;
}

/* .aftv-header {
  margin: 4px;
} */