/*
Theme Name: Fruit Value
Template: hello-elementor
Version: 1.0.0
Description: Tema hijo de Hello Elementor para Fruit Value
*/


.capa-hover{
	opacity: 0;
	transition: .8s !important;
}

.capa-hover:hover{
	opacity: 1;
}


.btn-cerrar-menu,
.btn-menu{
	cursor: pointer;
}

.menu-lateral{
	transition: transform 0.6s ease;
	transform: translateX(0);
}

.menu-lateral.oculto{
	transform: translateX(-100%);
}

.leer-mas{
	opacity: 0;
	transition: .6s !important;
}

/*
.img-post-loop:after{
	transition: .6s;
	content: "";
	top: 0px;
	left: 0;
	width: 100%;
	height: calc(100% - 8px);
	position: absolute;
	border-radius: 20px;
	z-index: 0;
}
*/
/*
.hver-img:hover .leer-mas{
	opacity: 1;
}

.hver-img:hover .img-post-loop:after{
	background: #003b5eb3;
}
*/
.linea-img-post {
    height: 1px;
    background: #fff;
    width: 100px;
    display: block;
}

.img-post-loop img{
	transition: .6s;
}

.velo{
    background: rgba(0,59,94,0.6);
    height: 312px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--e-global-color-024fea9) !important;
    flex-direction: column;
    cursor: pointer;
    opacity: 0;
    transition: .6s;
    z-index: 0;
}


.velo-hover:hover .velo{
    opacity: 1;
}

.velo-hover:hover .img-post-loop img{
	scale: 1.1;
}

.header-all {
  transform: translateY(0);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
              opacity 0.4s ease;
  opacity: 1;
  padding-bottom: 50px;
}

.header-all.hidden {
  transform: translateY(-100%);
 /* opcional, quítalo si solo quieres el slide */
}

.header-all.activo-scroll {
	background: var(--e-global-color-primary);
    /*background: linear-gradient(180deg, var(--e-global-color-primary) 0%, #003B5E00 100%);*/
}

body.blog .header-all.activo-scroll img,
body.single.single-post .header-all.activo-scroll img{
	filter: brightness(0) invert(1);
}

body.blog .header-all.activo-scroll .e-font-icon-svg.e-fas-bars,
body.single.single-post .header-all.activo-scroll .e-font-icon-svg.e-fas-bars{
	fill: #fff !important;
}

.contenedor-video{
	transition: .6s;
	opacity: 1;
	z-index: 999999;
}

.contenedor-video.oculto{
	opacity: 0;
	z-index: -9999;
}

.open-video,
.cerrar-video{
	cursor: pointer;
}

.badge-wrap {
  display: flex;
  justify-content: center;
  padding: 2rem 0;
}

.badge-container {
  position: relative;
  width: 200px;
  height: 200px;
  transform: scale(0.6);
  transform-origin: center center;
}

.rotating-ring {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  animation: spin 6s linear infinite;
}

.center-flag {
  position: absolute;
  inset: 40px;
  border-radius: 50%;
  overflow: hidden;
}

@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@media(max-width: 1586px){
	.fv-fruit.d{
		left: 85% !important;
  	top: 37% !important;
	}

	.fv-fruit.h{
		left: 0% !important;
  	top: 46% !important;
	}
}

@media(max-width: 1450px){
	.cont-bandera{
		right: 0 !important;
	}
}

@media(max-width: 1280px){
	.fv-fruit.e2{
		left: 8% !important;
	}

	.fv-parallax-wrap .fv-fruit {
	  max-width: 150px;
	}
}

@media(max-width: 997px){

	.fv-fruit.e2{
		top: 73% !important;
	}

	.fv-parallax-wrap .fv-fruit {
	  max-width: 150px;
	}

	.fv-fruit.h{
		left: 77% !important;
    top: 20% !important;
	}

	.fv-fruit.d{
		left: 9% !important;
  	top: 68% !important;
	}

	.fv-fruit.a{
		left: 7% !important;
  	top: 5% !important;
	}

	.fv-fruit.f{
		left: 52% !important;
  	top: 74% !important;
	}

	.fv-fruit.e{
		left: 81% !important;
  	top: 75% !important;
	}
}

@media(max-width: 767px){
	.badge-container{
		transform: scale(0.5);
	}
}

@media(max-width: 450px){
	.fv-parallax-wrap .fv-fruit {
	  max-width: 90px;
	}
}