Aire acondicionado con instalación incluida
Encuentra el aire acondicionado perfecto para tu hogar
Trabajamos con primeras marcas y te mostramos el precio final con
instalación básica incluida. Elige tu equipo y nosotros nos encargamos del resto.
/* =========================
HERO
========================= */
.ig-hero-air {
position: relative;
width: 100%;
max-width: none;
min-height: 640px;
margin: 0;
padding: 0;
display: flex;
align-items: center;
background-image:
url('http://pruebas.instalacionsgalvez.com/wp-content/uploads/2026/09/tecnico_aire.png');
background-size: cover;
/* Mantiene visibles técnico + split */
background-position: center 22%;
background-repeat: no-repeat;
overflow: hidden;
box-sizing: border-box;
}
/* CAPA OSCURA */
.ig-hero-overlay {
position: absolute;
inset: 0;
z-index: 1;
background: rgba(0,0,0,0.50);
}
/* CONTENIDO CENTRAL */
.ig-hero-inner {
position: relative;
z-index: 2;
width: 100%;
max-width: 1320px;
margin: 0 auto;
padding: 0 60px;
box-sizing: border-box;
}
/* COLUMNA TEXTO */
.ig-hero-content {
width: 100%;
max-width: 650px;
margin: 0;
padding: 80px 0;
box-sizing: border-box;
text-align: left;
color: #ffffff;
}
/* TEXTO VERDE */
.ig-hero-kicker {
margin: 0 0 24px;
font-size: 21px;
line-height: 1.25;
font-weight: 700;
color: #8bcf27;
}
/* H1 */
.ig-hero-air h1 {
margin: 0;
max-width: 650px;
font-size: 60px;
line-height: 1.08;
font-weight: 700;
letter-spacing: -1.4px;
color: #ffffff;
}
/* LÍNEA */
.ig-hero-divider {
position: relative;
width: 100%;
max-width: 650px;
height: 1px;
margin: 30px 0 24px;
background: rgba(255,255,255,0.28);
}
.ig-hero-divider span {
position: absolute;
top: 0;
left: 0;
width: 140px;
height: 2px;
background: #8bcf27;
}
/* DESCRIPCIÓN */
.ig-hero-description {
max-width: 650px;
margin: 0 0 30px;
font-size: 18px;
line-height: 1.55;
color: #ffffff;
}
/* BOTONES */
.ig-hero-buttons {
display: flex;
align-items: center;
gap: 16px;
flex-wrap: wrap;
}
.ig-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 215px;
padding: 16px 24px;
box-sizing: border-box;
font-size: 16px;
line-height: 1;
font-weight: 700;
text-decoration: none;
transition: all .25s ease;
}
.ig-btn-primary {
background: #8bcf27;
border: 2px solid #8bcf27;
color: #ffffff;
}
.ig-btn-primary:hover {
background: #74b51c;
border-color: #74b51c;
color: #ffffff;
}
.ig-btn-secondary {
background: transparent;
border: 2px solid rgba(255,255,255,.85);
color: #ffffff;
}
.ig-btn-secondary:hover {
background: #ffffff;
color: #222222;
}
/* =========================
TABLET
========================= */
@media (max-width: 1024px) {
.ig-hero-air {
min-height: 580px;
background-position: 68% 20%;
}
.ig-hero-inner {
padding: 0 32px;
}
.ig-hero-content {
max-width: 560px;
padding: 70px 0;
}
.ig-hero-air h1 {
font-size: 50px;
}
}
/* =========================
MÓVIL
========================= */
@media (max-width: 767px) {
.ig-hero-air {
min-height: 560px;
background-position: 72% 18%;
}
.ig-hero-overlay {
background: rgba(0,0,0,.60);
}
.ig-hero-inner {
padding: 0 22px;
}
.ig-hero-content {
max-width: 100%;
padding: 55px 0;
}
.ig-hero-kicker {
margin-bottom: 18px;
font-size: 17px;
}
.ig-hero-air h1 {
max-width: 100%;
font-size: 39px;
line-height: 1.10;
letter-spacing: -.7px;
}
.ig-hero-divider {
margin: 24px 0 20px;
}
.ig-hero-divider span {
width: 110px;
}
.ig-hero-description {
font-size: 16px;
line-height: 1.5;
}
.ig-hero-buttons {
gap: 12px;
}
.ig-btn {
width: 100%;
min-width: 0;
}
}
(function () {
const hero = document.querySelector('.ig-hero-air');
if (!hero) return;
let parent = hero.parentElement;
while (parent && parent !== document.body) {
parent.style.setProperty(
'max-width',
'none',
'important'
);
parent.style.setProperty(
'width',
'100%',
'important'
);
parent.style.setProperty(
'flex-basis',
'100%',
'important'
);
parent.style.setProperty(
'margin-left',
'0',
'important'
);
parent.style.setProperty(
'margin-right',
'0',
'important'
);
parent.style.setProperty(
'padding-left',
'0',
'important'
);
parent.style.setProperty(
'padding-right',
'0',
'important'
);
/*
* Elimina el hueco que Coviant añade
* antes del contenido de páginas interiores.
*/
parent.style.setProperty(
'padding-top',
'0',
'important'
);
parent.style.setProperty(
'margin-top',
'0',
'important'
);
parent.style.setProperty(
'overflow',
'visible',
'important'
);
/*
* Variables utilizadas por Elementor
*/
parent.style.setProperty(
'--container-max-width',
'100%',
'important'
);
parent.style.setProperty(
'--content-width',
'100%',
'important'
);
parent.style.setProperty(
'--width',
'100%',
'important'
);
parent = parent.parentElement;
}
})();