section {
    z-index: 0;
}

.subfooter > div {
    display: none;
}

body { background-color: #fff; }

html { scroll-behavior: smooth; }

.header-color-change-items a {
    font-size: 18px!important;
}

header .brand-button {
    border: 1px solid var(--color-brand-3)!important;
    background-color: var(--color-brand-2)!important;
   color: var(--color-brand-neutral)!important;
    font-size: 18px!important;
    padding: 14px 24px;
}

header .brand-button:hover {
    border: 1px solid var(--color-brand-1)!important;
    background-color: var(--color-brand-3)!important;
   color: var(--color-brand-1)!important;
}

header img {
    max-height: 90px;
}

p, time {
	font-size: 16px!important;
}

.blog-post-page header img {
    max-height: 450px!important;
}

    .hero-default-content-inner .button a {
        text-shadow: none!important;
    }

.hero-default-inner {
    background: linear-gradient(90deg, #d4e8c8 0%, #76B4AB 100%);
}

.offer-box-opaque-bg {
	background-color: var(--color-brand-5) !important;
}

.nosotros-hero {
	background-color: var(--color-brand-neutral);
}

.nosotros-hero .text-with-image-default-container {
	background-color: var(--color-brand-neutral);
}

.nosotros-hero * {
        color: var(--color-brand-1);
}

.pricing-default:nth-of-type(2), .pricing-default:nth-of-type(4) {
    background-color: var(--color-brand-3);
}

.pricing-default .pricing-item {
    background-color: var(--color-brand-neutral);
}

.pricing-default .item-title {
    width: 100%;
    align-items: center;
}

.pricing-default .item-title img{
    height: 54px;
}

.pricing-default .item-benefits img {
    max-height: 130px;
    -webkit-filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.23));
    filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.23));
}

.pricing-default * {
	color: var(--color-brand-1);
}

.pricing-default .pricing-item .brand-button {
	color: var(--color-brand-neutral) !important;
	background-color: var(--color-brand-2) !important;
}

.contacto-boton {
  position: fixed;
  bottom: 20px; /* Distance from the bottom of the screen */
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--color-brand-2);
  color: #ffffff;
  border: 1px solid var(--color-brand-3);
  border-radius: 5px;
  padding: 14px 28px;
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: background-color 0.3s ease, transform 0.3s ease;
  z-index: 11;
}

.contacto-boton:hover {
  background-color: var(--color-brand-1);
  transform: translateX(-50%) scale(1.05);
}