.txt-tabs{
	font-family: "Google Sans Code", Sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 900;
	
}
.maingiro .menu-item a i {
  font-size: 10px;
  margin-left: 5px;
}
.maingiro .menu-item svg{
	fill: #000000;
}
.maingiro .menu-item a{
	color: #000000;
	width: 160px;
	justify-content:center;
	background: #F6F6F6;
	border-radius:25px;
	transition: 0.3s ease;
}
.maingiro .menu-item .elementor-sub-item{
	border-radius:0;
}
.maingiro .menu-item .elementor-item.elementor-item-active{
	background: #FFCC00;
	transition: 0.3s ease;
}
.maingiro .menu-item.current_page_ancestor .has-submenu{
	background: #FFCC00;
	transition: 0.3s ease;
}

.maingiro .menu-item a:hover{
	background: #FFCC00;
	transition: 0.3s ease;
}
.maingiro .menu-item a.elementor-sub-item {
  width: auto;
}
.yellow-p{
    color:#FFCC00;
}
.hero-home-mask {
  mask-image: url('../img/mask-hero-home.svg');
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url('../img/mask-hero-home.svg');
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}
.hero-rutas-mask {
  mask-image: url('../img/mask-rutas.svg');
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url('../img/mask-rutas.svg');
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}
.card-valores {
            width: 100%;
            height: 340px;
            position: relative;
            border-radius: 20px;
            overflow: hidden;
            cursor: pointer;
            background-size: cover;
            background-position: center;
        }

        .card-valores-front {
            position: absolute;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: flex-end;
            padding: 20px;
            z-index: 2;
            opacity: 1;
            transition: opacity 0.6s ease;
        }

        .card-valores:hover .card-valores-front {
            opacity: 0;
        }

        .card-valores-front .ttfra-valores {
            color: white;
            font-size: 50px;
			font-family: "Archivo Condensed Black", Sans-serif;
            font-weight: 900;
            line-height: 48px;
            text-transform: uppercase;
            text-shadow: 0px 0px 24px rgba(0, 0, 0, 0.4);
        }
.ttfra-valores p {
	margin:0;
}

        .card-valores-back {
            position: absolute;
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 20px;
			padding-bottom: 50px;
            z-index: 1;
            background: #FFC107;
            opacity: 0;
            transition: opacity 0.6s ease;
            pointer-events: none;
        }

        .card-valores:hover .card-valores-back {
            opacity: 1;
            pointer-events: auto;
        }

        /* Texto con desplazamiento */
        .card-valores-back p {
            color: #000;
            font-size: 16px;
			font-family: 'Google Sans Code';
            text-align: center;
            line-height: 28px;
            margin-bottom: 30px;
            font-weight: 400;
            transform: translateY(30px);
            transition: transform 0.6s ease;
        }

        .card-valores:hover .card-valores-back p {
            transform: translateY(0);
        }

        /* Ícono (hereda el fade del contenedor padre) */
        .card-valores-back .icon-valores {
            width: 30px;
            height: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
			bottom: 30px;
			background-image: url('../img/icon-g-invert.svg');
    		background-repeat: no-repeat;
    		background-size: contain;
    		background-position: center center;
        }


@media (width <= 1024px) {
	.hero-home-mask {
		mask-image: none;
		-webkit-mask-image: none;		
	}  
}