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

Aduana - AFIP

Gubernamental

Ministerio de Economía

Ministerio de Economía

Gubernamental

Ministerio de Educación

Ministerio de Educación

Gubernamental

Ministerio de Relaciones Exteriores

Min. de Relaciones Exteriores

Gubernamental

Palacio San Martin

Palacio San Martín

Patrimonio

SBASE Subte

Red de Subterráneos

Infraestructura

UNASUR

Edificio UNASUR

Gubernamental

Casa de Gobierno

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