/* ---------------------------------- */
/* 3. MENU DE NAVEGAÇÃO (NAV) - AJUSTADO */
/* ---------------------------------- */



header { 
    text-align: center;
    
}

body{
    background-color: rgb(63, 149, 247);
}

/* Navbar container */
nav {
    background-color: #333;
    text-align: center;
}

nav li {
    display: inline-block;
    position: relative; /* Mantém o dropdown alinhado ao li */
}

nav li a {
    display: inline-block;
    color: white;
    text-decoration: none;
    padding: 15px;
}

nav li a:hover {
    background-color: red;
}

/* Menu Dropdown Principal (Serviços) */
.dropdown-menu {
    position: absolute;
    background-color: #fff; /* Fundo branco para os itens internos */
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    display: none;
    min-width: 180px;
    z-index: 10;
    text-align: left;
}

.dropdown-menu a {
    display: block;
    color: black;
    padding: 10px 15px;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

/* --- LOGICA DO SUBMENU (Aplicativos) --- */

.submenu-container {
    position: relative; /* Referência para o submenu lateral */
}

.submenu-content {
    display: none;
    position: absolute;
    left: 100%; /* Faz o menu aparecer exatamente ao lado */
    top: 0;
    background-color: #45a1f7; /* Cor levemente diferente para destacar */
    min-width: 160px;
    box-shadow: 2px 0 5px rgba(0,0,0,0.2);
}

/* Mostra o submenu ao passar o mouse no container do "Aplicativos" */
.submenu-container:hover .submenu-content {
    display: block;
}

/* Hover específico para os links dentro dos menus brancos */
.dropdown-menu a:hover {
    background-color: #f1f1f1;
    color: rgb(75, 188, 233);
}

section{
    text-align: center;
}

.servico1 {
    text-align: center;
}

.servico2 {
    text-align: center;
}

.servico3 {
    text-align: center;
}