@font-face {
    font-family: "ETmodules";
    src: url("../fonts-etmodules.woff") format("woff");
    font-display: block;
}

@font-face {
    font-family: "FontAwesome";
    src: url("../fonts-fa-regular.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: block;
}

@font-face {
    font-family: "FontAwesome";
    src: url("../fonts-fa-solid.woff2") format("woff2");
    font-style: normal;
    font-weight: 900;
    font-display: block;
}

@font-face {
    font-family: "Font Awesome 5 Brands";
    src: url("../fonts-fa-brands.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: block;
}

html {
    scroll-behavior: smooth;
}

body {
    overflow-x: hidden;
}

#Inicio {
    margin-bottom: 0 !important;
}

.et_pb_menu__logo-wrap {
    display: none !important;
}

.et_pb_menu__wrap {
    justify-content: flex-end !important;
}

#Inicio .et_pb_image_0 {
    position: relative;
    transform: translateY(-56px);
}

#Inicio .et_pb_image_0 .et_pb_image_1 {
    position: absolute !important;
    z-index: 2;
    top: 3%;
    left: 2%;
    width: 16%;
    max-width: 120px;
    margin: 0 !important;
    transform: translateY(-45%);
}

#Inicio .et_pb_image_0 .et_pb_image_1 img {
    display: block;
    width: 100%;
    height: auto;
}

.et_animated,
.et-waypoint {
    opacity: 0;
    transition: opacity 700ms ease-in-out, transform 700ms ease-in-out;
}

.et_pb_image_0.et_animated {
    transform: translateX(-2%);
}

.et_animated.is-visible,
.et-waypoint.is-visible {
    opacity: 1;
    transform: none;
}

.form-status {
    margin-bottom: 18px;
    padding: 12px 16px;
    color: #ffffff;
    text-align: center;
}

.counter-complete .percent-value {
    display: inline-block;
    animation: counter-settle 320ms ease-out;
}

.et_pb_number_counter_0 {
    opacity: 1 !important;
}

[id^="trigger-"] {
    cursor: pointer;
    transition: background-color 240ms ease, border-color 240ms ease, padding 240ms ease;
}

[id^="trigger-"]:focus-visible {
    outline: 2px solid #e7ac3c;
    outline-offset: 4px;
}

[id^="trigger-"].arrow::after {
    transform-origin: center;
    transition: transform 300ms ease, color 300ms ease;
}

[id^="trigger-"].rotate::after {
    color: #e7ac3c;
    transform: rotate(180deg);
}

[id^="content-"].service-panel-active {
    animation: service-panel-in 300ms ease-out;
}

@keyframes service-panel-in {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes counter-settle {
    50% {
        transform: scale(1.08);
    }
}

.form-success {
    background: #1f7a55;
}

.form-error {
    background: #a42d2d;
}

.privacy-link {
    margin-top: 8px;
}

.privacy-link a {
    color: #ffffff;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.privacy-link a:hover,
.privacy-link a:focus-visible {
    color: #e7ac3c;
}

.et_pb_contact_submit:disabled {
    cursor: wait;
    opacity: 0.65;
}

.website-field {
    position: absolute !important;
    left: -10000px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

@media (max-width: 980px) {
    #Inicio .et_pb_image_0 {
        transform: translateY(-24px);
    }

    #Inicio .et_pb_image_0 .et_pb_image_1 {
        top: 2%;
        left: 1%;
        width: 18%;
        transform: translateY(-42%);
    }

    .et_pb_menu__menu.mobile-open {
        position: absolute;
        top: 48px;
        left: 0;
        display: block !important;
        width: 100%;
        padding: 5%;
        background: #242938;
        border-top: 3px solid #e7ac3c;
    }

    .et_pb_menu__menu.mobile-open nav,
    .et_pb_menu__menu.mobile-open .et-menu,
    .et_pb_menu__menu.mobile-open .et-menu li {
        display: block;
        width: 100%;
    }

    .et_pb_menu__menu.mobile-open .et-menu a {
        padding: 10px 5%;
        color: #ffffff !important;
    }

    .mobile_nav {
        cursor: pointer;
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    .et_animated,
    .et-waypoint {
        opacity: 1;
        transform: none;
        transition: none;
    }

    .counter-complete .percent-value {
        animation: none;
    }
}