/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS 
 * gris: #131415
 * */

h1, h2, h3{
	font-family: 'archivo';
}
h1, h2{
	font-style: normal;
	font-size:40px;
	font-weight:900 !important;
}

h3{
	font-weight:900 !important;
	font-size:40px;
	font-style: normal;
}

h4, h5, h6, p, .copyright, .avia-menu-text, #menu-menu-principal li a, .avia_iconbox_title, .avia-animated-number .avia-animated-number-title{
	font-family: 'inter';
}

h4, h5{
	font-size: 34px;
}

h4{
	font-weight: 500 !important;
}
 h5{
	font-weight: 600 !important;
}
h6{
	background: linear-gradient(to right, #32CBFB, #3C5BFE, #B33EB3, #F9A73E);
    display: inline-block;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
	background-clip: text !important;
	color: transparent !important;
}

p{
	line-height: 25px;
}

/*Menu*/
.avia-menu-fx {
	background: linear-gradient(to right, #32CBFB, #3C5BFE, #B33EB3, #F9A73E) !important;
    height: 3px;
}
.avia-menu-text {
    font-weight: 300 !important;
	letter-spacing: 1px;
}

.current-menu-item a .avia-menu-text{
	 font-weight: 500 !important;
}
/*Footer*/
#socket .copyright {
    float: none;
}
#socket .container {
    text-align: center;
}
.footer-img img{
	margin: 15px 15px 15px 0px;
    width: 40px;
}
.footer-img{
	display: flex;
    align-items: center;
    justify-content: center;
}

/*Botones*/
.avia-button, input[type='submit'] {
    margin-top: 20px !important;
}
.avia_iconbox_title, .avia_ajax_form .button{
	font-size:15px;
}
.main_color input[type='submit']:hover {
    background-color: #ffffff !important;
    opacity: 0.9 !important;
}

/*Inicio*/

.titulo-left .av-special-heading-tag::after {
    content: '';
    position: absolute;
    right: 25%;
    top: 50%;
    transform: translateY(-50%);
    width: 40%;
    height: 3px;
    background-image: linear-gradient(45deg, #32CBFB, #3C5BFE, #B33EB3, #F9A73E);
}

.titulo-right .av-special-heading-tag::before {
    content: '';
    position: absolute;
    left: 25%;
    top: 50%;
    transform: translateY(-50%);
    width: 40%;
    height: 3px;
    background-image: linear-gradient(45deg, #32CBFB, #3C5BFE, #B33EB3, #F9A73E);
}
input::placeholder {
    color:#ffff !important;
}
input[type="text"]{
	border:none;
    border-color: transparent !important;
	border-bottom: 2px solid  #ffff !important;
	color:#ffff  !important;
    background-color: #f8f8f800 !important;
}
#top fieldset {
	padding:20px;
}
.form_element label{
	 color:#ffff  !important;
}
input[type='submit']{
	float:right;
}
.inicio-img .container, .portafolio-img .container{
	max-width: 1920px !important;
  	padding: 0px !important;
}

/*Nosotros*/
.avia-animated-number .avia-animated-number-content{
	float:right !important;
}

.avia-animated-number .avia-animated-number-title{
	float:left;
}

.borde-number {
 	background-color: unset;
	margin: auto;
    border-width: 8px;
    border-style: solid;
    border-image: url('/wp-content/uploads/2024/09/borde.png') 10 round;
}

.borde-number  .avia-animated-number{
  	position:relative;
 	right:-40px;
    background-color: #000;
    padding: 20px 0px 70px 0px;
}
.avia-animated-number-title {
    font-size: 55px;
    letter-spacing: 5px;
	font-weight: 800;
}
.nosotros-lista {
  	list-style-type: none; 
  	padding-left: 0;
  	counter-reset: item;
  	display: grid;
  	grid-template-columns: 1fr 1fr; 
  	column-gap: 20px; 
}

.nosotros-lista li {
    margin-bottom: 20px;
    position: relative;
    padding-left: 50px;
    list-style: none;
}

.nosotros-lista li::before {
    content: counter(item);
    counter-increment: item;
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    background-color: transparent;
    color: white;
    font-weight: 900;
    border: 3px solid;
    border-color: transparent;
    background-image: linear-gradient(black, black), linear-gradient(120deg, #32CBFB, #3C5BFE, #B33EB3, #F9A73E);
    background-origin: border-box;
    background-clip: content-box, border-box;
}


/* OMAR */


.page-id-16 #after_grid_row_2 .container{

   max-width: 1920px !important;
   padding: 0px !important;
    
}

.av-special-heading-tag{
	font-size: 44px;
    font-weight: bold;

}

.page-id-16 #av_section_1 .container,.page-id-20 #after_grid_row_1 .container{

   max-width: 1920px !important;
   padding: 0px !important;
    
}

.page-id-16 #av_section_1 .content{
	padding-top:0px !important;
}

p{
	font-size:17px;
}

#top fieldset{
	padding-left:0px;
}

p {
	text-align:justify !important;
}

.avia-animated-number-content *{
font-size:26px;	
}

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 860px) {
  /* Add your Mobile Styles here */

	
	/*Footer*/
	
	#footer .container, .textwidget p{
		text-align:center !important;
	}
	
	/*Inicio*/
	.titulo-left .av-special-heading-tag::after {
		right: 0 !important;
    	width: 25%;
	}
	.titulo-right .av-special-heading-tag::before {
    	left: 0 !important;
    	width: 25%;
	}
	
	/*Nosotros*/
	.nosotros-lista {
		grid-template-columns: 1fr;
	}
	.avia-animated-number-title {
		font-size: 40px;
	}
	.borde-number .avia-animated-number {
    	position: relative;
    	right: 0;
	}
	.borde-number{
		padding:10px;
	}
	.avia-animated-number .avia-animated-number-title {
    	float: none;
	}
	
	#text-3 * {
		text-align:center !important;
	}
	
	#custom_html-2 p{
		padding-right:20px;
	}
	
	.av-m0zvd3rq-2d856e7c0443147d4dec703193dcb6bb h1{
		font-size:34px !important;
	}
	
	.av-m0zw6nf9-f8304957f9b47e04bffc84fdb44411d6{
		margin-right:0px !important;
		margin-top:10px !important;
	}
	
}