body {
            font-family: Arial, sans-serif;
            margin: 10px;
            color: #333333;
            background-color: #ffffff;
            scroll-behavior: smooth;
            padding-top: 40px;
        }

        .titulo {
            color: #1d5e86;
            text-align: center;
            font-size: 40px;
            margin-bottom: 4px;
            margin-top: 10px;
        }

        hr {
            margin-top: 4px;
        }

        h4 {
            margin-bottom: 4px;
        }

        h3 {
            color: #1d5e86;
            font-size: 20px;
            margin-bottom: 5px;
            border-bottom: 1px solid #ccc;
            padding-bottom: 4px;
        }

        p {
            margin-top: 10px;
            margin-bottom: 10px;
            line-height: 1.5;
            text-align: justify;
        }

        .int p {
            text-align: center;
        }

        .ital {
            font-family: Arial, sans-serif;
            font-style: italic;
        }

        .botao {
            display: flex;
            justify-content: flex-end;
            padding: 10px 10px;
            margin-bottom: 10px;
            gap: 10px;
        }

        body.darkmode {
            background-color: #121212;
        }

        body.darkmode h1,
        body.darkmode h2,
        body.darkmode h3,
        body.darkmode h4,
        body.darkmode p {
            color: #f1f1f1;
        }

        body.darkmode #menu-fixo {
            background-color: #121212;
            border-bottom: 1px solid #444;
        }
        
        body.darkmode #menu-fixo a {
            color: #f1f1f1;
        }
        
        body.darkmode #menu-fixo a:hover {
            color: #90caf9;
        }

        #menu-fixo {
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            background-color: #ffffff;
            border-bottom: 1px solid #ccc;
            padding: 10px 0;
            display: flex;
            justify-content: center;
            gap: 20px;
            z-index: 1000;
        }

        #menu-fixo a:hover {
            color: #0077cc;
        }

        #inicio {
            height: 70px;
            margin-top: -70px;
        }

        
        @media (max-width: 600px) {
          #menu-fixo {
            display: block;      
            overflow-x: auto;      
            -webkit-overflow-scrolling: touch;
            white-space: nowrap;    
            padding: 8px 0;    
          }
        } 
        
          #menu-fixo a {
            display: inline-block;
            padding: 8px 12px;
            margin: 0 16px 0 4px;
            white-space: normal; 
            flex: 0 0 auto;
            color: #333;
            text-decoration: none;
            transition: color 0.3s;
            font-weight: bold;    
          }

          #menu-fixo::-webkit-scrollbar {
            height: 6px;
          }
          #menu-fixo::-webkit-scrollbar-thumb {
            background: #ccc;
            border-radius: 3px;
          }

        :root {
          --modal-bg:        #ffffff;
          --modal-text:      #000000;
          --modal-btn-bg:    #28a745;
          --modal-btn-text:  #ffffff;
        }

        .modal {
          display: none;
          position: fixed;
          inset: 0;          
          background: rgba(0,0,0,0.5);
          justify-content: center;
          align-items: center;
          z-index: 10000;
        }

        .modal-content {
          background: var(--modal-bg);
          color: var(--modal-text);
          padding: 20px;
          margin: 0 20px;
          border-radius: 8px;
          max-width: 90%;
          text-align: center;
        }

        .modal-content p {
          margin-bottom: 20px;
          color: var(--modal-text);
        }

        .modal-content button {
          padding: 8px 16px;
          font-size: 14px;
          border: none;
          border-radius: 4px;
          cursor: pointer;
          background: var(--modal-btn-bg);
          color: var(--modal-btn-text);
        }

        body.darkmode .modal-content {
          background: var(--modal-bg) !important;
        }

        body.darkmode .modal-content p {
          color: var(--modal-text) !important;
        }

        body.darkmode .modal-content button {
          background: var(--modal-btn-bg) !important;
          color: var(--modal-btn-text) !important;
        }

        h3 {
          page-break-after: avoid;
          break-after: avoid-page;
        }

        h3 + p,
        h3 + ul,
        h3 + ol {
          page-break-before: avoid;
          break-before: avoid-page;
        }

        ul, ol {
          page-break-inside: auto;
          break-inside: auto;
        }

        li, p {
          page-break-inside: avoid;
          break-inside: avoid;
        }
        #curriculo {
          max-width: 900px;
          margin: 0 auto;
          padding: 20px;
        }

        [id]::before {
        content: "";
        display: block;
        height: 56px;
        margin-top: -56px;
        visibility: hidden;
      }
      
      .emp_ital {
        font-weight: normal;
        font-style: italic;
        margin-bottom: -15px;
        text-decoration: underline;
      }