/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Saira:ital,wght@0,100..900;1,100..900&display=swap');

/* General Custom CSS */

.content {
    padding-top: 0px;
    padding-bottom: 0px;
}

.container {
    padding: 0px 180px;
}

.esconder-cont {
	visibility:hidden;
	display:none;
}
/* HEADDER TRANSPARENTE */




/* LOGO */

.logo a {
	display:flex;
	justify-content:center;
	align-items:center;
}
.logo a img {
	width:120px !important;
}

/* NAVBAR */
.menu-item a span{
	font-size:14px;  
    font-family: "Manrope", sans-serif;
	font-weight:300 !important;
	padding:10px;

}

#top .main_menu .menu li a span:hover{
   background:rgba(27,49,96,0.9) !important;
	
	padding:10px;

}

#top .main_menu .menu li.current-menu-item a span,
#top .main_menu .menu li.current_page_item a span{
 background:rgba(27,49,96,0.9) !important;
   
   padding:10px;
}
/* ╔══════════════════════════════╗
         💙 INICIO BANNER 💙
   ╚══════════════════════════════╝ */
.hero-banner-inicio {
    position: relative;
    width: 100vw;
    height: 100vh;
    margin-left: calc(-50vw + 50%);
    min-height: 80vh;
    background-image: url("/wp-content/uploads/2026/06/img-banner-inicio.jpg");
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
}
.hero-banner-proyectos{
	  position: relative;
    width: 100vw;
    height: 100vh;
    margin-left: calc(-50vw + 50%);
    min-height: 80vh;
    background-image: url("/wp-content/uploads/2026/06/img-banner-proyectos.jpg");
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
} 
.hero-banner-servicio{
	  position: relative;
    width: 100vw;
    height: 100vh;
    margin-left: calc(-50vw + 50%);
    min-height: 80vh;
    background-image: url("/wp-content/uploads/2026/06/img-banner-servicios.jpg");
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
}
.hero-banner-contacto{
	  position: relative;
    width: 100vw;
    height: 100vh;
    margin-left: calc(-50vw + 50%);
    min-height: 80vh;
    background-image: url("/wp-content/uploads/2026/06/img-banner-contacto.jpg");
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
}


.hero-content-banner-inicio {
    position: relative;
    max-width: 1200px;
    padding: 40px 0px 40px 180px;
    color: #000;
}

.hero-banner-inicio h1,
.hero-banner-proyectos h1,
.hero-banner-servicio h1,
.hero-banner-contacto h1{
    text-transform: none !important;
    font-size: 48px;
	 font-family: "Saira", sans-serif;
    line-height: 1.2;
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px;
}
.hero-banner-inicio h1 span,
.hero-banner-proyectos h1 span,
.hero-banner-servicio h1 span,
.hero-banner-contacto h1 span{
	 font-size: 48px;
	color:#3798ed;
	 font-weight: 600;
	 font-family: "Saira", sans-serif;
}
.hero-banner-inicio p,
.hero-banner-proyectos p,
.hero-banner-servicio p,
.hero-banner-contacto p{
    max-width: 400px;
    margin-bottom: 30px;
    color: white !important;
    font-size: 14px;
	font-family: "Manrope", sans-serif;
}

.btn-banner-inicio {
    display: inline-block;
    padding: 12px 47px;
    background-color: white;
    color: #202e49 !important;
    text-decoration: none;
    font-size: 14px;
    transition: background 0.3s;
	  font-family: "Manrope", sans-serif;

}

.btn-banner-inicio:hover {
    background-color: #3798ed;
}



/* ╔══════════════════════════════╗
      💙 INICIO - SECTION 2 💙
   ╚══════════════════════════════╝ */

.clima-container {
    max-width: 1100px;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: center;
}

.clima-image {
    position: relative;
	 z-index: 2 !important;
}

.clima-image img {
    width: 100%;
    display: block;
	 z-index: 2 !important;
}

.image-badge {
    position: absolute;
    bottom: -10px;
    left: -20px;
    background: #de473c;
    padding: 20px;
    max-width: 260px;
    height: 220px;
    width: 260px;
    font-weight: 600;
    color: #de473c;
    clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
    display: flex;
    align-items: center;
  z-index: -1 !important;
}

.clima-content h2 {
	font-family: "Saira", sans-serif;
    font-size:41px ;
    color: #3798ed;
    margin-bottom: 30px;
	
	text-transform:none !important;
}

.clima-content p {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 40px;
    color: #13223e;
	font-family: "Manrope", sans-serif;
}

.clima-content-div{
	display:flex !important;
	flex-wrap:wrap;
	width:100% !important;
} 

.clima-content-div .av_textblock_section{
	width:100% !important;
}

.clima-content-div .num-span-in{
	width:50% !important;
 display:flex;
	flex-direction: column;
    align-items: flex-start;
}

.clima-content-div .num-span-in span{
	  font-size: 40px;
    color: #de473c;
	 opacity: 1;
	font-family: "Saira", sans-serif;
	font-weight:600;
}

.clima-content-div .num-span-in p{
    font-size: 28px;
    color: #de473c;
    font-family: "Saira", sans-serif;
    font-weight: 600;
    line-height: 1.2;
    text-align: left;
}
.num-span-in strong{
	margin-bottom:10px;
}





/* ╔══════════════════════════════╗
          💙 INICIO CTA-1 💙
   ╚══════════════════════════════╝ */



.flex_column_table:has(.cta-1-img) {
	
	position: relative !important;
 width: 100vw !important;
 margin-left: calc(-50vw + 50%) !important;
display:flex !important;
	 align-items:stretch !important;

}


.cta-1-img {

height:100% !important;
	flex:1.3 !important;
 
    object-fit: cover;
   box-sizing: border-box !important;
}

   


.info-cta-1 {
	
padding:70px;
flex:1 !important;
box-sizing: border-box !important;
   
   
    background: #2f4b80;
   
  
  
	background-image:url("/wp-content/uploads/2026/02/img-cta-back.jpg");
	 background-size: cover;
	 background-position: center; 
	  background-repeat: no-repeat;
}









.info-cta-1-h3 h3 {
    width: 80%;
    font-size: 28px;
	color:white !important;
	font-family: "Saira", sans-serif;
}

.info-cta-1-p p {
	font-size:14px;
	color:white !important;
    width: 70%;
	 font-family: "Manrope", sans-serif;
}

.button-info-cta-in{
    margin-top: 20px;
    align-self: flex-start;
   background-color: white;
    color: #202e49 !important;
    border: none;
    
    padding: 15px 50px;
    cursor: pointer;
	 font-family: "Manrope", sans-serif;
}

.button-info-cta-in:hover {
    background: #3798ed;
	color:white !important;
}



/* ╔══════════════════════════════╗
     INICIO - NUESTROS PROYECTOS 
   ╚══════════════════════════════╝ */
.txt-f-in-pro {
	margin-bottom:30px;
}
	.txt-f-in-pro h2{
		font-size:41px; 
		font-family: "Saira", sans-serif;
		text-transform:none !important;
	}

.av-masonry-image-container {
     opacity: 1 !important;

}

.in-proy-contenedor{
	position: relative !important;
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
}
.av-masonry-image-container img{
	width:100%;
} 


.av-masonry-container a:last-child{
	height:100% !important;
}

.av-masonry-container{
	height:790px !important;
}

/* ╔══════════════════════════════╗
      💙 INICIO - SSERVICIOS 💙
   ╚══════════════════════════════╝ */
.txt-f-in-serv h2{
		font-size:41px; 
		font-family: "Saira", sans-serif;
		text-transform:none !important;
	
}
.p-text-in-serv{
	margin-top:20px;
}
.p-text-in-serv p{
	margin:0px !important;
	font-family: "Manrope", sans-serif;

}
.cards-container-serv {
    max-width: 1200px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
	margin-top:20px;
}

.card-serv {
    background: #eff3fe;
    padding: 50px 40px;
    text-align: flex-start;
    position: relative;

    /* Esquina recortada */
    clip-path: polygon(0 0,
            calc(100% - 40px) 0,
            100% 40px,
            100% 100%,
            0 100%);
    transition: 0.3s ease;
}

.card-serv:hover {
    transform: translateY(-5px);
}

.card-img-serv {
    margin-bottom: 20px;
}

.card-img-serv img {
    width: 70px;
    height: 70px;
    object-fit: cover;
}

.card-serv-h4 h4 {
    color: #202e49;
    margin-bottom: 15px;
    font-size: 20px;
	font-weight:800;
	font-family: "Manrope", sans-serif;
}

.card-serv-p p {
    color: #13223e;
    margin-bottom: 25px;
	font-family: "Manrope", sans-serif;
}

.btn-serv {
    display: inline-block;
    padding: 12px 26px;
   background-color: #2f4b80;
    color: white !important;
    text-decoration: none;
    font-family: "Manrope", sans-serif;
    transition: 0.3s ease;
}

.btn-serv:hover {
    background: #de473c;
    color: white;
}
/* ╔══════════════════════════════╗
      INICIO- SECTION CLIENTES 
   ╚══════════════════════════════╝ */
.p-text-in-cl p{
	margin:0px !important;
	color:#13223e;
	font-size:14px;
	  font-family: "Manrope", sans-serif;

}
.txt-f-in-cl h2{
	  font-family: "Saira", sans-serif;
	color:#de473c;
	font-size:41px;
	text-transform:none !important;

}
.txt-f-in-cl{
	margin-bottom:20px;
}


.slider-container-in-cl{
    position:relative;
    max-width:1200px;
    margin:auto;
    overflow:hidden;
    display:flex;
    align-items:center;
}

.slider-track-in-cl{
    display:flex;
    transition:transform 0.4s ease;
    gap:30px;
}

.slide-in-cl{
    min-width:250px;
}

.slide-in-cl img{
    width:100%;
    display:block;
    border-radius:4px;
}

/* flechas */
.slider-btn-in-cl{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    background:#dcdde1;
    border:none;
    width:45px;
    height:45px;
    border-radius:50%;
    cursor:pointer;
    font-size:20px;
}

.prev-in-cl{
    left:0;
}

.next-in-cl{
    right:0;
}



/* ╔══════════════════════════════╗
      💙 NOSOTROS - BANNER  💙
   ╚══════════════════════════════╝ */

.hero-banner-nosotros {
    position: relative;
    width: 100vw;
    height: 100vh;
    margin-left: calc(-50vw + 50%);
    min-height: 80vh;
    background-image: url("/wp-content/uploads/2026/06/img-banner-nosotros.jpg");
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
}
.hero-banner-nosotros h1 {
    text-transform: none !important;
    font-size: 48px;
	 font-family: "Saira", sans-serif;
    line-height: 1.2;
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px;
}
.hero-banner-nosotros h1 span{
	 font-size: 48px;
	color:#3798ed;
	 font-weight: 600;
	 font-family: "Saira", sans-serif;
}
.hero-banner-nosotros p {
    max-width: 400px;
    margin-bottom: 30px;
    color: white !important;
    font-size: 14px;
	font-family: "Manrope", sans-serif;
}


/* ╔══════════════════════════════╗
      💙 NOSOTROS - SECTION 2 💙
   ╚══════════════════════════════╝ */
.tit-nos-sect-2 h2{
	  font-family: "Saira", sans-serif;
	color:#e30613 !important;
	font-size:41px;

}

.empresa-container {
    max-width: 1200px;
    margin: auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 50px;
}

.empresa-texto {
    flex: 1;
}

.empresa-texto h3 {
	padding-top:30px;
    color: #3798ed;
    font-size: 27px;
    line-height: 1.2;
    margin-bottom: 30px;
    font-weight: 600;
	  font-family: "Saira", sans-serif;
}

.empresa-texto p {
    color: #202e49;
    margin-bottom: 30px;
	font-size:14px;
  font-family: "Manrope", sans-serif;

}
.css-cont{
	display:flex;
	align-items: center;
	gap:25px;
	margin-bottom:10px;
	text-align:left;
}
.css-cont strong span{
	opacity:1;
	 font-family: "Saira", sans-serif;
	color:#de473c !important;
	font-size:40px;
	font-weight:600;
	
}

.css-cont .avia-animated-number-content p{
	margin-bottom:0px;
	font-size:14px;
  font-family: "Manrope", sans-serif;
}




/* LISTA */
.empresa-texto ul {
    list-style: none;
    margin-top: 30px;
    margin-left: 0px;
	color: #202e49;
}

.empresa-texto li {
    margin-bottom: 0px;
    padding-left: 25px;
    position: relative;
    font-size: 14px;
    margin-left: 0px;
	color:#202e49 !important;
	padding-bottom:0px !important;
	 font-family: "Manrope", sans-serif;
}

.empresa-texto li::before {
    content: "";
    width:7px;
    height:7px;
    background: #de473c;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 9px;
}

/* BOTÓN */
.btn {
    display: inline-block;
    padding: 12px 50px;
    background: #6e8798;
    color: #000 !important;
    text-decoration: none;
    font-weight: 500;
    transition: 0.3s ease;
}

.btn:hover {
    background: #5b7281;
    color: #fff;
}

/* IMÁGENES */
.cont-img-em-nos {
    flex: 1.2;
   
}
.empresa-imgs {
	 display: flex;
    gap: 10px;
    align-items: flex-start;
}

.empresa-imgs img {
    width: 100%;
    height: 500px;
    object-fit: cover;
}


.empresa-imgs img:first-child {
    margin-top: 30px;
}


/* ╔══════════════════════════════╗
       NOSOTROS-TERCER LINE CTA
   ╚══════════════════════════════╝ */

.hero-nos {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 40px auto;
}

.hero-img-nos {
    width: 100%;
    height: auto;
    display: block;
}

.card-nos {
    position: absolute;
    top: 50%;
    right: 8%;
    transform: translateY(-50%);
    background-color: #ffffff;
    padding: 40px;
    width: 420px;
}

.card-nos h3 {
    color: #5f7d92;
    font-size: 25px;
    margin-bottom: 20px;
    font-weight: 700;
}

.card-nos p {
    color: #333;
    margin-bottom: 25px;
}

.btn-nos-hero {
    display: inline-block;
    background-color: #5f7d92;
    color: #fff !important;
    text-decoration: none;
    padding: 12px 48px;
    font-size: 14px;
    transition: 0.3s ease;
}

.btn:hover {
    background-color: #4a6679;
}

/* ╔══════════════════════════════╗
     NOSOTROS-CUARTA LINEA-CONT.
   ╚══════════════════════════════╝ */


.container-nos-ex {
    max-width: 1200px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
}

/* TEXTO IZQUIERDA */

.content-nos-ex {
    flex: 1;
}

.content-nos-ex h2 {
    color: #5f7d92;
    line-height: 1.2;
    margin-bottom: 25px;
}

.description-nos-ex {
    color: #333;
    margin-bottom: 35px;
    line-height: 1.6;
}

/* CAJAS */

.info-box-nos-ex {
    display: flex;
    align-items: center;
    background-color: #e5e7ea;
    padding: 20px;
    margin-bottom: 20px;
}

.icon-nos-ex {
    width: 35px;
    height: 35px;
    background-color: #5f7d92;
    border-radius: 50%;
    margin-right: 20px;
    flex-shrink: 0;
}

.info-box-nos-ex p {
    font-size: 14px;
    color: #333;
    line-height: 1.5;
}

/* IMAGEN DERECHA */

.image-nos-ex {
    flex: 1;
}

.image-nos-ex img {
    width: 100%;
    height: auto;
    display: block;
}

/* ╔══════════════════════════════╗
         NOSOTROS MISION-VISION
   ╚══════════════════════════════╝ */

.mission-vision {
    background-color: #202e49;
	background-image:url("/wp-content/uploads/2026/02/cta-bk-img-nos.jpg");
	background-size: cover;  
	background-position:center;
	background-repeat:no-repeat;
    padding: 100px 20px;
    position: relative !important;
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
	
	 display: flex;
	justify-content: center;
    gap: 100px;
    align-items: center;
	flex-wrap:wrap;
    align-items: stretch !important;
overflow: visible !important;
  
}

.mission-vision .av_textblock_section {
    position: relative;
}

.card-ms {
  
    background-color: #ffffff;
    padding: 40px;
	position: relative !important;
    z-index:2;
    clip-path: polygon(0 0,
            85% 0,
            100% 15%,
            100% 100%,
            0 100%);
   
    display: flex;
    flex-direction: column;

	justify-content: flex-start;
	    flex: 1 1 400px;
    max-width: 400px;
	height:100% !important;
overflow:visible !important;
}


.mission-vision .av_textblock_section::before {
    content: "" ;
    position: absolute;
    width: 90px;
    height: 200px;
    background: #de473c !important;


	
	 left: -50px;  
   bottom:0%;
    z-index: 1;
}




.card-ms h3 {
    color: #de473c;
    font-size: 41px;
    margin-bottom: 10px;
	  font-family: "Saira", sans-serif;

}

.card-ms p {
    color: #202e49;
	  font-family: "Manrope", sans-serif;

    font-size: 14px;
    line-height: 1.2;
}
/* ╔══════════════════════════════╗
         NOSOTROS LINEA DEL TIEMPO
   ╚══════════════════════════════╝ */
.cont-linea-time-nos{
	 position: relative !important;
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
	margin-top:0px !important;
}





.timeline-pro-nos{
 background: linear-gradient(180deg, #2f4b80, #202e49);
color:white;
padding:80px 20px;
	display: flex;
    justify-content: center;
}

.container-pro-nos{
max-width:1100px;
margin:auto 150px;
text-align:center;
}

.timeline-pro-nos h2{
color:#de473c;
font-size:41px;
margin-bottom:10px;
	text-transform:none !important;
	
	font-family: "Saira", sans-serif;
}

.desc-pro-nos{
 font-family: "Manrope", sans-serif;
max-width:700px;
margin:20px auto 60px;
font-size:14px;
}

/* WRAPPER */
.timeline-wrapper-nos{
position:relative;
overflow:hidden;
}

/* LÍNEA */
.line-nos{
position:absolute;
top:60px;
left:50%;
transform:translateX(-50%);
width:100%;
height:1.5px;
background:white;

}

/* SLIDER */
.timeline-slider{
display:flex;
transition:transform 0.6s ease;
}

/* GRUPO */
.timeline-group{
min-width:100%;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:80px;
text-align:left;
}

/* ITEM */
.timeline-item-pro-nos{
position:relative;
display:flex;
flex-direction:column;
align-items:flex-start;
}

/* AÑO */
.year-nos{
color:#de473c;
font-weight:700;
margin-bottom:25px;
	font-size:21px;
	  font-family: "Manrope", sans-serif;

}

/* PUNTO */
.dot-nos{
width:8px;
height:8px;
background:white;
border-radius:50%;
position:absolute;
top:60px;
left:20%;
transform:translate(-50%, -50%);
}

/* TITULO */
.timeline-item-pro-nos h3{
margin-top:50px;
margin-bottom:15px;
font-size:21px;
	color:white !important;
	  font-family: "Manrope", sans-serif;
	font-weight:700;

}

/* TEXTO */
.timeline-item-pro-nos p{
max-width:260px;
font-size:14px;
   font-family: "Manrope", sans-serif;


}

/* FLECHA */
.arrow-time-nos{
position:absolute;
right:0;
top:30%;
transform:translateY(-30%);
width:50px;
height:50px;
border-radius:50%;
border:none;
background:rgba(255,255,255,0.2);
color:white;
font-size:22px;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
}

.arrow-time-nos:hover{
background:rgba(255,255,255,0.4);
}

/* ╔══════════════════════════════╗
        NOSOTROS- NUESTRO EQUIPO
   ╚══════════════════════════════╝ */
.ds-equi-div {
 display:flex;
	flex-direction:column;
 align-items: center;
}
.team-member-name {
	color:#202e49 !important;
	  font-family: "Manrope", sans-serif;
font-weight:700;
	text-align:center;
	font-size:20px !important;
	padding:5px 0px 15px 0px;
}
.team-member-job-title {
	clip-path: polygon(50% 0%, 100% 0, 100% 80%, 95% 100%, 5% 100%, 0 80%, 0 0);
	background:#de473c;
	padding:10px;
	text-align:center;
	  font-family: "Manrope", sans-serif;
	color:white !important;
	font-size:13px !important;
	width:80%;
}

/* ╔══════════════════════════════╗
         NOSOTROS- SECTORES
   ╚══════════════════════════════╝ */
.container-nos-sect{
	 position: relative !important;
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
	background: linear-gradient(180deg, #2f4b80, #202e49) !important;
	padding:80px 180px;
}
/* TABS */
.tabs-nos-sect {
  display: flex;
 
  border-bottom: 1px solid white !important;
  margin-bottom: 40px;
  justify-content: space-around;
}

.tab-nos-sect {
  cursor: pointer;
  padding-bottom: 10px;
    font-family: "Manrope", sans-serif;
font-size:20px;
  transition: 0.3s;
	color: white !important;
}

.tab-nos-sect.active {
  font-weight: bold;
  opacity: 1;
  border-bottom: 3px solid #fff;
	padding:0px 10px;
}

/* CONTENIDO */
.content-nos-sect {
  display: flex;

  align-items: center;
}

.left-nos-sect {
  flex: 1;
}

.left-nos-sect ul {
  margin: 20px 0;
}

.left-nos-sect li {
  margin-bottom: 10px; 
	font-family: "Manrope", sans-serif;
	font-size:20px;
	color:white !important;

}
.left-nos-sect li::marker {
  color: #3798ed;
}

.left-nos-sect button {
	margin-top:20px ;
  padding: 15px 20px;
  border: none;
  background: white;
  color: #202e49;
  cursor: pointer;
	font-size:14px;
	  font-family: "Manrope", sans-serif;

}

/* IMAGEN */
.right-nos-sect {
  flex: 1.3;
}

.right-nos-sect img {
  width: 100%;
 
  display: block;
}




/* ╔══════════════════════════════╗
     SEVICIOS - SECTION 1
   ╚══════════════════════════════╝ */



.post-entry-22 .sc-av_one_fifth{
	position:relative !important;
	align-items:stretch;

}
.cont-info-sect1-serv {
  background: #3f5d8a;
  color: #fff;
  
padding:50px;
width:420px !important;
  position: absolute !important;
	
	
	left:0px;
top:50%;
transform:translateY(-50%);
	
	
  z-index: 2 !important;
max-width:100%;
	clip-path:polygon(0 0, 90% 0, 100% 15%, 100% 100%, 0 100%);
	background: linear-gradient(180deg, #2f4b80, #202e49);
color:white;
}



.cont-img-sect1-serv {
  position: relative !important;
  z-index: 1 !important;
}

.cont-img-sect1-serv img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}



.cont-info-sect1-serv  h2{
  font-size: 41px;
    margin-bottom: 15px;
	text-transform:none  !important;
	font-family: "Saira", sans-serif;
	color:white !important;
margin-bottom:20px;
}

.cont-info-sect1-serv  p{
	font-size:14px;
	  font-family: "Manrope", sans-serif;

margin-bottom:25px;
}

.hvac-btn-serv{
display:inline-block;
background:white;
color:#202e49 !important;
padding:12px 25px;
text-decoration:none;
	  font-family: "Manrope", sans-serif;
	font-size:14px;
}

.hvac-btn-serv:hover{
background:#de473c;
	color:white !important;
}























/* ╔══════════════════════════════╗
     SEVICIOS - SERVICIOS HVAC 
   ╚══════════════════════════════╝ */

 .post-entry-22 .sc-av_four_fifth{
	display:flex !important;
	flex-direction:column !important;
	
    max-width: 1100px !important;
    width: 100% !important;
    position: relative !important;
    overflow: hidden !important;

}

.hvac-image{
	  width: 100% !important;
	z-index:1 !important;
}
.hvac-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
	
}

.hvac-content::before{
	display:none !important;
}
.hvac-content {
	z-index:2 !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    background: linear-gradient(180deg, #2f4b80, #202e49) !important;
    color: white !important;
    padding: 50px 45px !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: flex-end !important;
    gap: 50px !important;
    clip-path: polygon(63% 0, 100% 100%, 100% 100%, 0 100%, 0 0) !important;
	
}

.hvac-text h2 {
    font-size: 41px;
    margin-bottom: 15px;
	text-transform:none  !important;
	font-family: "Saira", sans-serif;
	color:white !important;

}
.hvac-text p{
	max-width:400px;
	font-size:14px;
	  font-family: "Manrope", sans-serif;
}
/* BOTÓN */
.hvac-btn {
   background:white;
color:#202e49 !important;
    padding: 12px 30px;
   
    text-decoration: none;
    font-weight: 500;
    transition: 0.3s;
	font-size:14px;
	  font-family: "Manrope", sans-serif;

}

.hvac-btn:hover {
    background:#de473c;
	color:white !important;
}








/* ╔══════════════════════════════╗
         SERVICIOS- CTA
   ╚══════════════════════════════╝ */

.banner-cta-serv {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #8fa3b1;
    gap: 40px;
}

.banner-content-cta-serv {
    flex: 1;
    color: #2f4a5a;
    padding: 0px 40px;
}

.banner-content-cta-serv h2 {
    font-weight: 600;
    margin-bottom: 25px;
}

.btn-cta-serv {
    display: inline-block;
    background-color: #5e7687;
    color: white !important;
    text-decoration: none;
    padding: 12px 48px;

    transition: 0.3s ease;
}

.btn-cta-serv:hover {
    background-color: #4c6372;
}

.banner-image-cta-serv {
    flex: 1.3;
    display: flex;
    justify-content: flex-end;
}

.banner-image img {
    width: 100%;
    max-width: 500px;
    height: auto;
    object-fit: cover;
}






/* ╔══════════════════════════════╗
       💙 PROYECTO - SECTION 2 💙
   ╚══════════════════════════════╝ */



.container-pro{
display:flex;
gap:50px;
align-items:flex-start;
}

.project-info-pro{
flex:1;
}

.project-info-pro h1{
color:#de473c;
	font-size:41px;
	  font-family: "Saira", sans-serif;
text-transform:none !important;
	padding-bottom:20px;
}

.subtitle-pro{
cursor:pointer;
border-top:1px solid #ccc !important;
padding:20px 0;
	color:#202e49 !important;
	  font-family: "Manrope", sans-serif;
font-size:20px !important;
	font-weight:800 !important;
}

.content-pro{
max-height:0;
overflow:hidden;
transition:0.4s;
}

.item-pro.active-pro .content-pro{
max-height:300px;
}
.content-pro ul li{
	font-size:14px;
	color:#202e49 !important;  
	font-family: "Manrope", sans-serif;
padding:4px 0px !important;
	
}

.content-pro ul {
		margin-left:15px;
}

.content-pro ul li::marker{
	color:#3798ed;
	font-size:26px;

}



.btn-pro{
background:#de473c;
color:white;
border:none;
padding:12px 20px;
margin-top:30px;
cursor:pointer;
	font-size:14px;
	  font-family: "Manrope", sans-serif;

}

/* SLIDER */

.project-slider-pro{
flex:1;
}

.slider-pro{
position:relative;
}

.slider-pro img{
width:100%;
height:auto;
}

.arrow-pro{
position:absolute;
top:50%;
transform:translateY(-50%);

width:50px;
height:50px;

display:flex;
align-items:center;
justify-content:center;

background:#d8e1ef;
border:none;
border-radius:50%;

font-size:24px;
cursor:pointer;
	color:#202e49;
}

.prev-pro{
left:10px;
}

.next-pro{
right:10px;
}

.sliderText-pro{
margin-top:15px;
color:#202e49;
	  font-family: "Manrope", sans-serif;
	font-size:14px;

}



/* ╔══════════════════════════════╗
     PROYECTO- SLIDER PROYECTOS 
   ╚══════════════════════════════╝ */

.tit-pro-sect-4 h2{
	text-transform:none !important;
	color:#de473c !important;
	font-size:41px;
	  font-family: "Saira", sans-serif;

}

.slider-container-sl {
    position: relative;
    max-width: 1000px;
    margin: auto;
    overflow: hidden;

}

.slider-track-sl {
    display: flex;
    gap: 20px;
    transition: 0.4s;
}

.card-sl {
    min-width: calc(50% - 10px);
    position: relative;
    overflow: hidden;
}

.card-sl img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}


.overlay-sl {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: 0.3s;
}

.card-sl:hover .overlay-sl {
    opacity: 1;
}


.btn-ver-sl {
    background: #de473c;
    color: white;
    border: none;
    padding: 12px 22px;
    cursor: pointer;
    font-size: 14px;
}

/* FLECHAS */

.nav-sl {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(207, 214, 219, 0.7);
    border: none;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 18px;
    z-index: 10000;
}

.prev-sl {
    left: 20px;
    color: #202e49;
}

.next-sl {
    right: 20px;
    color: #202e49;
}
[data-no-accordion="true"] .content-pro {
  max-height: none !important;
  overflow: visible !important;
}

/* ╔══════════════════════════════╗
        CONTACTO
   ╚══════════════════════════════╝ */
.page-id-26 .main_color{
background: linear-gradient(180deg,rgba(32, 46, 73, 1) 30%, rgba(255, 255, 255, 1) 60%) !important;
}

.div-form-cont-contact{
	display:flex;
	align-items: stretch;
	
}


/* SECCION INFO */
.div-form-cont-contact section{
	flex:1;
	
	
}
.info-cont{
	width:400px;
}
.info-cont h2{
	font-size:41px;
	color:#de473c;
	line-height:;
	  font-family: "Saira", sans-serif;
	text-transform:none !important;

}
.info-cont p{
	color:#202e49;
	font-size:14px;
	  font-family: "Manrope", sans-serif;
	padding-top:20px;

}
.cont-div-date{
	margin-top:30px;
	display:flex;
	flex-direction:column;
	gap:20px;
	width: 370px;
}
.info-date-cont{
	background:#eff3fe;
	display:flex;
	align-items:center;
	gap:15px;
	padding:20px;
}
.info-date-cont i{
	width:40px;
	height:40px;
	border-radius:50%;
	background:#202e49;
	font-size:18px;
	color:white;
	
	  display:flex; 
    align-items:center; 
    justify-content:center; 
	
	
	 flex-shrink:0;
}
.info-date-cont p{
	padding-top:0px;
	margin:0px;
}



/* SECCION FORMULARIO */
.div-form-cont-contact form{
	flex:1;
	background:#e87f77;
		  clip-path: polygon(0 0,
            calc(100% - 60px) 0,
            100% 60px,
            100% 100%,
            0 100%);
	margin-bottom: 0px !important;
	
}
.div-form-cont-contact form fieldset{
	padding:70px;
}


.div-form-cont-contact form fieldset p label{
	  font-family: "Manrope", sans-serif;
	font-size:14px !important;
	color:white ;
	font-weight:500 !important;
}

.div-form-cont-contact form fieldset p .required{
		color:white !important;
}

.div-form-cont-contact form fieldset p input[type='text'],
.div-form-cont-contact form fieldset p textarea,
.div-form-cont-contact form fieldset p input[type='email']{
	background-color:white !important;
	padding:10px !important;
	
}
.div-form-cont-contact  form fieldset p textarea{
	height:80px !important;
}
.div-form-cont-contact form fieldset input[type="submit"]{
	background:white !important;
	font-size:14px;
	color:#202e49 !important;
	border:none !important;
	  font-family: "Manrope", sans-serif;
  

}

.div-form-cont-contact form fieldset p:last-of-type{
	display:flex !important;
	justify-content: flex-end !important;
	float:none !important;
	
}



/* ╔══════════════════════════════╗
            💙 SOCKET 💙
   ╚══════════════════════════════╝ */

.copyright a{
	display:none;
	visibility:hidden;
}

.copyright {
	font-size:14px;
}
/* ╔══════════════════════════════╗
            💙 FOOTER 💙
   ╚══════════════════════════════╝ */

.icon-fot-social p,
.widget ul li a,
.info-footer p{
	font-size:14px;
	font-family: "Manrope", sans-serif;
}
.info-footer p{
	color:#3695e9 !important;
}
.widgettitle{
	display:none;
	visibility:hidden;
}

.widget ul li{
	margin:12px 0px;
}
.icon-soc-fot{
	display:flex;
	gap:30px;
}



.icon-soc-fot a {
	background:transparent !important;
	color: white !important;
	width:45px;
	height:45px;
	font-size:23px;
	text-align:center;
display: flex;
    align-items: center;
    justify-content: center;
}
#footer .container .el_after_av_one_third:nth-child(2){
	display: flex;
    justify-content: center;
}
#footer .container .el_after_av_one_third:nth-child(3){
	display: flex;
    justify-content: flex-end;
}

/* ╔══════════════════════════════╗
        FORMULARIO DE CONTACTO
   ╚══════════════════════════════╝ */

.div-form-cont{
	display:flex;
  position: relative !important;
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
	align-items: stretch;
}


.div-form-cont section
{
	flex:1;
}

.div-form-cont form
{
	flex:1;
	background:#e87f77;
		  clip-path: polygon(0 0,
            calc(100% - 60px) 0,
            100% 60px,
            100% 100%,
            0 100%);
	margin-bottom: 0px !important;
}
.div-form-cont form fieldset{
	padding:0px 60px 60px 60px;
	width:80%;
	margin-bottom: 0px !important;
}
.div-form-cont form h3{
	color:white !important; 
	  font-family: "Saira", sans-serif;
font-size:26px;
	padding:60px 60px 20px 60px;
}
.div-form-cont form fieldset p label{
	  font-family: "Manrope", sans-serif;
	font-size:14px !important;
	color:white ;
	font-weight:500 !important;
}
.div-form-cont form fieldset p .required{
		color:white !important;
}

.div-form-cont form fieldset p input[type='text'],
.div-form-cont form fieldset p textarea,
.div-form-cont form fieldset p input[type='email']{
	background-color:white !important;
	padding:10px !important;
	
}
.div-form-cont form fieldset p textarea{
	height:80px !important;
}
.cont-img-in-form img,
.cont-img-in-form {
	height:100% !important;
}

.div-form-cont form fieldset input[type="submit"]{
	background:white !important;
	font-size:14px;
	color:#202e49 !important;
	border:none !important;
	  font-family: "Manrope", sans-serif;
  

}

.div-form-cont form fieldset p:last-of-type{
	display:flex !important;
	justify-content: flex-end !important;
	float:none !important;
	
}
















/* ╔══════════════════════════════╗
        PAGINAS DE POLITICAS
   ╚══════════════════════════════╝ */


.tit-pag-pol h1{
	font-family: "Saira", sans-serif;
	color:#de473c !important;
	text-transform:none !important;
	font-size:40px;
}
.info-pag-pol{
	  font-family: "Manrope", sans-serif !important;
	
}
.info-pag-pol strong{
	color:#de473c !important;
	font-size:18px;
		font-family: "Saira", sans-serif !important;
	font-weight:600 !important;

}

.tabl-pag-pol tbody tr th{
		color:#de473c !important;
		font-family: "Saira", sans-serif !important;
}
.tabl-pag-pol tbody tr td{
	color:#202e49 !important;
	font-family: "Manrope", sans-serif !important;
}

.form-recl-lib{
	background:#e77e76 !important;
	padding:40px 60px;
	  clip-path: polygon(0 0,
            calc(100% - 60px) 0,
            100% 60px,
            100% 100%,
            0 100%);
}
.form-recl-lib fieldset label{
		font-family: "Manrope", sans-serif !important;
	color:white !important;
	font-size:14px !important;
}
.form-recl-lib fieldset label .required{
		color:white !important;
}

.form-recl-lib fieldset .button{
	background:white !important;
	border:none;
	color:#202e49 !important;
	font-family: "Manrope", sans-serif !important;
	font-size:14px !important;
}

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


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



@media (max-width: 989px) {

	
	
	
	
/* ╔══════════════════════════════╗
      💙 INICIO CTA-1 💙
   ╚══════════════════════════════╝ */
	
.cta-1-img {
	position: static !important;
  width: 100% !important;
  left: 0% !important;
  transform: none !important;
 margin-bottom:0px !important;

	
   
    object-fit: cover;
   
}



.info-cta-1 {
	 position: static !important;
  width:100% !important;
  left: 0% !important;
  transform:none !important;
 
}
	
	
	

    .info-cta-1 h3 {
        width: 100%;
    }

    .info-cta-1 p {
        width: 100%;
    }

    .info-cta-1 {
        padding: 40px;
    }

/* ╔══════════════════════════════╗
      💙 INICIO - SSERVICIOS 💙
   ╚══════════════════════════════╝ */

    .cards-container-serv {
        grid-template-columns: repeat(2, 1fr);
    }

    .card-serv:last-child {
        grid-column: 1 / -1;
        max-width: 400px;
        margin: 0 auto;
    }
/* ╔══════════════════════════════╗
     NOSOTROS SECTION 2
   ╚══════════════════════════════╝ */
	.empresa-texto h3 br{
	display:none;
		visibility:hidden;
}
	
/* ╔══════════════════════════════╗
       NOSOTROS-TERCER LINE CTA
   ╚══════════════════════════════╝ */

    .card-nos {
        width: 350px;
        padding: 30px;
    }



/* ╔══════════════════════════════╗
     NOSOTROS-CUARTA LINEA-CONT.
   ╚══════════════════════════════╝ */

    .container-nos-ex {
        flex-direction: column;
    }

    .content-nos-ex h2 {

        text-align: center;
    }

    .content-nos-ex h2 br {

        display: none;
    }

    .description-nos-ex {
        text-align: center;
    }

/* ╔══════════════════════════════╗
         NOSOTROS MISION-VISION
   ╚══════════════════════════════╝ */
    .container-ms {
        gap: 40px;
    }

    .card-ms {
        padding: 30px;
    }
	.card-ms {
		
			    flex: 1;
    max-width: 50%;

	}
	.mission-vision .av_textblock_section {
  
    display: flex;
    justify-content: center;
	}
	
	.mission-vision .av_textblock_section::before {
			 height: 80%;
        left: 170px;
	}
/* ╔══════════════════════════════╗
         NOSOTROS LINEA DEL TIEMPO
   ╚══════════════════════════════╝ */
	
	.container-pro-nos{
max-width:1100px;
margin:auto 50px;
text-align:center;
}
	
	/* ╔══════════════════════════════╗
         NOSOTROS- SECTORES
   ╚══════════════════════════════╝ */
.container-nos-sect{
	
	padding:80px 120px;
}
	

/* ╔══════════════════════════════╗
     SEVICIOS - SERVICIOS HVAC 
   ╚══════════════════════════════╝ */

    .hvac-content {
        position: relative !important;
        clip-path: none !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 20px !important;
        padding: 30px !important;
    }

	
	
	
	
	

/* ╔══════════════════════════════╗
         SERVICIOS- CTA
   ╚══════════════════════════════╝ */

    .banner-cta-serv {
        flex-direction: column;
        text-align: center;
        gap: 0px;

    }

    .banner-content-cta-serv {
        padding: 60px 0px;
    }

    .banner-image-cta-serv {
        width: 100%;
    }

    .banner-image-cta-serv img {
        background-image: url("/wp-content/uploads/2026/02/cta-serv-movil.jpg");
        width: 100%;
        height: auto;
        object-fit: cover;
    }
	
	/* ╔══════════════════════════════╗
       💙 PROYECTO - SECTION 2 💙
   ╚══════════════════════════════╝ */
.container-pro{
flex-direction:column;
}



	
	

	/* ╔══════════════════════════════╗
        CONTACTO
   ╚══════════════════════════════╝ */
.div-form-cont-contact{
			flex-direction:column;
	gap:30px;
		
		
}
	.cont-div-date{
	
	width: 100%;
}
	.div-form-cont-contact form fieldset{	
	width:100%;

}
	

	.div-form-cont-contact form fieldset p:last-of-type{
		display:flex;
	justify-content: center!important;
	float:none !important;
	
}
	.div-form-cont-contact form{
	
		  clip-path:none;
			  }
	/* SECCION INFO */

.info-cont{
	width:100%;
}
	
	
	
	
/*============FORMULARIO DE CONTACTO ============*/
	.div-form-cont{
			flex-direction:column;
		
		
}
	.div-form-cont form fieldset{	
	width:100%;

}
	.div-form-cont form h3 br{
		display:none;
		visibility:hidden;
	}

	.div-form-cont form fieldset p:last-of-type{
	
	justify-content: center!important;
	float:none !important;
	
}
	.div-form-cont form{
	
		  clip-path:none;
			  }
}



@media (max-width: 767px) {
	
	/* NAVBAR */


#top .main_menu .menu li a span:hover{
   background:none !important;
	
	padding:0px;
}

#top .main_menu .menu li.current-menu-item a span,
#top .main_menu .menu li.current_page_item a span{
 background:none !important;
   
   padding:0px;
}
	
	
	
	

    /* ╔══════════════════════════════╗
           💙 INICIO BANNER 💙
       ╚══════════════════════════════╝ */

    .hero-content-banner-inicio {
        position: relative;
        max-width: 1200px;
        padding: 40px 0px 40px 60px;
        color: #000;
    }

/* ╔══════════════════════════════╗
      💙 INICIO - SECTION 2 💙
   ╚══════════════════════════════╝ */


    .clima-container {
        grid-template-columns: 1fr;
    }

    .image-badge {
        margin-top: 15px;
    }

    .features {
        flex-direction: row;
        gap: 90px;
    }

/* ╔══════════════════════════════╗
      💙 INICIO CTA-1 💙
   ╚══════════════════════════════╝ */



.flex_column_table:has(.cta-1-img) {
 flex-direction: column !important;

}
    

    .cont-cta-1 {
        position: static !important;
        width: 100% !important;
        margin-left: 0px !important;
    }

/* ╔══════════════════════════════╗
      💙 NOSOTROS - SECTION 2 💙
   ╚══════════════════════════════╝ */

    .empresa-container {
        flex-direction: column;
        text-align: center;
    }

    .empresa-texto {
        order: 1;
    }
	
    .empresa-imgs {
        order: 2;
        width: 100%;
    }

    .empresa-container {
        flex-direction: column;
        text-align: left;
    }

    .empresa-texto {
        order: 1;
    }

    .empresa-imgs {
        order: 2;
        width: 100%;
    }

    .empresa-texto li {
        padding-left: 0;
    }

    .empresa-imgs img:first-child {
        margin-top: 0px;
    }

    .empresa-texto ul {
        padding: 0;
    }

    .empresa-texto li {
        display: flex;
        justify-content: flex-start;
        align-items: left;
        gap: 10px;
        padding-left: 0;
    }

    .empresa-texto li::before {
        position: static;
        margin: 0;
    }

/* ╔══════════════════════════════╗
       NOSOTROS-TERCER LINE CTA
   ╚══════════════════════════════╝ */
    .hero-nos {
        margin: 0;
    }

    .card-nos {
        position: relative;
        top: auto;
        right: auto;
        transform: none;
        width: 100%;
        text-align: center;
    }
	
/* ╔══════════════════════════════╗
     SEVICIOS - SECTION 1
   ╚══════════════════════════════╝ */
	.av-19haa-a6efbf4bec60088c6ccf2a52b3fed3df,
	.av-7pn2-1ef816e6cdb8e8a3402171279976c58d
	{
		display:flex !important;
		         flex-direction: column!important;
	}   
	
	.cont-info-sect1-serv {
		position:relative !important;
left:0 !important;
top:0 !important;
transform:none !important;
order:2 !important;
width:100% !important;
margin-top:-70px !important;
		padding:30px !important;
	}
	
	.cont-img-sect1-serv {
		order:1!important;
		  width: 100% !important;
     margin-left: none !important; 
     display: block !important;
	}
	
	.cont-info-sect1-serv h2{
		font-size:25px;
	}
	.hvac-box-serv{
		padding:30px;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	

	
	.hvac-box-serv h2,
	.hvac-text h2{
		font-size:25px;
	}
	
	/* ╔══════════════════════════════╗
      💙 NOSOTROS - SECTION 2 💙
   ╚══════════════════════════════╝ */
	.cont-img-em-nos {
		width: 100%;
	}
	
	
	
	
	
	
	/* ╔══════════════════════════════╗
         NOSOTROS MISION-VISION
   ╚══════════════════════════════╝ */
	
	    .card-ms {
        flex: 1;
			max-width: 80%;
	}
/* ╔══════════════════════════════╗
         NOSOTROS LINEA DEL TIEMPO
   ╚══════════════════════════════╝ */
	
	.timeline-slider{
display:flex;
transition:transform 0.5s ease;
}


.timeline-group{
display:contents;
}

/* cada item será un slide */
.timeline-item-pro-nos{
min-width:100%;

}
	
	/* ╔══════════════════════════════╗
         NOSOTROS- SECTORES
   ╚══════════════════════════════╝ */
.container-nos-sect{
	
	padding:80px 80px;
}
	.tab-nos-sect {
  
font-size:17px;
  
}
	.left-nos-sect li {
 
	font-size:17px;


}
	
/* ╔══════════════════════════════╗
       💙 PROYECTO - SECTION 2 💙
   ╚══════════════════════════════╝ */
	


/* ╔══════════════════════════════╗
     PROYECTO- SLIDER PROYECTOS 
   ╚══════════════════════════════╝ */

    .card-sl {
        min-width: 100%;
    }
/* ╔══════════════════════════════╗
        CONTACTO
   ╚══════════════════════════════╝ */
.page-id-26 .main_color{
background: white !important;
}

	
	
	/* ╔══════════════════════════════╗
            💙 FOOTER 💙
   ╚══════════════════════════════╝ */
	
	#footer .container{
     display:grid !important;
    grid-template-columns:1fr 1fr;
    justify-items:center;   
    align-items:center;     
   
}
#footer .container .first {
	  grid-column:1 / -1;
    max-width:600px;
    text-align:center;
}
.icon-soc-fot {
  
    justify-content: center;
  
}
	
	#footer .container .el_after_av_one_third:nth-child(3){
	display: flex;
    justify-content: center;
}
	/*============FORMULARIO DE CONTACTO ============*/
	.div-form-cont{
		margin-bottom:0px !important;
	}
	

}


@media (max-width: 480px) {

/* ╔══════════════════════════════╗
      💙 INICIO BANNER 💙
   ╚══════════════════════════════╝ */

    .hero-content-banner-inicio {
        position: relative;
        max-width: 1200px;
        padding: 40px 30px;
        color: #000;
    }

    .hero-content-banner-inicio {
        justify-content: center;
        text-align: center;
    }

    .hero-content-banner-inicio h1 br {
        display: none;
    }
	.hero-banner-inicio h1 ,
	.hero-banner-proyectos h1,
	.hero-banner-contacto h1,
	.hero-banner-servicio h1{
   
    font-size: 38px;
	
}
.hero-banner-inicio h1 span,
	.hero-banner-proyectos h1 span,
	.hero-banner-contacto h1 span,
	.hero-banner-servicio h1 span{
	 font-size: 38px;
	
	
	
}

/* ╔══════════════════════════════╗
      💙 INICIO - SECTION 2 💙
   ╚══════════════════════════════╝ */

    .image-badge {
        height: 120px;
        width: 220px;
    }

    .clima-content h2,
    .clima-content p {
        text-align: center;
    }

    .features {
        justify-content: center;
        gap: 40px;
    }

    .feature {
        text-align: center;
        align-items: center;
    }
	.feature h4 {
	 font-size: 30px;
   
}
	.feature span{
	 font-size: 24px;
   
}
.clima-content-div .num-span-in {
  
    align-items: center;
	}
	
	.clima-content-div .num-span-in p {
		text-align:center;
		 font-size: 24px;
	}
	.clima-content-div .num-span-in span {
    font-size: 30px;
   
}
/* ╔══════════════════════════════╗
      💙 INICIO CTA-1 💙
   ╚══════════════════════════════╝ */


    .info-cta-1 h3 {
        font-size: 20px;
    }

    .info-cta-1 {
        text-align: center;
    }

    .info-cta-1 {
        padding: 40px 20px;
    }

    .info-cta-1 button {
        align-self: center;
    }
	
/* ╔══════════════════════════════╗
     INICIO - NUESTROS PROYECTOS 
   ╚══════════════════════════════╝ */


.in-proy-contenedor{
	position: static !important;
    width: 100% !important;
    margin-left: auto !important;
}

/* ╔══════════════════════════════╗
      💙 INICIO - SSERVICIOS 💙
   ╚══════════════════════════════╝ */

    .cards-container-serv {
        grid-template-columns: 1fr;
    }
	
	
	
/* ╔══════════════════════════════╗
      💙 NOSOTROS BANNER 💙
   ╚══════════════════════════════╝ */

 


    
	.hero-banner-nosotros h1 {
   
    font-size: 38px;
	
}
.hero-banner-nosotros h1 span{
	 font-size: 38px;
	
	
	
}

/* ╔══════════════════════════════╗
      💙 NOSOTROS - SECTION 2 💙
   ╚══════════════════════════════╝ */
	.cont-por-nos p{
		text-align:left;
	}
    .empresa-texto h3 {
        font-size: 20px;
    }

    .empresa-imgs {
        width: 100%;
        flex-direction: row;
    }

    .empresa-imgs img {
        width: 50%;
        height: 300px;
    }
	.empresa-texto li {
		justify-content: flex-start;
		text-align:left;
	}

/* ╔══════════════════════════════╗
       NOSOTROS-TERCER LINE CTA
   ╚══════════════════════════════╝ */

    .card-nos h3 {
        font-size: 20px;
    }
    .container-pro-nos {
       
		margin: auto 10px;}

/* ╔══════════════════════════════╗
         NOSOTROS MISION-VISION
   ╚══════════════════════════════╝ */

    .mission-vision {
        padding: 0px 20px;
    }

    .bg-accent-ms {
        display: none;
    }

	
	    .card-ms {
     
			max-width: 100%;
	}
	
	
	/* ╔══════════════════════════════╗
         NOSOTROS- SECTORES
   ╚══════════════════════════════╝ */
.container-nos-sect{
	
	padding:80px 20px;
}
	.tab-nos-sect {
  
font-size:14px;
  
}
	
	.left-nos-sect li {
 
	font-size:14px;


}
	.content-nos-sect{
		align-items: flex-start;
		flex-direction:column;
	}
			
.right-nos-sect {
    order: 1; 
  }

  .left-nos-sect {
    order: 2; 
  }
	
	
	
	
	
	
/* ╔══════════════════════════════╗
         SERVICIOS- CTA
   ╚══════════════════════════════╝ */

    .banner-content-cta-serv h2 {
        font-size: 20px;
    }

    .banner-content-cta-serv {
        padding: 20px 10px;
    }
	
	
/* ╔══════════════════════════════╗
     SEVICIOS - SERVICIOS HVAC 
   ╚══════════════════════════════╝ */

	
	    .hvac-content {
        text-align:center !important;
        align-items: center !important; 
			
	}
	
	.hvac-image{
		margin-bottom:0px !important;
	}
	
	
		/* ╔══════════════════════════════╗
       💙 PROYECTO - SECTION 2 💙
   ╚══════════════════════════════╝ */
	
	.project-info-pro h1{

	font-size:31px;
	}
	
	
	/* ╔══════════════════════════════╗
        CONTACTO
   ╚══════════════════════════════╝ */
.div-form-cont-contact form fieldset{
	padding:20px;
}

	
	
	
	
/* ╔══════════════════════════════╗
            💙 SOCKET 💙
   ╚══════════════════════════════╝ */



.copyright {
	font-size:13px;
	text-align:center;
}
	
	/* ╔══════════════════════════════╗
            💙 FOOTER 💙
   ╚══════════════════════════════╝ */
	
	#footer .container{
    grid-template-columns:1fr !important;
     
     margin-top: 50px !important;
		margin-bottom:50px !important;
}
	#footer .container .el_after_av_one_third:nth-child(2){
	
    justify-content:center ;
		align-items:center;
		text-align:center;
}
	#footer .container .el_after_av_one_third:nth-child(3){
		text-align:center;
	}
	#footer .container .flex_column{
		margin-bottom:0px !important;
	}
	#footer .container .flex_column .widget{
		margin: 10px 0px !important;
	}
	
	
	
	
	
		/* FORMULARIO DE CONTACTO */
	.div-form-cont form fieldset{
	padding:0px 30px 60px 30px;
	
}
.div-form-cont form h3{
	
	padding:60px 30px 20px 30px;
}
	
	
	

/* ╔══════════════════════════════╗
        PAGINAS DE POLITICAS
   ╚══════════════════════════════╝ */
	
	.form-recl-lib{
	
		padding:20px 10px;
	}

}