/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* HEADER CON EFECTO NEGATIVO */
/*.elementor-element-a1fc206{
    mix-blend-mode: difference;
    isolation: isolate;
}*/



/* EFECTO RELLENO BOTONES */
.elementor-button,
.e-form__buttons__wrapper__button-next,
.e-form__buttons__wrapper__button-previous{
    position: relative;
    overflow: hidden;
    isolation: isolate;
    z-index: 0;

    transition:
        color .35s ease,
        border-color .35s ease;
}

/* Capa del degradado */
.elementor-button::before,
.e-form__buttons__wrapper__button-next::before,
.e-form__buttons__wrapper__button-previous::before{
    content: "";
    position: absolute;
    inset: 0;

    background: linear-gradient(90deg, #12B1B9 0%, #0778BD 100%);

    transform: scaleX(0);
    transform-origin: left;

    transition: transform .45s cubic-bezier(.22,.61,.36,1);

    z-index: -1;
}

/* Animación */
.elementor-button:hover::before,
.e-form__buttons__wrapper__button-next:hover::before,
.e-form__buttons__wrapper__button-previous:hover::before{
    transform: scaleX(1);
}

/* Color del texto */
.elementor-button:hover,
.e-form__buttons__wrapper__button-next:hover,
.e-form__buttons__wrapper__button-previous:hover{
    color: #fff;
    border-color: transparent;
}



/* COLOR RANDOM CARDS */
.random-color {
  transition: background-color 0.3s ease, color 0.3s ease;
}

.random-color {
  position: relative;
  overflow: hidden;
  transition: color 0.3s ease;
}

.random-color::before {
  content: "";
  position: absolute;
  inset: 0;
  transform: scaleY(0);
  transform-origin: bottom;
  transition: transform 0.35s ease;
  z-index: 0;
}

.random-color:hover::before {
  transform: scaleY(1);
}

.random-color.is-color-1::before {
  background-color: var(--e-global-color-accent);
}

.random-color.is-color-2::before {
  background-color: var(--e-global-color-f66de2c);
}

.random-color.is-color-3::before {
  background-color: var(--e-global-color-1bbae81);
}

.random-color.is-color-4::before {
  background-color: var(--e-global-color-16d83a2);
}



/* GRADIENT CTA */
.cta-gradient{
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.cta-gradient::before{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, #12B1B9 0%, #0778BD 100%);

    /* Empieza oculto abajo */
    transform: scaleY(0);
    transform-origin: bottom;

    transition: transform .45s cubic-bezier(.22,.61,.36,1);

    z-index: -1;
}

.cta-gradient:hover::before{
    transform: scaleY(1);
}

/* Para que el contenido quede por encima del degradado */
.cta-gradient > *{
    position: relative;
    z-index: 1;
}



/* LÍNEAS ESCALADAS EN SCROLL */
.swap-text .line1,
.swap-text .line2{
    transition: font-size .35s ease, opacity .35s ease;
    line-height: 1;
}

.swap-text .line1{
    font-size: clamp(48px,5vw,72px);
}

.swap-text .line2{
    font-size: clamp(18px,2vw,24px);
}

.swap-text.active .line1{
    font-size: clamp(18px,2vw,24px);
}

.swap-text.active .line2{
    font-size: clamp(48px,5vw,72px);
}



/* FORM STEPS */
.e-form__indicators__indicator--state-completed [class*=indicator--shape-]:not(.e-form__indicators__indicator--shape-none) {
	background: linear-gradient(90deg, #12B1B9 0%, #0778BD 100%);

}


/* COOKIES */

.secc_cookies #cmplz-document{
	width:100%;
	max-width:100%;
}