/* 
Theme Name: Marcel CL
Theme URI: https://marcelcl.com/
Description: A child custom Hello Elementor theme by Marcel CL. For any help or support please feel free to reach us at anytime at marcel@marcelcl.com
Author: Marcel CL
Author URI: https://www.marcelcl.com/
Template: hello-elementor
Text Domain: marcel-cl
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/
/*********************************************************/
/* START */
/*********************************************************/
*:focus{outline: none;}
/*********************************************************/
/* MENU */
/*********************************************************/
header .elementor-nav-menu__align-right{margin-bottom: 0px !important;}
ul.elementor-nav-menu{align-items: center;}
.cta-btn a{color: #fff !important;padding: 8px 20px !important;}
.cta-btn{background:var(--e-global-color-primary);border-radius: 10px;max-height: 35px;margin-left: 20px !important;}
.e--pointer-underline .cta-btn .elementor-item:after{display:none;}
li.link-new span{color: red;font-size: 8px;padding-left: 5px;}
/* STICKY */
.shrinker{
    --transition: all .2s linear !important;
    --normal-logo: 50px;
    --sticky-logo: 40px !important;
}
.shrinker{padding:5px;transition: var(--transition);-webkit-transition: var(--transition);-moz-transition: var(--transition);}
.shrinker.elementor-sticky--effects{box-shadow: 0px 6px 30px -4px rgba(0,0,0,.05);transition: var(--transition);-webkit-transition: var(--transition);-moz-transition: var(--transition);background:var( --e-global-color-a164755 );}
/* shrinking logo image */
.shrinking-logo img{width:100%;height: var(--normal-logo);transition: var(--transition);-webkit-transition: var(--transition);-moz-transition: var(--transition);}
.shrinker.elementor-sticky--effects img{height: var(--sticky-logo) !important;transition: var(--transition);-webkit-transition: var(--transition);-moz-transition: var(--transition);}
/* WIDTH ANIMATION HEADER */
header.e-con-boxed>.e-con-inner{-webkit-transition: max-width .4s ease,width .4s ease,padding .4s ease;transition: max-width .4s ease,width .4s ease,padding .4s ease;}
header.elementor-sticky--effects > .e-con-inner{max-width: 95% !important;}
/*********************************************************/
/* CUSTOM */
/*********************************************************/
.cta-home:hover h3{text-decoration: underline;}
.specialh2 span{font-weight:300 !important;font-size:22px !important;}
.waves {
    position: relative;
    width: 100%;
    height: 15vh;
    margin-bottom: -7px;
    min-height: 100px;
    max-height: 150px;
}
.waves-invert {
    transform: scaleY(-1); /* Invertir horizontalmente */
    height: 30px;
    min-height: 30px;
    max-height: 30px !important;
}
.parallax > use {
    animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;
}
.parallax > use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
}
.parallax > use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s;
}
.parallax > use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s;
}
.parallax > use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s;
}
/*********************************************************/
/* MOBILE */
/*********************************************************/
@media only screen and (max-width: 450px) {

}
/*********************************************************/
/* ANIMATIONS */
/*********************************************************/
@keyframes move-forever {
    0% {
        transform: translate3d(85px, 0, 0); /* Cambiar dirección inicial */
    }
    100% {
        transform: translate3d(-90px, 0, 0); /* Cambiar dirección final */
    }
}