/* 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 Corporativo */ .galeria-termair-corp { font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; padding: 40px 20px; background-color: #f9f9f9; } .galeria-titulo-corp { text-align: center; color: #063f5c; font-size: 2.5rem; margin-bottom: 10px; text-transform: uppercase; font-weight: 800; } .galeria-subtitulo-corp { text-align: center; color: #419ebd; margin-bottom: 40px; font-weight: 400; letter-spacing: 1px; } .galeria-subtitulo-corp::after { content: ''; display: block; width: 60px; height: 4px; background-color: #ffa900; margin: 15px auto 0; } /* Grid Layout */ .grid-obras-corp { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; max-width: 1200px; margin: 0 auto; } /* Tarjetas Corporativas */ .obra-card-corp { position: relative; overflow: hidden; border-radius: 8px; /* Un poco más sobrio para oficinas */ box-shadow: 0 8px 15px rgba(0,0,0,0.08); height: 260px; background-color: #063f5c; transition: all 0.3s ease; } .obra-card-corp:hover { transform: translateY(-8px); box-shadow: 0 12px 25px rgba(0,0,0,0.15); } .obra-card-corp img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .obra-card-corp:hover img { transform: scale(1.08); opacity: 0.35; } /* Info Overlay */ .obra-info-corp { position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px; background: linear-gradient(transparent, rgba(6, 63, 92, 0.95)); color: white; transform: translateY(10px); opacity: 0; transition: all 0.3s ease; } .obra-card-corp:hover .obra-info-corp { transform: translateY(0); opacity: 1; } .obra-nombre-corp { margin: 0; font-size: 1.15rem; font-weight: 700; border-left: 4px solid #f27f0c; padding-left: 12px; line-height: 1.2; } .obra-categoria-corp { font-size: 0.75rem; color: #9fe7f5; text-transform: uppercase; margin-top: 6px; letter-spacing: 1.5px; } /* Ajustes Mobile */ @media (max-width: 768px) { .galeria-titulo-corp { font-size: 1.8rem; } .grid-obras-corp { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); } .obra-info-corp { opacity: 1; transform: translateY(0); } /* En móvil siempre visible */ }

Obras

Edificios Corporativos y Oficinas

Caja de Valores

Caja de Valores

Corporativo

Embajada de Australia

Embajada de Australia

Institucional

Gendarmería Nacional

Gendarmería Nacional

Gubernamental

Loma Negra

Loma Negra

Oficinas Centrales

Red Link

Red Link

Tecnología

Telecom

Telecom

Comunicaciones

YPF GAS

YPF GAS

Corporativo

YPF

YPF Sedes

Energía

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