/* === NAVEGACIÓN PARA FORMULARIOS DE PROPIEDADES === */ /* Archivo CSS común para todos los formularios de propiedades */ /* Ocultar navbar principal solo cuando se active explícitamente en */ html.form-navigation-hide-navbar .navbar, html.form-navigation-hide-navbar nav.navbar { display: none !important; } /* Barra de navegación sticky */ .top-navigation-bar { position: sticky !important; position: -webkit-sticky !important; top: 0 !important; z-index: 1050 !important; background: var(--tema-fondo-panel) !important; border-bottom: 1px solid var(--tema-borde-color) !important; box-shadow: var(--tema-sombra-suave) !important; margin-bottom: 1rem !important; padding: 0.75rem 1rem !important; transition: var(--tema-transicion-rapida) !important; border-radius: var(--tema-borde-radio-mediano) !important; } /* Todas las pantallas: cards dentro de la misma columna unidas sin espacio */ .row-layout-principal [class*="col"] > .premium-card { margin-bottom: 0 !important; border-radius: 0 !important; border-bottom: 1px solid var(--tema-borde-color) !important; } .row-layout-principal [class*="col"] > .premium-card:last-child { border-bottom: none !important; } /* Mobile: columnas apiladas sin gutter (lista única continua) */ @media (max-width: 991.98px) { .row-layout-principal { --bs-gutter-x: 0 !important; --bs-gutter-y: 0 !important; } /* Columna 1: borde inferior para separar de columna 2 */ .row-layout-principal > [class*="col"]:first-child > .premium-card:last-child { border-bottom: 2px solid var(--tema-borde-color) !important; } } /* Ajustar padding del contenido principal */ .property-view-container { padding-top: 0 !important; } /* Efectos hover para la barra sticky */ .top-navigation-bar:hover { background: var(--tema-fondo-tarjeta) !important; box-shadow: var(--tema-sombra-media) !important; } /* Botón de acción principal (Publicar) - posición del usuario */ .btn-nav-publish { background: var(--tema-gradiente-primario) !important; color: var(--tema-texto-claro) !important; border-color: transparent !important; font-weight: 700 !important; } .btn-nav-publish:hover { opacity: 0.88 !important; transform: translateY(-2px) !important; box-shadow: var(--tema-sombra-media) !important; color: var(--tema-texto-claro) !important; } /* Responsive para móviles */ @media (max-width: 768px) { .top-navigation-bar { padding: 0.5rem 0 !important; } .btn-nav { font-size: 0.85rem !important; padding: 0.4rem 0.6rem !important; } }