Aerotermia con instalación profesional
Confort todo el año con un sistema más eficiente
Climatiza tu vivienda con un único sistema eficiente para calefacción,
refrigeración y agua caliente. Te asesoramos, instalamos tu equipo
y te ofrecemos opciones de financiación.
/* =========================
HERO AEROTERMIA
========================= */
.ig-hero-aerotermia {
position: relative;
width: 100%;
max-width: none;
min-height: 640px;
margin: 0;
padding: 0;
display: flex;
align-items: center;
background-image: url('http://instalacionsgalvez.com/wp-content/uploads/2026/09/aerotermia.png');
background-size: cover;
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);
}
/* CONTENEDOR CENTRAL */
.ig-hero-inner {
position: relative;
z-index: 2;
width: 100%;
max-width: 1320px;
margin: 0 auto;
padding: 0 60px;
box-sizing: border-box;
}
/* BLOQUE DE 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;
}
/* TITULO */
.ig-hero-aerotermia h1 {
margin: 0;
max-width: 650px;
font-size: 60px;
line-height: 1.08;
font-weight: 700;
letter-spacing: -1.4px;
color: #ffffff;
}
/* LINEA */
.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;
}
/* DESCRIPCION */
.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-aerotermia {
min-height: 580px;
background-position: 68% 20%;
}
.ig-hero-inner {
padding: 0 32px;
}
.ig-hero-content {
max-width: 560px;
padding: 70px 0;
}
.ig-hero-aerotermia h1 {
max-width: 560px;
font-size: 50px;
}
}
/* =========================
MOVIL
========================= */
@media (max-width: 767px) {
.ig-hero-aerotermia {
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-aerotermia 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 {
max-width: 100%;
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-aerotermia');
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('margin-top', '0', 'important');
parent.style.setProperty('padding-left', '0', 'important');
parent.style.setProperty('padding-right', '0', 'important');
parent.style.setProperty('padding-top', '0', 'important');
parent.style.setProperty('overflow', 'visible', 'important');
parent.style.setProperty('--container-max-width', '100%', 'important');
parent.style.setProperty('--content-width', '100%', 'important');
parent.style.setProperty('--width', '100%', 'important');
parent = parent.parentElement;
}
})();
