.wp-site-blocks .reveal {
  opacity: 0;
  transform: translateY(24px);
  transition:
    opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.wp-site-blocks .reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.icon-wsp {
  width: 16px;
  height: 16px;
}
.mt-0 {
 margin-top: 0;
}
.contact-elements {
display: flex;

}

.wsp-btn .wp-block-button__link:hover {
  filter: brightness(0.9);
}

.wsp-btn .wp-block-button__link {
  background-color: #25d366;
  position: relative;
  padding-left: 38px;
  display: inline-flex;
  align-items: center;
}

.wsp-btn .wp-block-button__link::before {
  content: "";
  position: absolute;
  left: 12px;
  width: 16px;
  height: 16px;

  background-color: #ffffff;
  -webkit-mask: url('/wp-content/uploads/2026/02/whats.svg') no-repeat center;
  mask: url('/wp-content/uploads/2026/02/whats.svg') no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.hero-text {
    text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.28);
}

.separator {
    height: 5px;
    width: 150px;
} 

.value-icon {
border-radius: 50%;
    width: max-content;
}

.value-icon {
  width: 60px;
  height: 60px;
  min-width: 60px;
  min-height: 60px;

  border-radius: 50%;
  background: #8cc63f;

  display: flex;
  align-items: center;
  justify-content: center;

  flex-shrink: 0; 
}

.card-shadow {
text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 4px;
}

.relative {
 position: relative;
}

.abs {
 position: absolute;
}

.service-card {
width: 80%;
top: 52%;
    left: 10%;
}

.service-column {
 margin-bottom: 100px;
}

@media only screen and (max-width: 768px) {
  .hide-m {
  display: none;
}

.wp-block-navigation__responsive-container-content, .wp-block-navigation__responsive-container-close {
  padding: 40px;
}

.hero-m {
 min-height: 600px !important;
}
.hero-m h2 {
 font-size: 2.5rem !important;
}
.hero-m p {
 font-size: 1.25rem !important;
}

.service-card h3{
 font-size: 1rem !important;
}
.service-column {
 margin-bottom: 50px;
}
}


/* ========================= */
/* BASE */
/* ========================= */

.reveal {
  transition:
    opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),
    transform 1s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Estado inicial solo si JS está activo */
.has-js .reveal {
  opacity: 0;
}

/* ========================= */
/* DIRECCIONES */
/* ========================= */

.has-js .reveal .reveal-up {
  transform: translateY(24px);
}

.has-js .reveal .reveal-left {
  transform: translateX(-24px);
}

.has-js .reveal .reveal-right {
  transform: translateX(24px);
}

.has-js .reveal .reveal-scale {
  transform: scale(0.96);
}

/* Si NO pones dirección → default up */
.has-js .reveal:not(.reveal-left):not(.reveal-right):not(.reveal-scale) {
  transform: translateY(24px);
}

/* ========================= */
/* VISIBLE */
/* ========================= */

.has-js .reveal.is-visible {
  opacity: 1;
  transform: none;
}

/* ========================= */
/* DELAYS */
/* ========================= */

.reveal--delay-1 { transition-delay: 0.1s; }
.reveal--delay-2 { transition-delay: 0.2s; }
.reveal--delay-3 { transition-delay: 0.3s; }