.elementor-101 .elementor-element.elementor-element-2775e6b{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;}.elementor-101 .elementor-element.elementor-element-2775e6b:not(.elementor-motion-effects-element-type-background), .elementor-101 .elementor-element.elementor-element-2775e6b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://anticipaav.com/wp-content/uploads/2021/05/HOME-IMAGEN.png") 50% 50%;background-size:cover;}.elementor-101 .elementor-element.elementor-element-b85e304 .elementor-button{background-color:var( --e-global-color-26c3984 );font-size:40px;fill:var( --e-global-color-astglobalcolor4 );color:var( --e-global-color-astglobalcolor4 );}.elementor-101 .elementor-element.elementor-element-b85e304 > .elementor-widget-container{margin:0700px 0px 0px 040px;}.elementor-101 .elementor-element.elementor-element-b85e304.elementor-element{--align-self:flex-start;--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-101 .elementor-element.elementor-element-b85e304{left:0px;}body.rtl .elementor-101 .elementor-element.elementor-element-b85e304{right:0px;}.elementor-101 .elementor-element.elementor-element-b85e304{top:0px;}.elementor-101 .elementor-element.elementor-element-6eb0419 .elementor-button{background-color:var( --e-global-color-26c3984 );font-size:40px;fill:var( --e-global-color-astglobalcolor4 );color:var( --e-global-color-astglobalcolor4 );}.elementor-101 .elementor-element.elementor-element-6eb0419 > .elementor-widget-container{margin:625px 0px 0px 40px;}body:not(.rtl) .elementor-101 .elementor-element.elementor-element-6eb0419{left:0px;}body.rtl .elementor-101 .elementor-element.elementor-element-6eb0419{right:0px;}.elementor-101 .elementor-element.elementor-element-6eb0419{top:0px;}/* Start custom CSS for button, class: .elementor-element-b85e304 *//* ===== Texto-botón con efecto "mar" y zoom en hover ===== */

/* 1) El botón se comporta como texto (sin caja) */
.mar-anim .elementor-button{
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
}

/* 2) Texto con degradado animado tipo océano */
.mar-anim .elementor-button .elementor-button-text{
  background-image: linear-gradient(
    120deg,
    #004080 0%,    /* azul profundo vivo */
    #008cff 25%,   /* azul brillante */
    #00eaff 50%,   /* turquesa eléctrico */
    #008cff 75%,   /* azul brillante */
    #004080 100%   /* azul profundo vivo */
  );
  background-size: 300% 300%;
  animation: oceanMove 8s ease-in-out infinite;

  /* Rellenar el texto con el degradado */
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;

  display: inline-block;
  transition: transform .45s ease, filter .25s ease;
  transform-origin: center;        /* zoom desde el centro */
}

/* 3) Hover: +20% de tamaño y brillo extra */
.mar-anim .elementor-button:hover .elementor-button-text,
.mar-anim .elementor-button:focus .elementor-button-text{
  transform: scale(1.2);                  /* +40% real */
  filter: brightness(1.40) saturate(1.2); /* más vivo */
}

/* 4) Accesibilidad: sin animaciones si el usuario lo prefiere */
@media (prefers-reduced-motion: reduce){
  .mar-anim .elementor-button .elementor-button-text{
    animation: none;
    transition: none;
  }
}

/* 5) Animación del “oleaje” (mueve el degradado) */
@keyframes oceanMove{
  0%   { background-position:   0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position:   0% 50%; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-6eb0419 *//* ===== Texto con efecto volcán ===== */

.volcan-anim .elementor-button{
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
}

.volcan-anim .elementor-button .elementor-button-text{
  background-image: linear-gradient(
    120deg,
    #4a0000 0%,
    #b30000 25%,
    #ff4d00 50%,
    #ffcc00 75%,
    #b30000 100%
  );
  background-size: 300% 300%;
  animation: lavaFlow 6s ease-in-out infinite;

  /* Rellenar las letras con el degradado */
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;

  display: inline-block;
  transition: transform .45s ease, color .45s ease, -webkit-text-fill-color .45s ease;
  transform-origin: center;
}

/* === HOVER: letras rojas sólidas y +25% tamaño === */
.volcan-anim .elementor-button:hover .elementor-button-text,
.volcan-anim .elementor-button:focus .elementor-button-text{
  transform: scale(1.25);

  /* Quita el degradado */
  animation: none;
  background: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;

  /* Aplica el color rojo sólido a las letras */
  -webkit-text-fill-color: #ff0000;
  color: #ff0000;
}

/* Animación del flujo de lava */
@keyframes lavaFlow{
  0%   { background-position:   0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position:   0% 50%; }
}/* End custom CSS */