/* ===== CABEÇALHO ===== */
 .header {
   background-color: #ffffff;
   border-bottom: 1px solid #e9ecef;
   padding: 0;
 }

 .header__inner {
   max-width: 1200px;
   margin: 0 auto;
   padding: 0 20px;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }

 .header__logo {
   font-size: 22px;
   font-weight: 800;
   color: #1a1a1a;
   margin: 0;
   line-height: 1.2;
 }

 .header__logo a {
   text-decoration: none;
   color: inherit;
 }

 .header__logo a img {

   width: 250px;

 }

 .header__nav a {
   color: #555;
   text-decoration: none;
   font-size: 15px;
   margin-left: 24px;
   transition: color 0.2s ease;
 }

 .header__nav a:hover {
   color: #FC6D0B;
 }

 /* ===== RODAPÉ ===== */
 .footer {
   background-color: #1a1a1a;
   color: #bbb;
   padding: 32px 0;
   margin-top: auto;
 }

 .footer__inner {
   max-width: 1200px;
   margin: 0 auto;
   padding: 0 20px;
   text-align: center;
 }

 .footer__links {
   margin-bottom: 12px;
 }

 .footer__links a {
   color: #ddd;
   text-decoration: none;
   font-size: 14px;
   margin: 0 16px;
   transition: color 0.2s ease;
 }

 .footer__links a:hover {
   color: #FC6D0B;
 }

 .footer__copyright {
   font-size: 13px;
   color: #888;
 }

 /* ===== RESPONSIVIDADE ===== */
 
@media (max-width: 768px) {   

   .header__inner {
     flex-direction: column;
     gap: 12px;
   }

   .header__nav a {
     margin: 0 12px;
   }
 }