/*---------Inicio--------------*/
.about_home .image img {
		box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.4);
}

.about_home .image {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.about_home .image::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, transparent, rgba(255,255,255,0.2), transparent);
    transform: rotate(45deg);
    opacity: 0;
    pointer-events: none;
}

.about_home .image:hover::after {
    animation: shine 1.5s ease-in-out;
}

@keyframes shine {
    0% {
        transform: translateX(-100%) translateY(-100%) rotate(45deg);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: translateX(100%) translateY(100%) rotate(45deg);
        opacity: 0;
    }
}



footer .menu_footer .container .datos .redes {
		position: relative;
		right: 20px;
}

.img-fluid {
		position: relative;
		right: -19px;
		top: 14px
}





/*---------Inicio Noticias--------------*/
.noticias_home .content .item .imagen  {
    position: relative;   
    overflow: hidden;
    border-radius: 15px; 
}

.noticias_home .content .item .imagen img {
    transition: transform 0.8s ease;
    display: block; 
    position: relative;
    z-index: 0;
}

.noticias_home .content .item:hover .imagen img {
    transform: scale(1.1); 
}

.noticias_home .content .item .titulo{
		color:#000000; 
}

.noticias_home .content .item:hover .titulo{
		color:#0051ae
}






/*---------Inicio Cotiza--------------*/
.btn_solicita .content span, .content .far.fa-file-alt {
  display: inline-block; 
	position: relative;
	top: 4px;
  animation: bounce 3s ease-in-out infinite;
}


@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0) ;
  }
  40% {
    transform: translateY(-12px);
	}
	60%{
			transform: translateY(-13px);
  }
}





/*---------Nosotros--------------*/
.empresa-unidad .item {
		box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.3);
		border-radius: 12px;
		transition: all 0.3s ease;
		overflow:hidden;
}
.empresa-unidad .item:hover{
		transform: translateY(-5px);
		box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);
}



.contenido-empresa .item .empresa-titulo {
		display: inline-block;
		position: relative;
}


.contenido-empresa .item .empresa-titulo::after{
		content: "";
		position:absolute;
		left: 0;
		bottom: -5px; 
		width: 25%;
		height: 2px;
		background-color: #0051ae;
}






/*---------Nosotros Valores--------------*/
.valores .contenido .item .descripcion{
		text-align: center;
		margin: 20px
}

.valores .contenido .imagen{
		position: relative;
		left: 127px;
		margin-bottom: 10px;
}

.valores .contenido:nth-child(1) .item .titulo{
		position: relative;
		left: 80px;
}

.valores .contenido:nth-child(2) .item .titulo{
		position: relative;
		left: 110px;
}

.valores .contenido:nth-child(3) .item .titulo{
		position: relative;
		left: 70px;
}


@media (max-width: 992px){
		.valores .contenido .imagen{
				left: 4px;
		}
		.valores .contenido:nth-child(1) .item .titulo, .valores .contenido:nth-child(2) .item .titulo , .valores .contenido:nth-child(3) .item .titulo {
				left: 4px;
		}
}




/*-----------Sucursales Email arequipa------------*/
.descripcion .email-item p{
		white-space: nowrap;
}






/*-----------Noticias Animacion Imagen------------*/
.noticias-interna .item .imagen {
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    box-shadow: 
        0 10px 30px rgba(0, 0, 0, 0.2),
        0 0 0 1px rgba(255, 255, 255, 0.1);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform-style: preserve-3d;
}

.noticias-interna .item .imagen::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, transparent 50%);
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.noticias-interna .item .imagen::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    pointer-events: auto;
}

.noticias-interna .item .imagen:hover::before {
    opacity: 0.7;
}

.noticias-interna .item .imagen:hover {
    transform: perspective(1000px) translateY(-8px);
    box-shadow: 
        0 20px 50px rgba(0, 0, 0, 0.3),
        0 0 0 1px rgba(255, 255, 255, 0.2);
}


.noticias-interna .item:nth-child(odd) .imagen:hover {
    transform: perspective(1000px) rotateX(-8deg) rotateY(8deg) translateY(-10px);
    box-shadow: 
        -5px 25px 55px rgba(0, 0, 0, 0.35),
        0 0 0 1px rgba(255, 255, 255, 0.25);
}

.noticias-interna .item:nth-child(even) .imagen:hover {
    transform: perspective(1000px) rotateX(-8deg) rotateY(-8deg) translateY(-10px);
    box-shadow: 
        5px 25px 55px rgba(0, 0, 0, 0.35),
        0 0 0 1px rgba(255, 255, 255, 0.25);
}

.noticias-interna .item:nth-child(3n) .imagen:hover {
    transform: perspective(1000px) rotateX(5deg) rotateY(-10deg) translateY(-12px);
    box-shadow: 
        8px 15px 45px rgba(0, 0, 0, 0.4),
        0 0 0 1px rgba(255, 255, 255, 0.3);
}

.noticias-interna .item:nth-child(3n+1) .imagen:hover {
    transform: perspective(1000px) rotateX(8deg) rotateY(5deg) translateY(-12px);
    box-shadow: 
        -3px 28px 50px rgba(0, 0, 0, 0.4),
        0 0 0 1px rgba(255, 255, 255, 0.3);
}

.noticias-interna .item .imagen:active {
    transform: perspective(1000px) rotateX(2deg) rotateY(-2deg) translateY(-5px) scale(0.98);
    transition: all 0.1s ease;
}

@media (prefers-reduced-motion: no-preference) {
    .noticias-interna .item .imagen {
        animation: float 6s ease-in-out infinite;
    }
    
    .noticias-interna .item:nth-child(even) .imagen {
        animation-delay: -3s;
    }
    
    .noticias-interna .item:nth-child(3n) .imagen {
        animation-delay: -1.5s;
    }
}

@keyframes float {
    0%, 100% { 
        transform: perspective(1000px) rotateX(0deg) rotateY(0deg) translateY(0px);
    }
    25% { 
        transform: perspective(1000px) rotateX(-2deg) rotateY(3deg) translateY(-2px);
    }
    50% { 
        transform: perspective(1000px) rotateX(1deg) rotateY(-2deg) translateY(-1px);
    }
    75% { 
        transform: perspective(1000px) rotateX(2deg) rotateY(1deg) translateY(-3px);
    }
}

.noticias-interna .item .imagen:hover {
    animation-play-state: paused;
}

.noticias-interna .item .imagen{
		position: relative; 
		top: -20px;
}







/*-------Tipografia contactanos---------*/
.banner .texto{
		font-family: Roboto;
		font-size: 14px;
		font-weight: 400;
		line-height: 24px;
		letter-spacing: 0em;
		text-align: left;
}






/*-----------Diseño de las card de productos-------------------------------*/
.content_todos_productos .item .cc_item .catalogo {
    font-weight: 1000;
    font-size: 15px;	
/*---margin-bottom: -20px;--*/
}

.content_todos_productos .item .cc_item .titulo {
    font-size: 16px; 
    font-weight: normal;
		position: relative;
    display: inline-block;
    background: linear-gradient(to right, #2a79c4 50%, currentColor 50%);
    background-size: 200% 100%;
    background-position: 100% 0;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: background-position 0.5s ease;		
		color: black !important;

}


.content_todos_productos .item .cc_item a {
    color: inherit;
    text-decoration: none;
}

.vista-producto .todos-productos .item:hover .titulo {
    background-position: 0 0;
		
}


  
.vista-producto .todos-productos .item:hover .imagen img {
		border: none;
}

.vista-producto .todos-productos .item .imagen img{
		border: none ;
}

.vista-producto .todos-productos .item{
		border: 1px solid #c7c7c7;
		border-radius: 10px;
		transition: box-shadow 0.3s ease, transform 0.3s ease;
		

}

.vista-producto .todos-productos .item:hover{
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  transform: translateY(-5px);
}