.elementor-340 .elementor-element.elementor-element-eadd0c3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-340 .elementor-element.elementor-element-ef48fa9{--display:flex;}.elementor-340 .elementor-element.elementor-element-60c68e8{--spacer-size:50px;}.elementor-340 .elementor-element.elementor-element-224c7b21{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-astglobalcolor0 );--border-color:var( --e-global-color-astglobalcolor0 );--border-radius:40px 40px 40px 40px;}.elementor-340 .elementor-element.elementor-element-7f0b032{margin:30px 30px calc(var(--kit-widget-spacing, 0px) + 30px) 30px;}.elementor-340 .elementor-element.elementor-element-9300f94{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-340 .elementor-element.elementor-element-eaa92af{--display:flex;}.elementor-340 .elementor-element.elementor-element-035c64f{--spacer-size:50px;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-7f0b032 *//* Oculta el texto original */
.elementor-340 .elementor-element.elementor-element-7f0b032 label[for="user_login"] {
  font-size: 0;
}

/* Escribe el nuevo texto */
.elementor-340 .elementor-element.elementor-element-7f0b032 label[for="user_login"]::after {
  content: "Email";
  font-size: 14px;
  color: #111;
  display: block;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-224c7b21 *//* WOLFDEN MMA - BJJ Animated Background */
.elementor-340 .elementor-element.elementor-element-224c7b21 {
    position: relative;
    overflow: hidden;
    background: #ffffff;
}

/* Patrón tipo tatami / mats */
.elementor-340 .elementor-element.elementor-element-224c7b21::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        repeating-linear-gradient(
            45deg,
            rgba(4, 107, 210, 0.12) 0px,
            rgba(4, 107, 210, 0.12) 3px,
            transparent 3px,
            transparent 38px
        ),
        repeating-linear-gradient(
            -45deg,
            rgba(4, 107, 210, 0.08) 0px,
            rgba(4, 107, 210, 0.08) 2px,
            transparent 2px,
            transparent 38px
        );
    animation: bjjTatamiMove 18s linear infinite;
    z-index: 0;
}

/* Cinta/cinturón animado */
.elementor-340 .elementor-element.elementor-element-224c7b21::after {
    content: "";
    position: absolute;
    left: -40%;
    top: 50%;
    width: 180%;
    height: 14px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(4, 107, 210, 0.15),
        #046BD2,
        #ffffff,
        #046BD2,
        rgba(4, 107, 210, 0.15),
        transparent
    );
    transform: rotate(-8deg);
    animation: bjjBeltSweep 6s ease-in-out infinite;
    box-shadow: 0 0 18px rgba(4, 107, 210, 0.55);
    z-index: 1;
}

/* Mantiene el contenido encima */
.elementor-340 .elementor-element.elementor-element-224c7b21 > * {
    position: relative;
    z-index: 2;
}

@keyframes bjjTatamiMove {
    from {
        background-position: 0 0, 0 0;
    }

    to {
        background-position: 120px 120px, -120px 120px;
    }
}

@keyframes bjjBeltSweep {
    0% {
        transform: translateX(-20%) rotate(-8deg);
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    50% {
        transform: translateX(15%) rotate(-8deg);
        opacity: 1;
    }

    100% {
        transform: translateX(45%) rotate(-8deg);
        opacity: 0;
    }
}

/* Menú o textos */
.elementor-340 .elementor-element.elementor-element-224c7b21 a {
    color: #046BD2;
    transition: 0.3s ease;
}

.elementor-340 .elementor-element.elementor-element-224c7b21 a:hover {
    color: #ffffff;
    background: #046BD2;
    text-shadow: 0 0 10px rgba(4, 107, 210, 0.8);
}/* End custom CSS */