*{
    font-family:   -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    /* background-color: #1A1A1A; */
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 0px;
}
.whatsapp {
    display: flex ;
    flex-direction: row;
    align-items: center;
    min-width: 1024px;
    border-radius: 6px;
 
    background-color: #fff;
    justify-content: center;
    margin-top: 18px;
    margin-bottom: 32px;
}

.iconeMenu{
    margin-left: 6px;
}
.emailEnd{
    margin-left: 6px;
}

.email {
    display: flex;
    align-items: center;
     margin-top: 32px;
    min-width: 1024px;
    border-radius: 6px;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: #fff;
    justify-content: center;
}

h2.ModeloUmTituloUm.contatoTitulo {
    padding-top: 16px;
}

a.whatsappLink {
    color: #000000;
}
.imagem{
    width: 40px;
}
 

 
ul.navItems {
    display: flex;
    justify-content: center;
    background-color: #000000;

}
li.navItem {
    margin: 10px;
    background-color: #000000;
}

a {
    text-decoration: none;  /* Remove o sublinhado */
    color: white;
    /* background-color: #000000; */
}

a:hover{
    color: #17BFED;
}
ul {
    list-style-type: none;  /* Remove as bolinhas da lista */
    padding-left: 0;        /* Remove o recuo à esquerda */
}
nav{
    background-color: #000000;
}

.text{
    color: #fff;
}
 

.div-menu {
    display: flex
;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    background-color: #000000;
}

.empresaName{
    display: flex;
    align-items: baseline;
    font-size: 12px;
    margin-right: 16px !important;
    background-color: #000000;
}
h2.sitename{
    background-color: #000000;
}
span {
    /* font-size: 32px; */
    /* background-color: #000000; */
}


.containerModeloUM{
    background-image: url(/Modelo1/Modelo1.png);
}
.bannerModeloUm {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.containerDados {
    display: flex ;
    margin-left: 13%;
    margin-right: 13%;
    flex-direction: column;
    margin-top: 32px;
}

.ModeloUmTituloUm{
    font-size: xxx-large;
    text-align: center;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    margin-top: 82px;
    margin-bottom: 24px;
}
 
.ModeloUmCard {
    display: flex
;
    flex-direction: column;
    align-content: center;
    align-items: center;
    margin: 10px;
    padding: 0% 6% 0 0;
    /* text-align: center; */
    text-align: justify;
    justify-content: space-between;
    margin-bottom: 32px;
}
#ModeloUmTituloCard {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 1.5rem;
}

div#ModeloUmTextoCard {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
   
}

.imagemModeloUmCard{
height: 5%;
width: 5%;
}

footer {
    width: 100%;
    color: var(--color-neutral-40);
}

.footer-link {
    text-decoration: none;
}

#footer_content {
    background-color: var(--color-neutral-10);
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 3rem 3.5rem;
}

#footer_contacts h1 {
    margin-bottom: 0.75rem;
}

#footer_social_media {
    display: flex;
    gap: 2rem;
    margin-top: 1.5rem;
} 

#footer_social_media .footer-link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.5rem;
    width: 2.5rem;
    color: var(--color-neutral-40);
    border-radius: 50%;
    transition: all 0.4s;
}

#footer_social_media .footer-link i {
    font-size: 1.25rem;    
}

#footer_social_media .footer-link:hover {
    opacity: 0.5;
}

#instagram {
    /* background: linear-gradient(#7f37c9, #ff2992, #ff9807); */
    background-color: var(--color-neutral-10); 
}

#facebook {
    background-color: var(--color-neutral-10);
}

#whatsapp {
    background-color: var(--color-neutral-10);
}

.footer-list {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    list-style: none;
}

.footer-list .footer-link {
    color: var(--color-neutral-30);
    transition: all 0.4s;
}

.footer-list .footer-link:hover {
    color: var(--color-neutral-40);
}

#footer_subscribe {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

#footer_subscribe p {
    color: var(--color-neutral-30);
}

#input_group {
    display: flex;
    align-items: center;
    background-color: var(--color-neutral-0);
    border-radius: 4px;
}

#input_group input {
    all: unset;
    padding: 0.75rem;
    width: 100%;
}

#input_group button {
    background-color:var(--color-neutral-0);
    border: none;
    color: var(--color-neutral-40);
    padding: 0px 1.25rem;
    font-size: 1.125rem;
    height: 100%;
    border-radius: 0px 4px 4px 0px;
    cursor: pointer;
    transition: all 0.4s;
}

#input_group button:hover {
    opacity: 0.8;
}

#footer_copyright {
    display: flex;
    justify-content: center;
    background-color: var(--color-neutral-0);
    font-size: 0.9rem;
    padding: 1.5rem;
    font-weight: 100;
}
@media screen and (max-width: 1230px) and (min-width: 768px) {
    .email {
        max-width:  768px;
        min-width:756px;
    }

    .whatsapp{
        max-width:  768px;
        min-width:756px;
    }
  }

  @media screen and (max-width: 768px) and (min-width: 468px) {
    .email {
        max-width:  468px;
        min-width:456px;
    }

    .whatsapp{
        max-width:  468px;
        min-width:456px;
    }
  }
  @media screen and (max-width: 468px) and (min-width: 268px) {
    .email {
        max-width:  368px;
        min-width:356px;
    }

    .whatsapp{
        max-width:  368px;
        min-width:356px;
    }
  }

@media screen and (max-width: 768px) {
    #footer_content {
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
    }
}

@media screen and (max-width: 426px) {
    #footer_content {
        grid-template-columns: repeat(1, 1fr);
        padding: 3rem 2rem;
    }
}
:root {
    --color-neutral-0: #0e0c0c;
    --color-neutral-10: #171717;
    --color-neutral-30: #a8a29e;
    --color-neutral-40: #f5f5f5;

}

.texto {
    display: flex;
    justify-content: center;
    /* padding: 0% 12% 0% 15%; */
    margin-left: 13%;
    margin-right: 13%;
}
.listService .li{
    list-style-type: circle !important;

}
.containerService{
    display: flex;
    justify-content: flex-start;
    margin-left: 13%;
    margin-right: 13%;
}
ul.listService {
    list-style: inside;
   
}
ul.listService li::marker {
    color:#17BFED; /* Altera a cor do círculo para vermelho */
  }

  div#contato {
    display: flex ;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding-top: 32px;
    background-color:#17BFED;
    margin-top: 28px;
}

h2.contatoTitulo {
    font-size: 42px;
    color: #ffff;
    font-family:   -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}