.site-content .ast-container {
    display: flex
;
    flex-direction: column;
}

*{
box-sizing: border-box;
margin: 0px;
padding: 0px;
font-family: 'Poppins';
}



#ast-desktop-header{
position: fixed;
width: 100vw;
top: 0px;
}

.ast-header-break-point #ast-mobile-header {
display: block;
position: fixed;
width: 100%;
top: 0px;
}


#page .site-content{
width: 100vw;
}

body{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
flex-direction: column;
background: linear-gradient(145deg, #eeeded, #ffffff)
}

.woocommerce-js div.product {
margin-bottom: 0px;
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 90vw;
padding:6px;
}

.woocommerce #content .ast-woocommerce-container div.product div.images, .woocommerce .ast-woocommerce-container div.product div.images, .woocommerce-page #content .ast-woocommerce-container div.product div.images, .woocommerce-page .ast-woocommerce-container div.product div.images {
    width: 50%;
            min-width:350px;
    max-width: 450px;
    margin: 16px;
    padding: 16px;
            margin-top:50px;
}

p{
font-family: "Poppins", sans-serif;
font-weight: 500;
font-style: normal;
}



.header{
width: 100%;
min-height: 70vh;
background: linear-gradient(170deg, #0284c8, #04548d);
display: flex;
justify-content: center;
align-items: center;
padding: 12px;
padding-top:120px;
border-bottom-right-radius: 124px;
border-bottom-left-radius: 124px;
position: relative;
bottom:30px;
box-shadow: 0px 0px 10px rgba(2, 30, 87, 0.986);
overflow: hidden;
background-image: url('https://renovexenlinea.com/wp-content/uploads/2025/04/young-couple-wearing-blank-shirt-scaled-e1743271977643.webp');
background-size: cover;
background-position: right;
background-attachment: fixed;
background-repeat: no-repeat;


.wrapper{
    max-width: 1200px;
    justify-content: flex-start;
}

p{
    color: white;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
}

h2{
    font-family: "Poppins", sans-serif;
font-weight: 500;
font-style: normal;
}
}


#header-producto{
background-image: url(https://renovexenlinea.com/wp-content/uploads/2025/04/freepik__doctor-smile-in-her-white-coat-wearing-a-stethosco__33396-e1743857536275.webp);
background-position: top;
}

.header-testimonio{
background-image: url(https://renovexenlinea.com/wp-content/uploads/2025/04/freepik__put-a-background-of-a-doctors-office-on-it__33398-_1_.webp);
}

.menu{
width: 100%;
display: flex;
justify-content: space-around;
align-items: center;
padding: 12px;
flex-wrap: wrap;
gap: 12px;
position: fixed;
overflow: hidden;
top: 0px;
z-index: 12;
background-color: white;
box-shadow: 0px 0px 10px rgba(2, 30, 87, 0.986);
border-bottom-right-radius: 124px;
border-bottom-left-radius: 124px;
}

.logo{
width: 130px;
position: absolute;
left: 15%;
 a{
    width: 120px;

    img{
        width: 100%;
        height: auto;

        &:hover{
            transform: scale(.99);
        }
    }
 }
}

.carrito{
position: absolute;
right: 10%;
i{
    font-size: 1.5rem;
    color: #0284c8;
    cursor: pointer;
    transition: all .3s ease-in-out;
    margin-left: 16px;
    &:hover{
        transform: scale(.99);
    }
}
}

.menu-movil{
display: none;
width: 100%;
justify-content: flex-end;
align-items: center;
padding: 12px 24px;
flex-wrap: wrap;
gap: 12px;
position: fixed;
overflow: hidden;
top: 0px;
z-index: 12;
background-color: white;
box-shadow: 0px 0px 10px rgba(2, 30, 87, 0.986);
}

.navegacion-movil{
position: fixed;
z-index: 5000;
width: 55%;
padding: 6px;
min-height: 95vh;
top: 59px;
right: -250px;
display: flex;
opacity: 0;
flex-wrap: wrap;
flex-direction: column;
align-items: flex-end;
justify-content: center;
gap: 16px;
background: linear-gradient(170deg, #0283c8d7, #04548ddc);
transition: .7s;
a{
    text-decoration: none;
    padding: 6px 16px;
    border: solid 1px white;
    color: white;
    font-weight: 700;
    cursor: pointer;
    border-bottom-right-radius: 12px;
    border-top-left-radius: 12px;
    background: linear-gradient(170deg, #0283c8fc, #04548df7);
    width: 83%;
    text-align: center;
        transition: all .3s ease-in-out;

    &:hover{
        transform: scale(.99);
        box-shadow: 2px 1px 6px rgba(2, 30, 87, 0.986);
    }
}

.boton-cta{
    position: relative;
    bottom: 4px;
    border: 4px #fff double;
    box-shadow: none;
}
}

.woocommerce-js div.product form.cart .button{
text-decoration: none;
padding: 6px 16px;
border: solid 2px white;
color: white;
font-weight: 700;
cursor: pointer;
border-bottom-right-radius: 12px;
border-top-left-radius: 12px;
background: linear-gradient(170deg, #0283c8fc, #04548df7);
transition: all .3s ease-in-out;

}


input[type="submit"]{

text-decoration: none;
padding: 6px 16px;
border: solid 2px white;
color: white;
font-weight: 700;
cursor: pointer;
border-bottom-right-radius: 12px;
border-top-left-radius: 12px;
background: linear-gradient(170deg, #0283c8fc, #04548df7);
transition: all .3s ease-in-out;
}

.hamburguesa{
i{
    font-size: 2rem;
    color: #0284c8;
    cursor: pointer;
    transition: all .3s ease-in-out;

    &:hover{
        transform: scale(.99);
    }
}
}

.navegacion{
display: flex;
justify-content: center;
align-items: center;
gap: 12px;
z-index: 10;

a{
    text-decoration: none;
    padding: 6px 16px;
    border: solid 1px white;
    color: white;
    font-weight: 700;
    cursor: pointer;
    border-bottom-right-radius: 12px;
    border-top-left-radius: 12px;
    background: linear-gradient(170deg, #0283c8fc, #04548df7);
       
        transition: all .3s ease-in-out;

    &:hover{
        transform: scale(.99);
        box-shadow: 2px 1px 6px rgba(2, 30, 87, 0.986);
    }
}
}

.linea-azul2 {
width: 100%;
height: 230px;
position: absolute;
background-color: #57ade9;
bottom: -93px;
right: 0px;
border-top-left-radius: 100%;
z-index: 1;
-webkit-animation: slide-in-bottom 1.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) ;
        animation: slide-in-bottom 1.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) ;
}

.linea-blanca {
width: 100%;
height: 105px;
position: absolute;
background-color: #ffffff;
bottom: -43px;
border-top-left-radius: 32%;
right: 0px;
z-index: 3;
-webkit-animation: slide-in-bottom 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) ;
        animation: slide-in-bottom 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940)  ;
}

.linea-azul {
width: 100%;
height: 72px;
position: absolute;
background-color: #57ade9;
bottom: -23px;
right: 0px;
border-top-left-radius: 100%;
z-index: 4;
-webkit-animation: slide-in-bottom .5s cubic-bezier(0.250, 0.460, 0.450, 0.940)  ;
animation: slide-in-bottom 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940)  ;
}
section{
width: 100%;
padding: 12px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}


.wrapper{
width: 100%;
max-width: 1400px;
display: flex;
justify-content: center;
align-items: center;
padding: 12px;
flex-wrap: wrap;
gap: 12px;
}


.boton-cta{
margin-top: 16px;
text-decoration: none;
    padding: 6px 16px;
    border: solid 2px white;
    color: white;
    font-weight: 700;
    cursor: pointer;
    border-bottom-right-radius: 12px;
    border-top-left-radius: 12px;
    background: linear-gradient(170deg, #0283c8fc, #04548df7);
    transition: all .3s ease-in-out;
}

.boton-cta:hover{
color:white;
transform: scale(.99);
box-shadow: 2px 1px 6px rgba(2, 30, 87, 0.986);
transition: all 0.3s ease-in-out;
}

.texto-header{
width: 40%;
min-width: 380px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
position: relative;
bottom: 40px;
padding: 12px;
-webkit-animation: slide-in-fwd-center 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.7s both;
        animation: slide-in-fwd-center 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.7s both;

h1{
    font-size: 2rem;
    font-weight: 700;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(2, 30, 87, 0.986);
}
}

.imagen-header{
width: 35%;
display: flex;
justify-content: center;
align-items: center;
padding: 12px;

img{
    max-width: 300px;
    width: 17%;
    height: auto;
    border-radius: 8px;
    position: absolute;
    bottom: -12px;
    filter: drop-shadow(0px 0px 10px rgba(2, 30, 87, 0.986));
    z-index: 2;
    -webkit-animation: slide-in-bottom 1..3s cubic-bezier(0.250, 0.460, 0.450, 0.940) .7s both;
    animation: slide-in-bottom 1.3s cubic-bezier(0.250, 0.460, 0.450, 0.940)  .7s both;
}
}

.quienes-somos{
width: 100%;
max-width: 1400px;
display: flex;
justify-content: center;
align-items: center;
padding: 12px;
flex-wrap: wrap;
margin: 16px;

.imagensolo-pc{
    border-radius: 164px 24px;
    border: 2px #57ade9 solid;
}
}

.imagen-body{
width: 40%;
display: flex;
justify-content: center;
align-items: center;
padding: 12px;
min-width:300px;
img{
    width: 100%;
    height: auto;

}
}

.contenido-body{
width: 40%;
min-width: 330px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 26px;

h2{
    font-size: 2rem;
    color: #0284c8;
    margin-bottom: 12px;
}

p{
    font-size: 1rem;
    color: #333333;
    line-height: 1.5rem;
    font-weight: 600;
}
}

video{
max-width: 250px;
width: 100%;
position: relative;
z-index: 6;
border-radius: 32px;
}



.faq{
position: relative;
overflow: hidden;
border: #0284c8 solid 2px;
margin-bottom: 24px;
border-top-right-radius: 64px;
border-top-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 64px;
background-image: url(https://renovexenlinea.com/wp-content/uploads/2025/03/abstract-blur-beautiful-luxury-hospital-clinic-interior-background-scaled.jpg);
background-size: cover;
background-position: center;
background-attachment: fixed;

h2{
    font-size: 1.6rem;
    margin-bottom: 12px;
    text-align: center;
    border-top-right-radius: 64px;
    border-top-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 64px;
    background-color: #0284c8;
    padding: 16px 24px;
    color: white;
}


.imagensolo-pc{
    width: 25%;
    img{
        width: 100%;
        position: relative;
        left: 15%;
        bottom: -36px;
    }
}
}

.faq-item{
width: 40%;
min-height: 200px;
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
gap: 12px;
border: #0284c8 solid 2px;
border-radius: 8px;
background-color: white;
position: relative;


h3{
    font-size: 1.2rem;
    margin-bottom: 12px;
    text-align: center;
    background-color: #0284c8;
    color: white;
    position: relative;
    padding: 6px;
    width: 100%;
}

p{
    padding: 6px;
}
}

.formulario{
width: 250px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 12px;
flex-wrap: wrap;
border: 2px solid #ffffff;
border-radius: 14px 14px 1px 14px;
align-content: flex-start;
position: relative;
min-height: 240px;
overflow: hidden;

h2{
    text-align: left;
    width: 100%;
    padding: 16px;
}

 form{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
    width: 95%;
 }

.submit{
    margin-top: 16px;
text-decoration: none;
padding: 6px 16px;
border: solid 2px white;
color: white;
font-weight: 700;
cursor: pointer;
border-bottom-right-radius: 12px;
border-top-left-radius: 12px;
background: linear-gradient(170deg, #0283c8fc, #04548df7);

transition: all .3s ease-in-out;
}    

}


.video{
width: 100%;
max-width: 1400px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
padding: 16px;
flex-wrap: wrap;
overflow: hidden;
border: #0284c8 solid 2px;
margin-bottom: 24px;
border-top-right-radius: 64px;
border-top-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 64px;
background-image: url('https://renovexenlinea.com/wp-content/uploads/2025/03/abstract-blur-beautiful-luxury-hospital-clinic-interior-background-scaled.jpg');
background-size: cover;
background-position: center;
background-attachment: fixed;


h2{
    font-size: 1.7rem;
    color: #feffff;
    margin-bottom: 12px;
    margin-top: 24px;
    margin-bottom: 24px;
    text-align: center;
    border-top-right-radius: 64px;
    border-top-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 64px;
    background-color: #0284c8;
    padding: 24px;
    position: relative;
    top: 0px;
    right: 16%;
    z-index: 6;
}

.wrapper{
    gap: 32px;

    .imagensolo-pc{
        width: 20%;
        min-width: 280px;
        margin-bottom: -30px;
    }
}
}

.video-item{
background: linear-gradient(170deg, #0284c8, #04548d);
display: flex;
justify-content: center;
align-items: center;
padding: 16px;
flex-wrap: wrap;
background-color: #ffffff;
box-shadow: 0px 0px 10px rgba(2, 30, 87, 0.986);
position: relative;
z-index: 5;
overflow: hidden;
border-top-right-radius: 64px;
border-top-left-radius: 12px;
border-bottom-right-radius: 64px;
border-bottom-left-radius: 12px;
}

.video-item2{
background: linear-gradient(170deg, #0284c8, #04548d);
display: flex;
justify-content: center;
align-items: center;
padding: 16px;
flex-wrap: wrap;
background-color: #ffffff;
box-shadow: 0px 0px 10px rgba(2, 30, 87, 0.986);
position: relative;
z-index: 5;
overflow: hidden;
border-top-right-radius: 12px;
border-top-left-radius: 64px;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 64px;
}

.video-item3{
display: flex;
justify-content: center;
align-items: center;
padding: 16px;
flex-wrap: wrap;
position: relative;
z-index: 5;
overflow: hidden;
border: 1px solid #57ade9;
border-radius: 32px;
transition: all .3s ease-in-out;

&:hover{
    box-shadow: 0px 0px 10px rgba(2, 30, 87, 0.986);
    transition: all .3s ease-in-out;
    transform: scale(1.01);
}
}


.productos-servicios{


h2{
    font-size: 2rem;
    color: #0284c8;
    margin-bottom: 12px;
    text-align: center;
}

p{
    font-size: 1.2rem;
    color: #333333;
    line-height: 1.5rem;
    font-weight: 600;
    max-width: 900px;
    margin-bottom: 24px;
    text-align: center;
}
}


.contenedor-peque{
width: 20%;
min-width: 200px;
display: flex;
justify-content: center;
align-items: flex-start;
align-content: flex-start;
padding: 12px;
flex-wrap: wrap;
border: #0284c8 solid 2px;
border-radius: 8px;
min-height: 510px;
position: relative;
background-color: white;
&:hover{
    box-shadow: 0px 0px 10px rgba(2, 30, 87, 0.986);
    transition: all .3s ease-in-out;
    transform: scale(1.01);
	cursor:pointer;
}

h3{
    text-align: center;
    font-size: 1.2rem;
    color: #0284c8;
	  font-weight:700;
}

h4{
    font-size: 1rem;
}


p{
    position: absolute;
    bottom: -25px;
    text-align: center;
    padding: 0px 12px;
    font-size: 13px;
    font-weight: 400;
    background: linear-gradient(170deg, #0284c8, #04548d);
    color: #ffffff;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

a{
    text-decoration: none;
    padding: 6px 16px;
    border: solid 1px white;
    color: white;
    font-weight: 700;
    cursor: pointer;
    border-bottom-right-radius: 12px;
    border-top-left-radius: 12px;
    background: linear-gradient(170deg, #0283c8fc, #04548df7);
    width: 83%;
    text-align: center;
    position: absolute;
    bottom: 6px;
        transition: all .3s ease-in-out;
    &:hover{
        transform: scale(.99);
        box-shadow: 2px 1px 6px rgba(2, 30, 87, 0.986);
    }
}
}


.cta{
position: relative;
border-top: solid 2px #ffffff;
border-bottom: solid 2px #04629e;
padding-bottom: -10px;
border-radius: 64px;
overflow: hidden;
background: linear-gradient(356deg, #0284c8c9, #ffffff);
.wrapper{

    .imagen-body{
        padding: 0px;
        margin-bottom: -30px;
        position: relative;
        z-index: 2;
    }
}
}

.contacto{
position: relative;
max-width: 1400px;
background:linear-gradient(156deg, #0284c8c9, #ffffff);
border-radius: 6px 46px 6px 124px;
overflow: hidden;
min-height:540px;
.wrapper{
    align-items: flex-start;
    padding-bottom: 0px;
    margin-bottom: -25px;
    max-width: 800px;
}

.linea-azul{
    bottom:-39px;
} 

.linea-blanca{
    bottom: -62px;
}
.linea-azul2{
    bottom: -150px;
}
}


.wasa{
width: 100%;
max-width: 1200px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;

div{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 24px;
    margin-top: 16px;
    background-color: white;
    border-radius: 24px;
}

p{
   padding:16px;
   font-weight: 600;
   text-align: center;
}

a{margin-top: 0px;}
}



.redes{
a{
    i{
        color: white;
        font-size: 24px;
        padding: 16px;
        transition: .5s;

        &:hover{
            transform: scale(1.2);
            
        }
    }
}
}

.boton-flotante{
width: 65px;
position: fixed;
bottom: 16px;
right: 12px;
z-index: 9000;
img{
    width: 65px;
    -webkit-animation: wobble-hor-bottom 5s infinite both;
        animation: wobble-hor-bottom 5s infinite both;
}


}

.related .products{
overflow:hidden;
}


.hacer-test{
overflow: hidden;
position: relative;
min-height: 535px;
margin-bottom: 0px;



img{
    bottom: 0px;
    width: 300px;
}
}


#fondocontacto{
background-image: url(https://renovexenlinea.com/wp-content/uploads/2025/04/freepik__paula-a-caucasian-doctor-with-black-hair-in-her-la__43130-e1744062534559.webp);
background-position: center;
}


.contenedor-peque{
min-height:510px;

}

.woocommerce-js div.product .woocommerce-tabs .panel {

display: flex;
flex-direction: column;
flex-wrap: wrap;
align-content: center;
justify-content: center;
align-items: center;}


.woocommerce-js div.product div.images .flex-control-thumbs{
	display:flex;
position:absolute;
	bottom:25px;
}

/**test en popup**/

.boton-test{
position: fixed;
left: 0px;
bottom: 16px;
width: 25%;
min-width: 150px;

    img{
        width: 50%;
        min-width: 150px;
        
    }
}


.equis{
    position:relative;
    bottom:15px;
    left:15px;
    width:100%;
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    justify-content:flex-end;
    
        img{
            width:35px;
            margin:2px 6px;
            
    }
    
        .equisita{
    width:25px;
    position:relative;
    height:25px;
    bottom:35px;
    right:3px;
    opacity: 0.5
    }
    
        #imagencirculo{
    width:45px;
    position:absolute;
    left:-35px;
    }
    
        img:hover{
    transform:scale(1.2);
    transition:0.3S;
    }
    }
    
    .wpcf7-spinner{
    width:100%;
    display:none;
    }
    
    .popup {
                display: none;
                position: fixed;
                top: 0;
                left: 0;
                            z-index:5000;
                width: 100%;
                height: 100%;
                background: rgba(0, 0, 0, 0.5);
                justify-content: center;
                align-items: center;
    
            }
            .popup-content {
                background: white;
                padding: 20px;
                border-radius: 5px;
                max-width: 600px;
                width: 90%;
                text-align: center;
                border:solid 2px #1A2C4D;
                min-height:340px;
            }
            .question, .final-message {
                display: none;
                justify-content: left;
                align-items: center;
                flex-wrap: wrap;
            }

            .question{
                width: 60%;
                min-width: 280px;
            }
    
            .question p{
                width: 90%;
            }
    
            .loading {
                display: none;
                            flex-direction:column;
    align-items:center;
            }
            .button {
                padding: 10px 10px;
                min-width: 280px;
                border-radius: 16px;
                cursor: pointer;
                margin: 10px 4px;
                            box-shadow:2px 2px 2px black;
            }
            .button:disabled {
                background-color: #cccccc;
            }
    
            @media (max-width: 600px) {
                .popup-content {
                    width: 95%;
                }
            }
    
    .button :hover{
    transform:scale(1.2);
    }
    
    .boton-saber-mas{margin-top:12px;}


    input{
        font-size: 17px;
        color: black;
        border: #04548df7 2px solid;
        border-top-right-radius: 8px;
        border-bottom-left-radius: 8px;
        max-width: 95%;
    }


    #curvaazul{
        background: linear-gradient(274deg, #0284c878, #04548d)
        ;clip-path: ellipse(100% 52% at 98% 9%);
        min-height: 450px; 
        position: relative;
        overflow: visible;
			bottom:50px;
    }

    #espan1{
        color: white; 
        font-size: 60px;
        font-weight: 800;
        text-shadow: 1px 1px 1px black;
    }

    #espan2{
        color: #f0981e; 
        font-size: 120px;
        font-weight: 800;
        margin-top: -85px;
        text-shadow: 1px 1px 1px black;
    }

    #espan3{
        color: white; 
        font-size: 60px;
        font-weight: 800;
        margin-top: -61px;
        text-shadow: 1px 1px 1px black;
    }


    #frascogirado{
        position: absolute;
        right: 10%;
        top: 1%;
        transform: rotate(341deg);
        width: 180px;
    }

    #contenedorespan{
        display: flex; 
        flex-wrap: wrap; 
        flex-direction: column;
        align-items: flex-end;
        position:relative;
        transform: rotate(357deg);
        bottom: 430px;
			z-index:10;
    }

    .titulo3producto{
        color: #0878b8;
        font-size: 26px;
        
        span{
            font-size: 40px;
        }
    }

@-webkit-keyframes slide-in-bottom {
0% {
  -webkit-transform: translateY(1000px);
          transform: translateY(1000px);
  opacity: 0;
}
100% {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
}
@keyframes slide-in-bottom {
0% {
  -webkit-transform: translateY(1000px);
          transform: translateY(1000px);
  opacity: 0;
}
100% {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
}

@-webkit-keyframes slide-in-fwd-center {
0% {
  -webkit-transform: translateZ(-1400px);
          transform: translateZ(-1400px);
  opacity: 0;
}
100% {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  opacity: 1;
}
}
@keyframes slide-in-fwd-center {
0% {
  -webkit-transform: translateZ(-1400px);
          transform: translateZ(-1400px);
  opacity: 0;
}
100% {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  opacity: 1;
}
}

@-webkit-keyframes wobble-hor-bottom {
0%,
100% {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
15% {
  -webkit-transform: translateX(-30px) rotate(-6deg);
          transform: translateX(-30px) rotate(-6deg);
}
30% {
  -webkit-transform: translateX(15px) rotate(6deg);
          transform: translateX(15px) rotate(6deg);
}
45% {
  -webkit-transform: translateX(-15px) rotate(-3.6deg);
          transform: translateX(-15px) rotate(-3.6deg);
}
60% {
  -webkit-transform: translateX(9px) rotate(2.4deg);
          transform: translateX(9px) rotate(2.4deg);
}
75% {
  -webkit-transform: translateX(-6px) rotate(-1.2deg);
          transform: translateX(-6px) rotate(-1.2deg);
}
}
@keyframes wobble-hor-bottom {
0%,
100% {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
15% {
  -webkit-transform: translateX(-30px) rotate(-6deg);
          transform: translateX(-30px) rotate(-6deg);
}
30% {
  -webkit-transform: translateX(15px) rotate(6deg);
          transform: translateX(15px) rotate(6deg);
}
45% {
  -webkit-transform: translateX(-15px) rotate(-3.6deg);
          transform: translateX(-15px) rotate(-3.6deg);
}
60% {
  -webkit-transform: translateX(9px) rotate(2.4deg);
          transform: translateX(9px) rotate(2.4deg);
}
75% {
  -webkit-transform: translateX(-6px) rotate(-1.2deg);
          transform: translateX(-6px) rotate(-1.2deg);
}
}


@-webkit-keyframes heartbeat {
from {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}
10% {
  -webkit-transform: scale(0.91);
          transform: scale(0.91);
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}
17% {
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}
33% {
  -webkit-transform: scale(0.87);
          transform: scale(0.87);
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}
45% {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}
}
@keyframes heartbeat {
from {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}
10% {
  -webkit-transform: scale(0.91);
          transform: scale(0.91);
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}
17% {
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}
33% {
  -webkit-transform: scale(0.87);
          transform: scale(0.87);
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}
45% {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}
}



@media screen and (max-width: 797px){

p{
    font-size: 1rem;
}

.menu-movil{
    display: flex;
}

.menu{
    display: none;
}
.logo{
    width: 120px;
    position: absolute;
    left: 5%;
     a{
        width: 120px;

        img{
            width: 100%;
            height: auto;

            &:hover{
                transform: scale(.99);
            }
        }
     }
}

.header{
    min-height: 75vh;
    background-position: -310px 30px;
    background-attachment: initial;

    .wrapper{
        justify-content: left;
    }

    h1{
        font-size: 1.6rem;
    }
}

.header-testimonio{
    background-position: -736px;
}


.contenido-body{
    align-items: center;
    width: 100%;
}

.texto-header {
    width: 100%;
    min-width: 250px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 12px;
    position: relative;
    bottom: 10px;
    left: 0px;
    

    h2{
        width: 60%;
        margin-top: 12px;
        font-weight: 800;
        font-size: 1rem;
     
    }

    p{
        font-size: 18px;
        width: 60%;
        font-weight: 700;
        
        
    }
}

.imagen-header {
    img {
        min-width: 173px;
        width: 17%;
        height: auto;
        border-radius: 8px;
        position: absolute;
        bottom: -27px;
        right: 6px;
        filter: drop-shadow(0px 0px 10px rgba(2, 30, 87, 0.986));
        z-index: 2;
    }
}

.contenedor-peque{
width:48%;
    min-width: 140px;
min-height: 425px;
}

section{
    padding: 6px;
}


.wrapper{
    padding: 2px;
}


.linea-azul2 {
    width: 100%;
    height: 190px;
    position: absolute;
    background-color: #57ade9;
    bottom: -86px;
    right: 0px;
    border-top-left-radius: 100%;
    z-index: 1;
}

.linea-blanca {
    width: 100%;
    height: 56px;
    position: absolute;
    background-color: #ffffff;
    bottom: -7px;
    border-top-left-radius: 32%;
    right: 0px;
    z-index: 3;
}

.linea-azul {
    width: 91%;
    height: 72px;
    position: absolute;
    background-color: #57ade9;
    bottom: -28px;
    right: 0px;
    border-top-left-radius: 100%;
    z-index: 4;
}

.quienes-somos{
    margin-top: -40px;
}

.imagensolo-pc{
    display: none;
}

video{
    max-width: 310px;
}

.video{
    
    margin-top: -24px;

    h2{
        position: static;
        text-align: center;
        font-size: 26px;
    }
}

.contenedor-peque {
    max-width: 200px;
    h3 {
        text-align: left;
        font-size: 1rem;
        color: #0284c8;
    }
}

.contacto{
margin-top: 6px;
border-radius: 6px 46px 6px 124px;
.wrapper{
    justify-content: center;
    align-items: flex-start;
    padding-bottom: 0px;
    margin-bottom: -25px;
}

.linea-azul{
    bottom:-39px;
} 

.linea-blanca{
    bottom: -22px;
}
.linea-azul2{
    bottom: -126px;
}
}


.faq-item{
width: 100%;
}

.faq{
h2{
    position: relative;
    bottom: 10px;
}
}


.hacer-test{
margin-bottom: -6px;
padding: 0px;
min-height: 445px;

.contenido-body{
    margin-top: -250px;
    text-align: center;
    padding-bottom: 0px;
}



}
.formulario{
width: 360px;
}

#curvaazul{
background: linear-gradient(274deg, #0284c878, #04548d);
clip-path: ellipse(100% 52% at 98% 9%);
min-height: 450px;
position: relative;
overflow: visible;
bottom:50px;
}

#espan1{
color: white; 
font-size: 40px;
font-weight: 800;
text-shadow: 1px 1px 1px black;
}

#espan2{
color: #f0981e; 
font-size: 60px;
font-weight: 800;
margin-top: -54px;
text-shadow: 1px 1px 1px black;
}

#espan3{
color: white; 
font-size: 30px;
font-weight: 800;
margin-top: -40px;
text-shadow: 1px 1px 1px black;
}

#frascogirado{
position: absolute;
right: -36px;
top: -15px;
transform: rotate(341deg);
width: 315px;
}

#contenedorespan{
display: flex; 
flex-wrap: wrap; 
flex-direction: column;
align-items: flex-end;
position:relative;
transform: rotate(357deg);
bottom: 430px;
left: 6%;
margin-bottom: 70px;
}

.titulo3producto{
color: #0878b8;
font-size: 21px;
margin-top: 16px;
margin-bottom: 16px;
span{
    font-size: 30px;
}
}

}




@media screen and (max-width: 399px){

p{
    font-size: 1rem;
}

.menu-movil{
    display: flex;
}

.menu{
    display: none;
}
.logo{
    width: 120px;
    position: absolute;
    left: 5%;
     a{
        width: 120px;

        img{
            width: 100%;
            height: auto;

            &:hover{
                transform: scale(.99);
            }
        }
     }
}

.header{
    min-height: 75vh;
    background-position: -210px 30px;
    background-attachment: initial;

    .wrapper{
        justify-content: left;
    }

    h1{
        font-size: 1.6rem;
    }
}

.header-testimonio{
    background-position: -736px;
}


.contenido-body{
    align-items: center;
}

.texto-header {
    width: 100%;
    min-width: 250px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 12px;
    position: relative;
    bottom: 10px;
    left: 0px;
    

    h2{
        width: 60%;
        margin-top: 12px;
        font-weight: 600;
        font-size: 1rem;
    }

    p{
        font-size: 18px;
        width: 60%;
        font-weight: 700;
        text-shadow: 1px 1px 2px rgba(2, 30, 87, 0.986);
        
    }
}

.imagen-header {
    img {
        min-width: 173px;
        width: 17%;
        height: auto;
        border-radius: 8px;
        position: absolute;
        bottom: -27px;
        right: 6px;
        filter: drop-shadow(0px 0px 10px rgba(2, 30, 87, 0.986));
        z-index: 2;
    }
}

section{
    padding: 6px;
}


.wrapper{
    padding: 2px;
}


.linea-azul2 {
    width: 100%;
    height: 190px;
    position: absolute;
    background-color: #57ade9;
    bottom: -86px;
    right: 0px;
    border-top-left-radius: 100%;
    z-index: 1;
}

.linea-blanca {
    width: 100%;
    height: 56px;
    position: absolute;
    background-color: #ffffff;
    bottom: -7px;
    border-top-left-radius: 32%;
    right: 0px;
    z-index: 3;
}

.linea-azul {
    width: 91%;
    height: 72px;
    position: absolute;
    background-color: #57ade9;
    bottom: -28px;
    right: 0px;
    border-top-left-radius: 100%;
    z-index: 4;
}

.quienes-somos{
    margin-top: -40px;
}

.imagensolo-pc{
    display: none;
}

.video{

    margin-top: -24px;

    h2{
        position: static;
        text-align: center;
        font-size: 26px;
    }
}

.contenedor-peque {

        min-height:450px;
    h3 {
        text-align: left;
        font-size: 1rem;
        color: #0284c8;
    }
}

.contacto{
margin-top: 6px;
border-radius: 6px 46px 6px 124px;
.wrapper{
    justify-content: center;
    align-items: flex-start;
    padding-bottom: 0px;
    margin-bottom: -25px;
}

.linea-azul{
    bottom:-39px;
} 

.linea-blanca{
    bottom: -22px;
}
.linea-azul2{
    bottom: -126px;
}
}


.faq-item{
width: 80%;
}

.faq{
h2{
    position: relative;
    bottom: 10px;
}
}


.hacer-test{
margin-bottom: -6px;
padding: 0px;
min-height: 445px;

.contenido-body{
    margin-top: -250px;
    text-align: center;
    padding-bottom: 0px;
}



}

}

.ast-article-single img{
box-shadow:0px 0px 0px transparent;
}

@media (min-width:922px){
	    .woocommerce #content .ast-woocommerce-container div.product div.summary, .woocommerce .ast-woocommerce-container div.product div.summary, .woocommerce-page #content .ast-woocommerce-container div.product div.summary, .woocommerce-page .ast-woocommerce-container div.product div.summary{
padding-top:60px;
}

	#imagen-body{
margin-bottom:-220px;
}
}

#ast-scroll-top{
background-color: #1c63b4;
}

.site-header-primary-section-right-center .site-header-section .ast-flex .ast-grid-right-center-section{
	justify-content:flex-end;
}

.ast-flex{
	justify-content:flex-end;
}

.woocommerce-js .star-rating span::before{
display:none;
}

.button{
min-width:1px;
}

.woocommerce form .form-row label, .woocommerce-page form .form-row label{
	display:inline-block;
}		</style>
		
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css"/>
        <!--<link rel="stylesheet" href="estilos.css">-->
        <link rel="stylesheet" href="https://renovexenlinea.com/wp-content/themes/astra/estilos.css">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
		<meta name="google-site-verification" content="IplzOsSaUHOkXkv_p99Tx3ANX-ZgkvCsYkcfI9NiSdE" />

<style>


.titulo-producto h3{
font-size: 28px;
font-family: "Oleo Script", system-ui;
  font-weight: 700;
  font-style: normal;
	color:#1A2C4D;
}

.product_title{
    font-size: 36px;
font-family: "Oleo Script", system-ui;
  font-weight: 700;
  font-style: normal;
	color:#1A2C4D;
    
}


 /**navegador movil  **/
       .nav-sticky{
      position: fixed;
      bottom: 0;
      left: 0;
    /* 	left: 50%; */
    /*     transform: translateX(-50%); */
    /* 		border-radius: 10px; */
                box-shadow: 0px 0px 13px -2px rgba(66, 68, 90, 1);
      width: 100%;
      z-index: 9999;
      /* border-top: 1px solid #000; */
      background-color: #fff;
    }
    .nav-sticky ul{
     list-style: none;
     display: flex;
     padding: .6rem 2rem;
     margin-bottom: 0;
     justify-content: space-between;
        margin: 0;
    }
    
    .nav-sticky ul li{
      /* margin-right: 1rem; */
      position: relative;
      text-align: center;
      width: 45px;
      height: 45px;
      margin: 0;
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .nav-sticky ul li.active{
      background-color: #1A2C4D;
      border-radius: 50%;
      color: #fff;
    }
    .nav-sticky ul li.active i{
      color: #fff;
    }
    
        .nav-sticky ul li i{
            color: #1A2C4D;
      font-size: 1.4rem;
      border-radius: 50%;
      position: absolute;
      top: 48%;
      transform: translate(-50%, -50%);
      left: 50%;
                    width: 100%;
            height: auto;
    }
    .nav-sticky ul li a{
    
      color: #7a7a7a;
      text-decoration: none;
      font-size: .6rem;
      font-weight: 600;
      transition: 0.5s;
      line-height: 1;
      width: 100%;
      height: 100%;
    
    }
    
    
video::-webkit-media-controls-play-button {
   transform: scale(0.5); /* Reducir el tamaño del botón de play */
}
    #contenedorVideo1::-webkit-media-controls-start-playback-button, 
    #contenedorVideo2::-webkit-media-controls-start-playback-button, 
    #contenedorVideo3::-webkit-media-controls-start-playback-button {
        display: none;
    }
    #contenedorVideo1 video::-webkit-media-controls-start-playback-button, 
    #contenedorVideo2 video::-webkit-media-controls-start-playback-button, 
    #contenedorVideo3 video::-webkit-media-controls-start-playback-button {
        display: none;
    }
   .bp-widget-widget{
       z-index: 999 !important;
    right: 21px !important;
    bottom: 58px !important;
}
.bpw-floating-button, .bpw-floating-button:hover {
    background-color: #179c0d !important;
}
    .bpw-layout{
        height: 500px !important;
    }
    .slider-home {
           /*height: 600px;*/
            overflow: hidden;
      }
      .slider-home > .slide:not(:first-child) {
	 display: none;
}

        .slider-home-mobile > .slide:not(:first-child) {
	 display: none;
}
    .slick-dotted.slick-slider{
        margin-bottom: 0;
    }
    .slick-dots{
        bottom: 0px;
        padding-left: 11px !important;
    }
    
    .slick-dots li.slick-active button{
        background: #00371b;
    }
    
    .slick-dots li button{
        width: 16px;
        height: 16px;
        background: #00371b87;
        padding: 0;
    }
    .slick-dots li button:before{
        content: none;
    }
    .slick-btn-prev, .slick-btn-next {
        font-size: 0;
        line-height: 0;
        position: absolute;
        top: 50%;
        display: block;
        width: auto;
        height: auto;
        padding: 0;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
    }
    .slick-btn-prev:hover , .slick-btn-next:hover {
        background: unset;
        color: #00371b;
    }
      .slick-btn-prev, .slick-btn-next i{
          font-size: 2.5rem;
          color: #00371b;
      }
    .slick-btn-prev {
        left: 25px;
        z-index: 2;
    }
    .slick-btn-next{
        right: 25px;
    }
    
     .slider-home-mobile{
        display: none;
      }
    @media screen  (max-width: 1280px) and (max-width: 1440px) {
 
        .slider-home {
           height: 200px;
        }
    }
  
    @media screen and (max-width: 568px) {
      .slider-home-mobile {
        display: block !important ;
      }
        .slider-home-mobile figure {
        height: 100%;
      }
       .slider-home-mobile figure img {
           width: 100%;
           min-height: 387px;
           object-fit: cover;
      }
      .slider-home{
          display: none;
      }
      .box-services{
          margin-top: -1px;
      }
    }