/* 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");
}
/* Manteniendo el diseño original de Termair */
.galeria-termair-gov {
font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
padding: 40px 20px;
background-color: #f9f9f9;
}
.galeria-titulo-gov {
text-align: center;
color: #063f5c;
font-size: 2.5rem;
margin-bottom: 10px;
text-transform: uppercase;
font-weight: 800;
}
.galeria-subtitulo-gov {
text-align: center;
color: #419ebd;
margin-bottom: 40px;
font-weight: 400;
letter-spacing: 1px;
}
.galeria-subtitulo-gov::after {
content: '';
display: block;
width: 60px;
height: 4px;
background-color: #ffa900;
margin: 15px auto 0;
}
/* Grid Layout - Idéntico al anterior */
.grid-obras-gov {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 25px;
max-width: 1200px;
margin: 0 auto;
}
/* Tarjetas - Idénticas al diseño original */
.obra-card-gov {
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-gov:hover {
transform: translateY(-5px);
}
.obra-card-gov img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease, opacity 0.3s ease;
}
.obra-card-gov:hover img {
transform: scale(1.1);
opacity: 0.4;
}
/* Overlay de Texto - Idéntico al diseño original */
.obra-info-gov {
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-gov:hover .obra-info-gov {
transform: translateY(0);
}
.obra-nombre-gov {
margin: 0;
font-size: 1.1rem;
font-weight: 600;
border-left: 3px solid #f27f0c;
padding-left: 10px;
}
.obra-categoria-gov {
font-size: 0.8rem;
color: #9fe7f5;
text-transform: uppercase;
margin-top: 5px;
}
/* Responsive */
@media (max-width: 768px) {
.galeria-titulo-gov { font-size: 1.8rem; }
.grid-obras-gov { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); }
}
Obras
Edificios Gubernamentales e Infraestructura
Aduana - AFIP
Gubernamental
Ministerio de Economía
Gubernamental
Ministerio de Educación
Gubernamental
Min. de Relaciones Exteriores
Gubernamental
Palacio San Martín
Patrimonio
Red de Subterráneos
Infraestructura
Edificio UNASUR
Gubernamental
Casa de Gobierno
Nacional
.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();