/*
CTC Separate Stylesheet
Updated: 2025-07-15 01:22:57


*/

/*ESTILOS HOME*/
\

@import url('https://fonts.googleapis.com/css2?family=Yantramanav:wght@100;300;400;500;700;900&display=swap');


.error404 header, .error404 footer, .error404 .top-header{
	display: none !important;
}

html{
	overflow-x: hidden !important;
}


.no-margin *{
	margin: 0 !important;
	padding: 0 !important;
}


.bg-servicio{
   filter: grayscale(100%);
   background-size: cover !important;
  
   
}

.cont-soluciones{
	transition: .8s all;
}

.cont-soluciones:hover .bg-servicio{
	 filter: grayscale(0%);
}

.nombre-categoria,  .descripcion-categoria{
		transition: .8s all;
}

.cont-soluciones:hover .nombre-categoria *, .cont-soluciones:hover .descripcion-categoria *{
	color: #fff !important;
	transition: .5s all;
}

.cont-soluciones:hover .industrial{
	transition: .8s all;
  	background: linear-gradient(rgba(9, 22, 137, 0.7)), url(/wp-content/uploads/2025/07/industrial.avif);
}

.cont-soluciones:hover .alimenticio {
	transition: .8s all;
	   background: linear-gradient(rgba(9, 22, 137, 0.7)), url(/wp-content/uploads/2025/07/alimenticio.avif);
}

.cont-soluciones:hover .farmaceutico{
	  background: linear-gradient(rgba(9, 22, 137, 0.7)), url(/wp-content/uploads/2025/07/farmaceutico.avif);
	  background-position: center center;
}


.cont-soluciones:hover .cosmetico{
	   background: linear-gradient(rgba(9, 22, 137, 0.7)), url(/wp-content/uploads/2025/07/cosmetico.avif);
}

.cont-soluciones:hover .cuidado-hogar{
	   background: linear-gradient(rgba(9, 22, 137, 0.7)), url(/wp-content/uploads/2025/07/cuidado-hogar.avif);
}

.cont-soluciones:hover .agricola{
	   background: linear-gradient(rgba(9, 22, 137, 0.7)), url(/wp-content/uploads/2025/07/agricola.avif);
}



.industrial{
	   background: linear-gradient(180deg, rgba(255, 255, 255, 0.67) 40.37%, #FFFFFF 74.92%), url(/wp-content/uploads/2025/07/industrial.avif);
}

.alimenticio {
	   background: linear-gradient(180deg, rgba(255, 255, 255, 0.67) 40.37%, #FFFFFF 74.92%), url(/wp-content/uploads/2025/07/alimenticio.avif);
}

.farmaceutico{
	   background: linear-gradient(180deg, rgba(255, 255, 255, 0.67) 40.37%, #FFFFFF 74.92%), url(/wp-content/uploads/2025/07/farmaceutico.avif);
	  background-position: center center;
}

.cosmetico{
	   background: linear-gradient(180deg, rgba(255, 255, 255, 0.67) 40.37%, #FFFFFF 74.92%), url(/wp-content/uploads/2025/07/cosmetico.avif);
}

.cuidado-hogar{
	   background: linear-gradient(180deg, rgba(255, 255, 255, 0.67) 40.37%, #FFFFFF 74.92%), url(/wp-content/uploads/2025/07/cuidado-hogar.avif);
}

.agricola{
	   background: linear-gradient(180deg, rgba(255, 255, 255, 0.67) 40.37%, #FFFFFF 74.92%), url(/wp-content/uploads/2025/07/agricola.avif);
}

.input-select select { 
    
     -webkit-appearance: none !important;
 	 -moz-appearance: none !important;
  	 appearance: none !important;
	 background-image: url('/wp-content/uploads/2025/07/arrown.avif'); /* icono personalizado */
     background-repeat: no-repeat;
     background-position: right 10px center;
     background-size: 55px;

}\

/*ESTILOS VISTA PRODUCTO*/

  .accordion-wrapper {
            margin-top: 20px;
	        font-family: "Yantramanav", Sans-serif;
/*            border-top: 1px solid #e0e0e0; */
			  font-family: "Yantramanav", sans-serif;
 
        }

        .accordion-item {
		
/*             border-bottom: 1px solid #e0e0e0; */
			border-radius: 0;
        }

        .accordion-header {
            background: transparent;
            border-radius: 0;
            width: 100%;
            text-align: left;
            padding: 2.5rem 3.75rem;
            font-size: 1.1rem;
				line-height: 1.4rem;
            font-weight: 500 !important;
            display: flex;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
            transition: background 0.3s ease;
			border: none;
			color: #565969;
			 font-family: "Yantramanav", sans-serif;
				box-shadow: inset 0px -3px 0px rgba(217, 217, 217, 0.5);
			
        }
		
		.accordion-header.active{
			box-shadow: none;
			padding-bottom: 1.5rem;
			 
		}

		
        .accordion-header:hover, .accordion-header:focus {
            background: transparent ;
			color: #565969;
        }

        .accordion-icon {
            transition: transform 0.3s ease;
        }

        .accordion-header.active .icon {
            background-image: url(/wp-content/uploads/2025/07/arror-top.avif)
        }

        .accordion-content {
            display: none;
            animation: fadeIn 0.3s ease-in-out;
			 padding: 0rem 3.75rem;
			color: #565969;
			 font-family: "Yantramanav", sans-serif;
			  font-size: 1.1rem;
			line-height: 1.4rem;
			font-weight: 400;
        }

        .accordion-content.open {
            display: block;
        }

        .accordion-img {
            max-width: 150px;
            margin-top: 10px;
/*             border-radius: 6px; */
        }

		.icon{
			block-size: 24px;
			inline-size:24px;
			background-image: url(/wp-content/uploads/2025/07/Arrow-Bottom.avif);

		}

        @keyframes fadeIn {
            from {opacity: 0;}
            to {opacity: 1;}
        }

@media screen and (max-width:768px){
	  .accordion-header {
	    padding: 1rem;
		  font-size:1rem;
	}
	.accordion-content{
		padding: 0 1rem;
	}
}

.page-id-705  .cont-menu,
.page-id-1126  .cont-menu,
.page-id-1129  .cont-menu,
.page-id-1131  .cont-menu,
.page-id-1133  .cont-menu,
.page-id-1135  .cont-menu {
	background: rgba(255, 255, 255, 0.9) !important;
	backdrop-filter: blur(3.25px);
}


header{
	backdrop-filter: blur(5px) !important;
}

.sub-menu {
    max-width: 260px !important;
    width: 260px !important;
    padding: 0 1rem !important;
    box-sizing: border-box;
}

.sub-menu  li{
 
  border-radius: 0px !important;

}


.sub-menu  li a{
  padding:1rem  0 !important;
  border-bottom: 1px solid #D6D7CD;
  border-radius: 0px !important;
  overflow-wrap: anywhere !important; 
	 

}

.sub-menu  li:last-child a{
border-bottom: 1px solid transparent !important;
}