/* 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

Hospital Finochietto

Sanatorio

Hospital Garrahan

Hospital Garrahan

Sanatorio

Hospital Austral

Hosp. Universitario Austral

Sanatorio

Hospital de Quemados

Hospital de Quemados

Sanatorio

Hospital Zubizarreta

Hospital Zubizarreta

Sanatorio

Obra Social Pasteleros

Obra Social Pasteleros

Sanatorio

Torre Macro

Torre Macro

Banca

Banco Galicia

Banco Galicia

Banca

Banco Ciudad

Banco Ciudad

Banca

Banco Nación

Banco Nación Argentina

Banca

Banco Supervielle

Banco Supervielle

Banca

Ex Banco Italia

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();