/* RESET IMPORTANTE */
body {
margin: 0;
}
/* NAVBAR */
.termair-navbar {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #063f5c;
z-index: 99999;
height: 90px;
display: flex;
align-items: center;
}
/* CONTENEDOR */
.nav-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
/* LOGO */
.nav-logo {
display: flex;
align-items: center;
}
.nav-logo img {
height: 42px;
display: block;
}
/* MENU */
.nav-menu {
display: flex;
align-items: center;
gap: 25px;
}
.nav-menu a,
.nav-dropdown span {
color: #9fe7f5;
text-decoration: none;
font-size: 0.9rem;
text-transform: uppercase;
letter-spacing: 1px;
cursor: pointer;
transition: 0.3s;
line-height: 1; /* 👈 CLAVE */
}
.nav-menu a:hover,
.nav-dropdown span:hover {
color: #ffa900;
}
/* DROPDOWN */
.nav-dropdown {
position: relative;
}
.dropdown-menu {
position: absolute;
top: 55px;
left: 0;
background: #063f5c;
border-radius: 6px;
padding: 10px 0;
min-width: 240px;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: 0.3s;
}
.dropdown-menu a {
display: block;
padding: 10px 20px;
font-size: 0.85rem;
color: #9fe7f5;
}
.dropdown-menu a:hover {
background: rgba(255,255,255,0.05);
color: #ffa900;
}
/* HOVER DESKTOP */
@media (min-width: 769px) {
.nav-dropdown:hover .dropdown-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
}
/* HAMBURGUESA */
.nav-toggle {
display: none;
font-size: 24px;
color: white;
cursor: pointer;
}
/* MOBILE */
@media (max-width: 768px) {
.nav-toggle {
display: block;
}
.nav-menu {
position: absolute;
top: 90px;
left: 0;
width: 100%;
background: #063f5c;
flex-direction: column;
align-items: center;
gap: 10px;
padding: 20px;
display: none;
}
.nav-menu.active {
display: flex;
}
.nav-menu a,
.nav-dropdown span {
width: 100%;
text-align: center;
padding: 10px 0;
}
.nav-dropdown {
width: 100%;
}
.dropdown-menu {
position: static;
opacity: 0;
visibility: hidden;
max-height: 0;
overflow: hidden;
transition: all 0.3s ease;
}
.nav-dropdown.active .dropdown-menu {
opacity: 1;
visibility: visible;
max-height: 500px;
}
}
/* 🔥 FIX REAL PARA ELEMENTOR */
.elementor-section,
.elementor-container,
.elementor-widget-wrap {
margin-top: 0 !important;
padding-top: 0 !important;
}
/* SEPARACIÓN REAL DEL CONTENIDO */
body {
padding-top: 90px; /* 👈 ESTE ES EL FIX DEFINITIVO */
}
function toggleMenu() {
document.getElementById("navMenu").classList.toggle("active");
}
function toggleDropdown() {
document.getElementById("dropdownObras").classList.toggle("active");
}
/* Contenedor Principal */
.galeria-termair {
font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
padding: 40px 20px;
background-color: #f9f9f9;
}
.galeria-titulo {
text-align: center;
color: #063f5c;
font-size: 2.5rem;
margin-bottom: 10px;
text-transform: uppercase;
font-weight: 800;
}
.galeria-subtitulo {
text-align: center;
color: #419ebd;
margin-bottom: 40px;
font-weight: 400;
letter-spacing: 1px;
}
.galeria-subtitulo::after {
content: '';
display: block;
width: 60px;
height: 4px;
background-color: #ffa900;
margin: 15px auto 0;
}
/* Grid Layout */
.grid-obras {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 25px;
max-width: 1200px;
margin: 0 auto;
}
/* Tarjetas de Obra */
.obra-card {
position: relative;
overflow: hidden;
border-radius: 12px;
box-shadow: 0 10px 20px rgba(0,0,0,0.1);
height: 250px;
background-color: #063f5c;
transition: transform 0.3s ease;
}
.obra-card:hover {
transform: translateY(-5px);
}
.obra-card img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease, opacity 0.3s ease;
}
.obra-card:hover img {
transform: scale(1.1);
opacity: 0.4;
}
/* Overlay de Texto */
.obra-info {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 20px;
background: linear-gradient(transparent, rgba(6, 63, 92, 0.9));
color: white;
transform: translateY(20px);
transition: transform 0.3s ease;
}
.obra-card:hover .obra-info {
transform: translateY(0);
}
.obra-nombre {
margin: 0;
font-size: 1.1rem;
font-weight: 600;
border-left: 3px solid #f27f0c;
padding-left: 10px;
}
.obra-categoria {
font-size: 0.8rem;
color: #9fe7f5;
text-transform: uppercase;
margin-top: 5px;
}
/* Responsive */
@media (max-width: 768px) {
.galeria-titulo { font-size: 1.8rem; }
.grid-obras { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); }
}
Obras
Bancos y Sanatorios
Hospital Finochietto
Sanatorio
Hospital Garrahan
Sanatorio
Hosp. Universitario Austral
Sanatorio
Hospital de Quemados
Sanatorio
Hospital Zubizarreta
Sanatorio
Obra Social Pasteleros
Sanatorio
Torre Macro
Banca
Banco Galicia
Banca
Banco Ciudad
Banca
Banco Nación Argentina
Banca
Banco Supervielle
Banca
Ex Banco Italia
Banca
.termair-footer {
background-color: #063f5c;
color: white;
padding: 25px 20px;
font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}
.footer-container {
max-width: 1200px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 20px;
}
/* IZQUIERDA */
.footer-brand {
font-weight: 700;
margin: 0;
}
.footer-copy {
font-size: 0.8rem;
color: #9fe7f5;
margin: 5px 0 0;
}
/* CENTRO */
.footer-center a {
color: #9fe7f5;
text-decoration: none;
margin: 0 10px;
font-size: 0.85rem;
transition: 0.3s;
}
.footer-center a:hover {
color: #ffa900;
}
/* DERECHA */
.footer-right {
display: flex;
gap: 15px;
}
.footer-icon {
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: rgba(255,255,255,0.1);
transition: 0.3s;
}
.footer-icon:hover {
background: #ffa900;
}
.footer-icon svg {
width: 18px;
height: 18px;
}
/* RESPONSIVE */
@media (max-width: 768px) {
.footer-container {
flex-direction: column;
text-align: center;
}
.footer-center {
order: 3;
}
}
/* Año automático */
document.getElementById("year").textContent = new Date().getFullYear();