.elementor-494 .elementor-element.elementor-element-3db738a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-494 .elementor-element.elementor-element-0564adf{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0128px;--padding-bottom:64px;--padding-left:40px;--padding-right:40px;}.elementor-494 .elementor-element.elementor-element-0564adf:not(.elementor-motion-effects-element-type-background), .elementor-494 .elementor-element.elementor-element-0564adf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor2 );background-image:url("https://prueba-edit-nova.shop/wp-content/uploads/2025/08/servicesimg.webp");background-repeat:no-repeat;background-size:cover;}.elementor-494 .elementor-element.elementor-element-abf99e5{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-494 .elementor-element.elementor-element-df3adec .hfe-infocard{text-align:center;}.elementor-494 .elementor-element.elementor-element-df3adec .hfe-infocard-title{color:#FFFFFF;margin:0px 0px 10px 0px;}.elementor-494 .elementor-element.elementor-element-df3adec .hfe-infocard-text{font-family:"Roboto", Sans-serif;font-size:16px;color:#FFFFFF;margin:0px 0px 0px 0px;}.elementor-494 .elementor-element.elementor-element-4bfd1f5{--display:flex;}.elementor-494 .elementor-element.elementor-element-4bfd1f5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-494 .elementor-element.elementor-element-9559de6{--display:flex;}body:not(.rtl) .elementor-494 .elementor-element.elementor-element-2c23f39{right:50px;}body.rtl .elementor-494 .elementor-element.elementor-element-2c23f39{left:50px;}.elementor-494 .elementor-element.elementor-element-2c23f39{bottom:50px;}.elementor-494 .elementor-element.elementor-element-2c23f39 > .elementor-widget-container{border-style:none;border-radius:0em 0em 0em 0em;}.elementor-494 .elementor-element.elementor-element-2c23f39 .elementor-icon-wrapper{text-align:center;}.elementor-494 .elementor-element.elementor-element-2c23f39.elementor-view-stacked .elementor-icon{background-color:#99FF98;}.elementor-494 .elementor-element.elementor-element-2c23f39.elementor-view-framed .elementor-icon, .elementor-494 .elementor-element.elementor-element-2c23f39.elementor-view-default .elementor-icon{color:#99FF98;border-color:#99FF98;}.elementor-494 .elementor-element.elementor-element-2c23f39.elementor-view-framed .elementor-icon, .elementor-494 .elementor-element.elementor-element-2c23f39.elementor-view-default .elementor-icon svg{fill:#99FF98;}.elementor-494 .elementor-element.elementor-element-2c23f39.elementor-view-stacked .elementor-icon:hover{background-color:#99FF98;}.elementor-494 .elementor-element.elementor-element-2c23f39.elementor-view-framed .elementor-icon:hover, .elementor-494 .elementor-element.elementor-element-2c23f39.elementor-view-default .elementor-icon:hover{color:#99FF98;border-color:#99FF98;}.elementor-494 .elementor-element.elementor-element-2c23f39.elementor-view-framed .elementor-icon:hover, .elementor-494 .elementor-element.elementor-element-2c23f39.elementor-view-default .elementor-icon:hover svg{fill:#99FF98;}.elementor-494 .elementor-element.elementor-element-2c23f39 .elementor-icon{font-size:52px;padding:11px;}.elementor-494 .elementor-element.elementor-element-2c23f39 .elementor-icon svg{height:52px;}.elementor-494 .elementor-element.elementor-element-862ea51{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-494 .elementor-element.elementor-element-862ea51.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-494 .elementor-element.elementor-element-a99ba1d{width:var( --container-widget-width, 103.197% );max-width:103.197%;--container-widget-width:103.197%;--container-widget-flex-grow:0;}.elementor-494 .elementor-element.elementor-element-a99ba1d.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-494 .elementor-element.elementor-element-0564adf{--content-width:640px;}.elementor-494 .elementor-element.elementor-element-4bfd1f5{--width:105.149%;}.elementor-494 .elementor-element.elementor-element-862ea51{--width:102.36%;}}/* Start custom CSS for html, class: .elementor-element-385ee5b */nav.navbar {
            position: fixed;
            top: 0px;
            width: 100%;
            z-index: 1000;
            transition: background-color 0.3s ease;
            background-color: transparent;
            right: 0px;
        }

        .navbar-container {
            width: 80%;
            margin: auto;
        }

        .navbar-brand img {
            height: 40px;
        }

        .nav-link {
            color: white !important;
            font-size: 16px;
            font-weight: bold;
            text-transform: uppercase;
            position: relative;
            transition: color 0.3s ease;
        }

        .nav-link::after {
            content: "";
            position: absolute;
            width: 0;
            height: 2px;
            left: 0;
            bottom: -5px;
            background-color: #4876c0;
            transition: width 0.3s ease, background-color 0.3s ease;
        }

        .nav-link:hover {
            color: #4876c0 !important;
        }

        .nav-link:hover::after {
            width: 100%;
        }

        nav.navbar.scrolled {
            background-color: #4876c0 !important;
        }

        nav.navbar.scrolled .nav-link:hover {
            color: #000 !important;
        }

        nav.navbar.scrolled .nav-link:hover::after {
            background-color: black;
        }

        @media (max-width: 900px) {
            .navbar-container {
                width: 95%;
            }

            .navbar-nav {
                padding: 10px;
                border-radius: 5px;
            }

            .nav-link {
                color: white !important;
            }
        }

        @media (max-width: 500px) {
            .texto-logo {
                display: none;
            }
        }
        
        
        .ast-button-wrap{
            display: none !important;
        }
        
        button,
button:hover,
button:active,
button:focus,
button:visited {
  background-color: #4876c0 !important;
  background: #4876c0 !important;
  color: white !important;
  border: none !important;
  outline: none !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-617e2d5 */.x{

	background-color: white;
	border-radius: 10px;
	padding-left: 2px;
	padding-bottom: 10px;
	max-width: 300px;
    overflow: hidden;
    border-radius: 15px;
}

.y{
	position: relative;
	padding-bottom: 10px;
	text-align: center;
	display: flex;
    justify-content: center;
    gap: 20px; /* espacio entre bloques (opcional) */
	
}



.iconoNova{
    background: white;
    top:30px;
    padding: 50px 30px;
    margin: -100px 30px 0 30px;
    transition: all ease-in-out 0.3s;
    position: relative;
    text-align: center;
    border-radius: 8px;
    box-shadow: 0px 0 25px rgba(0, 0, 0, 0.1);
}

.icon {
    margin: 0;
    width: 72px;
    height: 72px;
    background: #4876c0;
    color: var(--contrast-color);
    border: 6px solid var(--contrast-color);
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    font-size: 28px;
    transition: ease-in-out 0.3s;
    position: absolute;
    top: -36px;
    left: calc(50% - 36px);
    border:solid 5px white;
    color: white;
}

.x:hover{
    color: #ff4a17;
	background-color: white;
	cursor: pointer;
}


.x:hover .iconoNova .icon{
    color: #ff4a17;
	background-color: white;
	cursor: pointer;
}


.texta{
    text-decoration: none;
}

.x:hover .iconoNova .texta{
    text-decoration: none;
    color: #ff4a17;
}

.img-fluid{
    max-width: 300px;
    height:auto;
    border-radius: 10px;
    transition: transform 1s ease;
    border-radius: 15px;
}

.x:hover .img img {
    transform: scale(1.2);
}



.hoverbtn:hover {
    background-color: red; /* Cambia a rojo en hover */
}

.textoh4:hover{
    color:#ff4a17;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ebef6b1 */.zz{
    
 
    max-width: 300px;
    height: 300px;
    position:relative;
    text-align: center;
    background-color: #4876c0;
    left: 27px;
    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a99ba1d */.emails-size{
    font-size: 14px;
}/* End custom CSS */