@keyframes float {
    0% {
      transform: translateY(0); /* n inicial */
    }
    50% {
      transform: translateY(-40px); /* Flota hacia arriba */
    }
    100% {
      transform: translateY(40px); /* Flota hacia abajo */
    }
  }
  .img-float {
    animation: float 5s infinite ease-in-out alternate; 
  }
  .float-delay-1 {
    animation-duration: 6s; 
  }
  .float-delay-2 {
    animation-duration: 10s;
  }



body {
    font-family: "Open Sans", sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    margin-top: 97px;
	font-size: 16px;
}
.d-none{
	display: none;
}

@media (max-width: 767px){
	body{
		font-size: 15px;
	}
	.whatsapp a.button-one{
    margin: auto;
}
}
@media (max-width: 468px){
	
}
img {
    max-width: 100%;
    height: auto;
}
h1, h2, h3, p {
    margin-top: 0;
}
.dev-row > .wp-block-group__inner-container{
    display: flex;
    align-items: center;
	flex-wrap: wrap;
    justify-content: center;
}
.container{
    max-width: 1224px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
  }
  .swiper-container {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}
p{
    font-family: "Open Sans", sans-serif;
    color: #606060;   
	line-height: 30px;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: "Poppins", sans-serif;
    font-style: normal;
}
h1, .h1 {
    font-weight: 600;
    font-size: 3.125em;
    line-height: 60px;
}

h2, .h2 {
    font-weight: 600;
    font-size: 2.5em;
    line-height: 48px;
    color: #262626;
    text-align: center;
}
@media (max-width: 767px){
	h2, .h2{
		font-size: 2em;
		line-height: 36px;
	}
}
@media (max-width: 468px){
	h2, .h2{
		font-size: 1.5em;	
	}
}
a{
    font-family: "Inter", sans-serif;  
}

a.button-one{
    padding: 18px 18px;
    font-weight: 600;
    text-decoration: none;
    font-size: 1.25em;
    min-width: 162px;
    text-align: center;
    max-width: fit-content;
    max-height: fit-content;
}
a.button-one-aqua{
    background-color: #4FDCFF;
    color: #262626;
	transition: ease .5s;
}
a.button-one-aqua:hover{
	background-color: rgba(79, 220, 255, .8);
}
a.button-one-deepblue{
    background-color: #1E4BAF;
    color: white;
	transition: ease .5s;
}
a.button-one-deepblue:hover{
	background-color: rgba(30, 75, 175, .8);
}
a.button-one-white{
    color: #262626;
    background-color: #FFFFFF;
	transition: ease .5s;
}
a.button-one-white:hover{
	background-color: rgba(255, 255, 255, .8);
}
.button-one a{
    padding: 18px 18px;
    font-weight: 600;
    text-decoration: none;
    font-size: 1.25em;
    min-width: 162px;
    text-align: center;
    max-width: fit-content;
    max-height: fit-content;
}
.button-one-aqua a{
    background-color: #4FDCFF;
    color: #262626;
	transition: ease .5s;
}
.button-one-aqua a:hover{
	background-color: rgba(79, 220, 255, .8);
}
.button-one-deepblue a{
    background-color: #1E4BAF;
    color: white;
	transition: ease .5s;
}
.button-one-deepblue a:hover{
	background-color: rgba(30, 75, 175, .8);
}
.button-one-white a{
    color: #262626;
    background-color: #FFFFFF;
	transition: ease .5s;
}
.button-one-white a:hover{
	background-color: rgba(255, 255, 255, .8);
}
.swiper-button-next:after, .swiper-button-prev:after{
    font-size: 20px;
    color: black;
}
.swiper-button-next.hero-next, 
.swiper-button-prev.hero-prev{
        top: var(--swiper-navigation-top-offset, 53%);
		margin-top: 0;
}
.swiper-button-next.hero-next::after{
	content: "";
  display: block;
  width: 13px;   /* ajustá al tamaño de tu icono */
  height: 20px;
  background: url('/wp-content/uploads/2025/09/Vector-705.png') no-repeat center center;
  background-size: contain;  /* para que se ajuste sin deformar */
	
}

.swiper-button-prev.hero-prev::after { 
	content: "";
  display: block;
  width: 13px;   /* ajustá al tamaño de tu icono */
  height: 20px;
  background: url('/wp-content/uploads/2025/09/Vector-705-1.png') no-repeat center center;
  background-size: contain;  /* para que se ajuste sin deformar */
}
.swiper-button-next.hero-next::after, 
.swiper-button-prev.hero-prev::after{
    color: white;
}
.swiper-button-next.hero-next, .swiper-rtl .swiper-button-next.hero-prev {
    right: var(--swiper-navigation-sides-offset, 84px);
}
.swiper-button-prev.hero-prev, .swiper-rtl .swiper-button-next.hero-next{
    left: var(--swiper-navigation-sides-offset, 84px);
}
@media (max-width: 768px){
	.swiper-button-next.hero-next, .swiper-rtl .swiper-button-next.hero-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
}
.swiper-button-prev.hero-prev, .swiper-rtl .swiper-button-next.hero-next{
    left: var(--swiper-navigation-sides-offset, 10px);
}
	.swiper-slide.img-bg .imagewrapper{
		display:none; 
	}
}
div.wpforms-container-full .wpforms-form .wpforms-submit-spinner{
    margin-bottom: 0;
}
.form-area-descarga > figure{
    text-align: right;
	max-width: unset;
}
.form-area-descarga > figure.close-descarga img{
    margin-bottom: 0;
    cursor: pointer;
}

:root{
  --hero-anim-offset: clamp(56px, 8vw, 160px);
  --hero-anim-dur: 700ms;
  --hero-anim-ease: cubic-bezier(.22,.61,.36,1);
  --hero-anim-delay-text: 120ms;
  --hero-anim-delay-image: 0ms;
}

/* Estado base: oculto hasta que el slide tenga el gatillo */
.swiper-container .swiper-slide .textwrapper,
.swiper-container .swiper-slide .imagewrapper{
  opacity: 0;
  will-change: transform, opacity;
}

/* Gatillo: el JS pone .is-animating en el slide activo */
.swiper-container .swiper-slide.is-animating .textwrapper{
  animation: enterFromLeft var(--hero-anim-dur) var(--hero-anim-ease) both;
  animation-delay: var(--hero-anim-delay-text);
}
.swiper-container .swiper-slide.is-animating .imagewrapper{
  animation: enterFromRight var(--hero-anim-dur) var(--hero-anim-ease) both;
  animation-delay: var(--hero-anim-delay-image);
}

/* Entra desde la IZQUIERDA → centro (para el texto) */
@keyframes enterFromLeft{
  from{ opacity: 0; transform: translateX(calc(-1 * var(--hero-anim-offset))); }
  to  { opacity: 1; transform: translateX(0); }
}

/* Entra desde la DERECHA → centro (para la imagen) */
@keyframes enterFromRight{
  from{ opacity: 0; transform: translateX(var(--hero-anim-offset)); }
  to  { opacity: 1; transform: translateX(0); }
}

/* Accesibilidad */
@media (prefers-reduced-motion: reduce){
  .swiper-container .swiper-slide .textwrapper,
  .swiper-container .swiper-slide .imagewrapper{
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
}
