/* Dispositivos móveis (celulares) */
@media (min-width: 320px) and (max-width: 480px) {
    body {
        overflow-x: hidden;
    }
    .bnt-confira-tudo {
        padding: 0.5em 2em;
        font-size: 0.9rem;
    }
    .titulo-geral {
        font-size: 2.2rem;
    }
    .texto-esquerda-1 h1 {
        font-size: 1.75rem;
    }
    .corrige-media h1 {
        font-size: 1.6rem;
    }
    .box-completo-azul img {
        max-width: 80%;
        margin-top: 5%;
        margin-bottom: 1%;
    }
    .text-content-1 h1 {
        text-align: center;
        margin-left: 0%;
        margin-right: 0%;
        font-size: 2rem;
    }
    .text-content-1 p {
        text-align: center;
        margin: 0;
        max-width: 100%;
    }
    .text-content-2 p {
        font-size: 1.2rem;
        text-align: justify;
        margin: 0 0 20px 0;
        max-width: 100%;
        margin-top: -3%;
    }
    .texto-box-azul h1 {
        text-align: center;
        max-width: 100%;
        margin-left: 0%;
    }
    .texto-box-azul p {
        text-align: center;
        max-width: 90%;
        margin-left: 0%;
    }
    .box-mapa {
        margin-bottom: 250%;
    }
    .card-container {
        position: absolute;
        top: 10%;
        /* Ajuste conforme necessário */
        left: 70%;
        transform: translateX(-50%);
        width: 200px;
        height: 1100px;
        /* Aumente a altura para acomodar os novos cards */
        margin-left: -12%;
        margin-bottom: 85%;
    }
    .img-remover {
        display: none;
    }
    .title-sggnet-2 .text-sggnet-2::before {
        left: -3%;
    }
    .title-sggnet-2 .text-sggnet-2::after {
        right: -3%;
    }
    .texto-box-azul-1 h1 {
        text-align: center;
        margin-left: 10%;
    }
    .pgr-imagem-texto p {
        text-align: justify;
        max-width: 92%;
        font-size: 1.2rem;
        margin-left: 4%;
    }
    .pgr-imagem-texto h1 {
        text-align: center;
        font-size: 4rem;
        max-width: 92%;
        margin-left: 4%;
    }
    .responsive-box-pgr img {
        display: none;
    }
    .col-md-3 {
        min-width: 45%;
        margin: 4%;
    }
    .seguranca-texto-pgr img {
        max-width: 100%;
    }
    .texto-sobre-imagem-pgr h5 {
        margin-left: -5%;
        font-size: 0.7rem;
        top: 22%;
    }
    .texto-sobre-imagem-pgr p {
        margin-left: -5%;
        font-size: 0.7rem;
        top: 50%;
    }
    .img-txt-cinza-pgr img {
        width: 75%;
        position: absolute;
        z-index: 1;
        margin-top: -95%;
        margin-left: 8%;
    }
    .texto-sobre-desktop p {
        max-width: 100%;
        font-size: 1rem;
        text-align: center;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 0;
    }
    .img-celular-txt-1 p {
        margin-top: 16%;
        margin-left: 1%;
        font-size: 0.8rem;
        max-width: 40%;
    }
    .img-celular-txt-1 h1 {
        margin-top: 12%;
        margin-left: 1%;
    }
    .img-celular img {
        max-width: 123%;
        margin-left: -10%;
    }
    .img-celular-txt-2 p {
        margin-top: -28%;
        margin-left: 1%;
        font-size: 0.8rem;
        max-width: 40%;
    }
    .img-celular-txt-2 h1 {
        margin-top: -33%;
        margin-left: 1%;
    }
    .img-celular-3 img {
        max-width: 120%;
        margin-left: -10%;
    }
    .img-celular-txt-5 h1 {
        margin-top: 14%;
        margin-left: 62%;
    }
    .img-celular-txt-5 p {
        margin-top: 18%;
        font-size: 0.8rem;
        max-width: 30%;
        margin-left: 62%;
    }
    .img-celular-txt-6 h1 {
        margin-top: -31%;
        margin-left: 62%;
    }
    .img-celular-txt-6 p {
        margin-top: -27%;
        margin-left: 62%;
        font-size: 0.8rem;
        max-width: 30%;
    }
    .img-celular-2 img {
        max-width: 120%;
        margin-left: -12%;
    }
    .img-celular-txt-4 p {
        margin-top: -28%;
        margin-left: 2%;
        font-size: 0.8rem;
        max-width: 30%;
    }
    .img-celular-txt-4 h1 {
        margin-top: -32%;
        margin-left: 2%;
    }
    .img-celular-txt-3 h1 {
        margin-left: 2%;
        margin-top: 13%;
    }
    .img-celular-txt-3 p {
        margin-top: 17%;
        margin-left: 2%;
        font-size: 0.8rem;
        max-width: 30%;
    }
    .fonte-grossa-portal {
        margin-bottom: 6%;
        font-weight: 800;
        font-size: 3rem;
        text-align: center;
        margin-left: 5%;
    }
    .iso-imagem-texto-pgr div {
        padding: 1rem;
    }
    .iso-imagem-texto-pgr p {
        max-width: 100%;
    }
    .iso-imagem-texto-seg img {
        max-width: 85%;
    }
    .iso-imagem-texto-seg p,
    .iso-imagem-texto-seg h3 {
        max-width: 100%;
    }
    .iso-imagem-texto-seg h1 {
        text-align: center;
    }
    .texto-iso-imagem img {
        max-width: 80%;
    }
    .texto-iso-imagem p {
        margin-left: 5%;
    }
    .formas-iso img {
        display: none;
    }
    .formas-iso 
    .iso-imagem-texto-seg h3 {
        font-size: 1rem;
        text-align: center;
        white-space: wrap;
        font-weight: 600;
    }
    .iso-imagem-texto-seg h1 {
        font-size: 1.8rem;
    }
    .imagem-pc-epi img {
        width: 140%;
        margin-left: -25%;
    }
    .imagem-biometria img {
        width: 140%;
        margin-left: -25%;
    }
    .texto-epi-direita h1 {
        font-size: 2rem;
    }
    .texto-epi-direita h2 {
        font-size: 2rem;
    }
    .img-tablet img {
        max-width: 100%;
        height: auto;
        margin-top: -8%;
        margin-bottom: -10%;
        margin-left: 0%;
    }
    .iso-imagem-texto p {
        max-width: 100%;
    }
    .iso-imagem-texto h1 {
        text-align: center;
    }
    .title-esocial-4 .text-esocial-4::before {
        display: none;
    }
    .title-esocial-4 .text-esocial-4::after {
        display: none;
    }
    .title-esocial .text-esocial::before {
        display: none;
    }
    .text-content p {
        max-width: 100%;
    }
    .text-content h1 {
        text-align: center;
        max-width: 100%;
    }
    .texto-esocial-sst-direita h1 {
        margin-left: 0.1%;
    }
    .small {
        font-size: 1.2rem;
        text-align: justify;
        margin-top: 0rem;
        margin-left: 0rem;
    }
    .texto-esocial-sst h1 {
        text-align: center;
    }
    .image-wrapper img {
        display: none
    }
    .seguranca-texto-epi img {
        max-width: 100%;
    }
    .iso-imagem-texto-pgr-1,
    .iso-imagem-texto-pgr-1 img,
    .iso-imagem-texto-pgr-2 img {
        position: inherit;
        width: 100%;
        margin-top: 0;
        margin-left: 0;
    }
    .txt-risco h1 {
        text-align: center;
        margin-left: 0;
        font-size: 1.5rem;
    }
    .txt-risco p {
        text-align: center;
        margin-left: 0;
    }
    .iso-imagem-texto-pgr-3 img {
        position: inherit;
        max-width: 100%;
        margin: 0;
    }
    .txt-pgr-3 p {
        max-width: 90%;
    }
    .social-footer {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    .flex-iten-news {
        justify-content: center;
    }
    .card-personalizado h5 {
        text-align: center;
    }
    .card-personalizado img {
        margin-left: 0;
        margin-bottom: 1rem;
    }
    .card-body {
        text-align: center;
    }
    .txt-info,
    .texto-documentos-legais h1 {
        text-align: center;
        margin-left: 0;
    }
    .news-futer {
        text-align: center;
    }
    .flex-iten-news {
        padding: .5rem 0;
    }
    .box-completo-azul p {
        margin: 0;
    }
    .img-desktop-generico img {
        display: none;
    }
    .box-border-seguranca p {
        font-size: 0.8rem;
        font-weight: 400;
        margin: 0;
        max-width: 100%;
    }
    .box-border-seguranca hr {
        margin: 1.5rem 0;
    }
    .titulo-exclusivo h1 {
        margin: 0;
    }
    .buscador-esocial-section 
    .buscador-esocial-section img {
        display: none;
    }
    .buscador-texto h1 {
        margin: 0;
    }
    .buscador-texto h2 {
        margin-bottom: 1rem;
    }
    .quadro-menor .quadro-menor .box-cinza-texto h1 {
        font-size: 400;
        justify-content: center;
        gap: .5rem;
        font-size: 2rem;
        margin: 0;
    }
    .quadro-menor .box-cinza-texto span {
        margin: 0;
        font-size: 2rem;
    }
    .quadro-menor .box-cinza-texto p {
        font-size: .9rem;
    }
    .quadro img {
        margin: 0;
    }
    .texto-triste h1 {
        margin: 0;
    }
    .texto-triste p {
        font-size: 1rem;
        font-weight: normal;
    }
    .texto-meio-buscador-1 h1 {
        margin-left: 3%;
        text-align: center;
        font-size: 3rem;
        font-weight: 800;
    }
    .texto-meio-buscador-1 p {
        margin-top: 1rem;
        margin-bottom: 1rem;
        font-weight: normal;
    }
    .col-md-12.text-center h3 {
        text-align: center;
    }
    .row.pad-1-buscador a {
        font-size: 1rem;
        margin: 0;
    }
    .square #box-agenda-medica,
    #box-controle-vacina {
        padding: 0;
    }
    #box-agenda-medica h1,
    #box-controle-vacina h1 {
        font-size: 1.1rem;
    }
    .painel-compartilhamento-img img {
        max-width: 100%;
        margin-left: 0;
    }
    .painel-compartilhamento-txt h1 {
        margin: 0;
        margin-bottom: 0px;
        margin-bottom: 1rem;
        text-align: center;
    }
    .painel-compartilhamento-txt hr {
        display: none;
    }
    .painel-compartilhamento-txt p {
        font-size: .9rem;
    }
    #blank-space-div {
        display: none;
    }
    #hr-dot {
        margin-top: 0;
        margin-bottom: 0;
    }
    #hr-dot div {
        margin-top: 0;
        margin-bottom: 0;
    }
    .img-celular-2,
    .img-celular-txt-1 h1,
    .img-celular-txt-3 h1,
    .img-celular-txt-4 h1,
    .img-celular-txt-5 h1,
    .img-celular-txt-6 h1 {
        position: inherit;
        margin: 0;
        margin-bottom: 1rem;
        text-align: center;
        max-width: 100%;
    }
    .img-celular-txt-1 p,
    .img-celular-txt-3 p,
    .img-celular-txt-4 p,
    .img-celular-txt-5 p,
    .img-celular-txt-6 p {
        position: inherit;
        font-size: 0.9rem;
        max-width: 100%;
        margin: 0;
        margin-bottom: 2.5rem;
    }
    .img-celular img,
    .img-celular-2 img,
    .img-celular-3 img {
        display: none;
    }
    .img-celular-txt-2 h1 {
        position: inherit;
        margin: 0;
        margin-bottom: 1rem;
        text-align: center;
        max-width: 100%;
    }
    .img-celular-txt-2 p {
        position: inherit;
        font-size: 0.9rem;
        max-width: 100%;
        margin: 0;
    }
    .texto-sobre-desktop h1 {
        font-size: 1.5rem;
    }
    .texto-sobre-desktop p {
        font-size: 0.8rem;
        font-weight: 400;
    }
    #seg-trab-img-inicial,
    #img-capacete {
        display: none;
    }
    .row .small {
        margin: 0 !important;
    }
    .tit-img-recusos img {
        max-width: 50%;
    }
    .carousel {
        margin-top: 25%;
    }
    .txt-img-orgaos-azul img,
    .txt-img-orgaos-azul-2 img,
    .txt-img-orgaos-1 img,
    .txt-img-orgaos-2 img {
        max-width: 95%;
    }
    .txt-img-orgaos-1,
    .txt-img-orgaos-2,
    .txt-orgaos-azul,
    .txt-orgaos-azul-2 {
        margin-bottom: 5%;
        margin-top: 5%;
    }
    .txt-img-orgaos-azul,
    .txt-img-orgaos-2 {
        flex-direction: column;
        margin-left: 0%;
    }
    .txt-img-orgaos-2 img {
        margin-right: 0%;
    }
    .txt-img-orgaos-azul-2,
    .txt-img-orgaos-1 {
        flex-direction: column-reverse;
        margin-left: 0%;
    }
    .clcc-1 {
        margin-top: 25%;
    }
    #tit-sobre {
        margin-bottom: 5%;
    }
    .texto-box-azul-1 p {
        max-width: 100%;
        text-align: justify;
        padding: 0 20px;
        /* para adicionar um pouco de espaço ao redor do texto */
    }
    .img-tablet-1 img {
        max-width: 100%;
        margin-top: 0%;
        margin-bottom: 2%;
    }
    .calendario-relogio img {
        margin-top: 10%;
        max-width: 60%;
        height: auto;
    }
    .img-ico {
        display: none;
    }
    .logo-sgg-net {
        max-width: 70%;
    }
    .title-contato .text-contato::before,
    .title-contato .text-contato::after {
        display: none;
    }
    .title-sobre p {
        display: none;
    }
    .btn-index-2,
    .styled-list-1 li {
        max-width: 90%;
        font-weight: 500;
        font-size: 1.2rem;
    }
    .tit-index h1 {
        font-size: 2rem;
        max-width: 90%;
        text-align: center;
        margin-left: 15%;
    }
    .linha-cinza-txt h2 {
        max-width: 100%;
        text-align: center;
    }
    .linha-cinza-dentro img {
        max-width: 90%;
    }
    .mapa-inicio-txt {
        flex-direction: column;
        align-items: center;
    }
    .mapa {
        margin-left: 0;
        margin-top: 10px;
        flex: none;
        width: 100%;
        max-width: 300px;
    }
    .mapa img {
        width: 100%;
        height: auto;
        max-width: 300px;
    }
    .styled-list-2 li {
        font-size: 1.2rem;
    }
    .d-block {
        min-height: 200px;
    }
    .mapa-inicio-txt {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }
    .mapa img {
        max-width: 80%;
    }
    .mapa {
        margin-left: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .carousel-img-clientes {
        min-width: 300px;
        width: 300px;
        object-fit: cover;
    }
    .card-esocial-3 {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .cruz-saber-mais img {
        max-width: 100%;
    }
    .texto-app {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        top: 8%;
        left: 10%;
        color: white;
        max-width: 80%;
        background-color: rgba(17, 17, 17, 0.795);
        padding: 20px;
    }
    .lojas-de-apps {
        position: absolute;
        top: 75%;
        left: 15%;
    }
    .texto-app-p {
        font-weight: 600;
        font-size: 1rem;
    }
    .fonte-grossa-portal {
        margin-bottom: 6%;
        font-size: 2rem;
    }
    .img-app-sgg {
        width: 100%;
        min-height: 600px;
        object-fit: cover;
        object-position: 50% 20%;
        overflow: hidden;
    }
    .video-square-2 img {
        max-width: 80%;
    }
    .apps-sgg-exames img {
        margin-top: 3%;
        max-width: 100%;
        margin-left: 0%;
        margin-bottom: 3%;
    }
    .apps-sgg-exames-cinza img {
        margin-top: 3%;
        max-width: 100%;
        margin-bottom: 3%;
    }
    .apps-sgg-exames-2 img {
        margin-top: 3%;
        max-width: 100%;
        margin-left: 0%;
        margin-bottom: 3%;
    }
    .text-overlay p {
        margin-left: 0%;
        max-width: 80%;
        text-align: justify;
        font-size: 1rem;
    }
}
/* iPads e tablets */
@media (min-width: 481px) and (max-width: 768px) {
    .slide {
        flex: 1 0 100%;
        /* Cada slide ocupa toda a largura em telas pequenas */
    }
    .prev,
    .box-completo-azul p {
        width: 90%;
        margin: 0;
    }
    .iso-imagem-texto-pgr-3 img {
        position: inherit;
        margin: 0;
    }
    .iso-imagem-texto-pgr-2 img {
        position: inherit;
        margin: 0;
    }
    .txt-risco p {
        margin-bottom: 1rem;
    }
    .txt-pgr-3 p {
        max-width: 90%;
        margin: 0 auto;
    }
    .fonte-grossa-1-esquerda,
    .bnt-confira-tudo {
        padding: 0.5em 4em;
        font-size: 1.2rem;
    }
    .texto-esquerda h3 {
        text-align: left;
    }
    .corrige-media h1 {
        font-size: 2.5rem;
    }
    /* .texto-direita h1,
    h3 {
        text-align: start;
        font-size: 1.8rem;
        margin-left: 0;
        padding: 0;
    } */
    .box-completo-azul img {
        max-width: 80%;
        margin-top: 5%;
        margin-bottom: 1%;
    }
    .text-content-1 h1 {
        text-align: center;
        margin-left: 0%;
        margin-right: 0%;
        font-size: 2rem;
    }
    .text-content-1 p {
        text-align: center;
        margin: 0;
        max-width: 100%;
    }
    .text-content-2 p {
        font-size: 1.2rem;
        text-align: justify;
        margin: 0 0 20px 0;
        max-width: 100%;
        margin-top: -3%;
    }
    .texto-box-azul h1 {
        text-align: center;
        max-width: 100%;
        margin-left: 0%;
    }
    .texto-box-azul p {
        text-align: center;
        max-width: 90%;
        margin-left: 0%;
    }
    .box-mapa {
        margin-bottom: 30%;
    }
    .card-container {
        position: absolute;
        top: 10%;
        left: 70%;
        transform: translateX(-50%);
        width: 300px;
        height: 800px;
        margin-left: -12%;
    }
    .box-mapa img {
        max-width: 100%;
        margin-left: -10%;
        margin-top: 15%;
        margin-bottom: -10%;
    }
    .title-sggnet-2 .text-sggnet-2::before {
        left: 8%;
    }
    .title-sggnet-2 .text-sggnet-2::after {
        right: 8%;
    }
    .texto-box-azul-1 h1 {
        text-align: center;
        margin-left: 10%;
    }
    .texto-box-azul-1 p {
        text-align: justify;
        max-width: 100%;
        margin-left: 0%;
        font-size: 1.2rem;
    }
    .pgr-imagem-texto p {
        text-align: justify;
        max-width: 76%;
        font-size: 1.2rem;
        margin-left: 20%;
    }
    .responsive-box-pgr img {
        display: none;
    }
    .pgr-imagem-texto h1 {
        margin-left: 20%;
        font-size: 5rem;
        margin-left: 15%;
    }
    .col-md-3 {
        min-width: 45%;
        margin: 4%;
    }
    .seguranca-texto-pgr img {
        max-width: 95%;
    }
    .texto-sobre-imagem-pgr h5 {
        font-size: 0.8rem;
        top: 22%;
        margin-left: -5%;
    }
    .texto-sobre-imagem-pgr p {
        font-size: 0.9rem;
        top: 55%;
        max-width: 100%;
        margin-left: -5%;
    }
    .img-txt-cinza-pgr img {
        width: 85%;
        position: absolute;
        z-index: 1;
        margin-top: -110%;
        margin-left: 8%;
    }
    .texto-sobre-desktop p {
        max-width: 90%;
        margin-top: -3%;
        font-size: 0.6rem;
    }
    .img-celular-txt-1 p {
        margin-top: 16%;
        margin-left: 1%;
        font-size: 0.8rem;
        max-width: 40%;
    }
    .img-celular-txt-1 h1 {
        margin-top: 12%;
        margin-left: 1%;
    }
    .img-celular img {
        max-width: 123%;
        margin-left: -10%;
    }
    .img-celular-txt-2 p {
        margin-top: -28%;
        margin-left: 1%;
        font-size: 0.8rem;
        max-width: 40%;
    }
    .img-celular-txt-2 h1 {
        margin-top: -33%;
        margin-left: 1%;
    }
    .img-celular-3 img {
        max-width: 120%;
        margin-left: -10%;
    }
    .img-celular-txt-5 h1 {
        margin-top: 14%;
        margin-left: 62%;
    }
    .img-celular-txt-5 p {
        margin-top: 18%;
        font-size: 0.8rem;
        max-width: 30%;
        margin-left: 62%;
    }
    .img-celular-txt-6 h1 {
        margin-top: -31%;
        margin-left: 62%;
    }
    .img-celular-txt-6 p {
        margin-top: -27%;
        margin-left: 62%;
        font-size: 0.8rem;
        max-width: 30%;
    }
    .img-celular-2 img {
        max-width: 120%;
        margin-left: -12%;
    }
    .img-celular-txt-4 p {
        margin-top: -28%;
        margin-left: 2%;
        font-size: 0.8rem;
        max-width: 30%;
    }
    .img-celular-txt-4 h1 {
        margin-top: -32%;
        margin-left: 2%;
    }
    .img-celular-txt-3 h1 {
        margin-left: 2%;
        margin-top: 13%;
    }
    .img-celular-txt-3 p {
        margin-top: 17%;
        margin-left: 2%;
        font-size: 0.8rem;
        max-width: 30%;
    }
    .fonte-grossa-portal {
        margin-bottom: 6%;
        font-weight: 800;
        font-size: 3rem;
        text-align: center;
        margin-left: 5%;
    }
    .iso-imagem-texto-seg img {
        max-width: 85%;
    }
    .iso-imagem-texto-seg p,
    .iso-imagem-texto-seg h3 {
        max-width: 100%;
    }
    .iso-imagem-texto-seg h1 {
        text-align: center;
    }
    .texto-iso-imagem img {
        max-width: 80%;
    }
    .texto-iso-imagem p {
        margin-left: 5%;
    }
    .formas-iso img {
        display: none;
    }
    .formas-iso 
    .iso-imagem-texto-pgr-1 img {
        position: inherit;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .txt-risco h1 {
        margin-left: 0;
    }
    .txt-risco p {
        text-align: justify;
        width: 85%;
        margin: 0 auto;
    }
    .iso-imagem-texto-pgr p {
        max-width: 90%;
    }
    .iso-imagem-texto p {
        max-width: 100%;
    }
    .iso-imagem-texto h1 {
        text-align: center;
    }
    .texto-esocial-sst h1 {
        text-align: center;
    }
    .title-esocial-4 .text-esocial-4::before {
        display: none;
    }
    .title-esocial-4 .text-esocial-4::after {
        display: none;
    }
    .text-content p {
        max-width: 100%;
    }
    .text-content h1 {
        text-align: center;
        max-width: 100%;
    }
    .texto-esocial-sst-direita h1 {
        margin-left: 0.1%;
    }
    .seguranca-texto-epi img {
        max-width: 100%;
    }
    .texto-esquerda-1 h1 {
        font-size: 1.8rem;
        text-align: left;
    }
    .texto-documentos-legais h1 {
        text-align: center;
        margin-left: 0;
    }
    .cor-news .container div {
        text-align: center;
    }
    .flex-iten-news {
        justify-content: center;
        margin: .5rem 0;
    }
    .box-border-seguranca p {
        font-size: .9rem;
        max-width: 100%;
    }
    .box-border-seguranca hr {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }
    .box-cinza-iso,
    .row.pad-1-buscador a {
        font-size: 1.5rem;
        margin: 0;
    }
    .texto-triste h1 {
        margin: 0;
    }
    .texto-triste p {
        margin-top: 1rem;
        font-size: 1rem;
        font-weight: normal;
    }
    .quadro-menor .quadro-menor .box-cinza-texto h1 {
        font-size: 400;
        justify-content: center;
        gap: .5rem;
        font-size: 2rem;
        margin: 0;
    }
    .quadro-menor .box-cinza-texto span {
        margin: 0;
        font-size: 2rem;
    }
    .quadro-menor .box-cinza-texto p {
        font-size: .9rem;
    }
    .quadro img {
        margin: 0;
    }
    .titulo-exclusivo h1 {
        margin: 0;
    }
    .buscador-esocial-section 
    .buscador-esocial-section img {
        display: none;
    }
    .buscador-texto h1 {
        margin: 0;
    }
    .buscador-texto h2 {
        margin-bottom: 1rem;
        margin-left: 0;
    }
    .painel-compartilhamento-img img {
        max-width: 100%;
        margin-left: 0;
    }
    .painel-compartilhamento-txt h1 {
        margin: 0;
        margin-bottom: 0px;
        margin-bottom: 1rem;
        text-align: center;
    }
    .painel-compartilhamento-txt hr {
        display: none;
    }
    .painel-compartilhamento-txt p {
        font-size: .9rem;
    }
    #blank-space-div {
        display: none;
    }
    #hr-dot {
        margin-top: 0;
        margin-bottom: 0;
    }
    #hr-dot div {
        margin-top: 0;
        margin-bottom: 0;
    }
    .img-celular-2,
    .img-celular-txt-1 h1,
    .img-celular-txt-3 h1,
    .img-celular-txt-4 h1,
    .img-celular-txt-5 h1,
    .img-celular-txt-6 h1 {
        position: inherit;
        margin: 0;
        margin-bottom: 1rem;
        text-align: center;
        max-width: 100%;
    }
    .img-celular-txt-1 p,
    .img-celular-txt-3 p,
    .img-celular-txt-4 p,
    .img-celular-txt-5 p,
    .img-celular-txt-6 p {
        position: inherit;
        font-size: 0.9rem;
        max-width: 100%;
        margin: 0;
        margin-bottom: 2.5rem;
    }
    .img-celular img,
    .img-celular-2 img,
    .img-celular-3 img {
        display: none;
    }
    .img-celular-txt-2 h1 {
        position: inherit;
        margin: 0;
        margin-bottom: 1rem;
        text-align: center;
        max-width: 100%;
    }
    .img-celular-txt-2 p {
        position: inherit;
        font-size: 0.9rem;
        max-width: 100%;
        margin: 0;
    }
    #seg-trab-img-inicial,
    #img-capacete {
        display: none;
    }
    .tit-img-recusos img {
        max-width: 50%;
    }
    .carousel {
        margin-top: 15%;
    }
    .mapa-inicio-txt {
        flex-direction: column;
        align-items: center;
    }
    .mapa {
        margin-left: 0;
        margin-bottom: 20px;
    }
    .mapa img {
        max-width: 90%;
    }
    .txt-img-orgaos-azul img,
    .txt-img-orgaos-azul-2 img,
    .txt-img-orgaos-1 img,
    .txt-img-orgaos-2 img {
        max-width: 90%;
    }
    .txt-img-orgaos-1,
    .txt-img-orgaos-2,
    .txt-orgaos-azul,
    .txt-orgaos-azul-2 {
        margin-bottom: 5%;
        margin-top: 5%;
    }
    .txt-img-orgaos-azul,
    .txt-img-orgaos-2 {
        flex-direction: column;
        margin-left: 0%;
    }
    .txt-img-orgaos-2 img {
        margin-right: 0%;
    }
    .txt-img-orgaos-azul-2,
    .txt-img-orgaos-1 {
        flex-direction: column-reverse;
        margin-left: 0%;
    }
    .clcc-1 {
        margin-top: 18%;
    }
    .texto-box-azul-1 p {
        max-width: 100%;
        text-align: justify;
        padding: 0 20px;
    }
    .title-contato .text-contato::before,
    .title-contato .text-contato::after {
        display: none;
    }
    .tit-index h1 {
        font-weight: 800;
        font-size: 2rem;
        max-width: 90%;
        padding-top: 5%;
        padding-right: 10%;
        text-align: justify;
    }
    .linha-cinza-txt h2 {
        max-width: 100%;
        text-align: center;
    }
    .linha-cinza-dentro img {
        max-width: 90%;
    }
    .mapa-inicio-txt {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }
    .mapa img {
        max-width: 80%;
    }
    .mapa {
        margin-left: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .carousel-img-clientes {
        min-width: 400px;
        width: 400px;
        object-fit: cover;
    }
    .cruz-saber-mais img {
        max-width: 90%;
        margin-bottom: 5%;
    }
    .texto-app {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        top: 8%;
        left: 10%;
        color: white;
        max-width: 80%;
        background-color: rgba(17, 17, 17, 0.795);
        padding: 20px;
    }
    .lojas-de-apps {
        position: absolute;
        top: 75%;
        left: 10%;
    }
    .texto-app-p {
        font-weight: 600;
        font-size: 1rem;
    }
    .fonte-grossa-portal {
        margin-bottom: 6%;
        font-size: 2rem;
    }
    .apps-sgg-exames img {
        margin-top: 3%;
        max-width: 100%;
        margin-left: 0%;
        margin-bottom: 3%;
    }
    .apps-sgg-exames-cinza img {
        margin-top: 3%;
        max-width: 100%;
        margin-bottom: 3%;
    }
    .apps-sgg-exames-2 img {
        margin-top: 3%;
        max-width: 100%;
        margin-left: 0%;
        margin-bottom: 3%;
    }
    .text-overlay p {
        margin-left: 0%;
        max-width: 80%;
        text-align: justify;
        font-size: 1rem;
    }
    .texto-meio-buscador-1 h1 {
        text-align: left;
        font-size: 4rem;
        font-weight: 800;
        margin-left: 50%;
    }
}
/* Telas pequenas e laptops */
@media (min-width: 769px) and (max-width: 1025px) {
    .box-completo-azul img {
        margin-right: 0;
        margin-left: 0;
    }
    .box-completo-azul p {
        margin-left: 0;
    }
    .iso-imagem-texto-pgr p {
        max-width: 45%;
    }
    .iso-imagem-texto-pgr-1 img {
        width: 65%;
        margin-top: -13%;
        margin-left: -18%;
    }
    .txt-risco h1 {
        font-size: 2rem;
    }
    .texto-documentos-legais h1 {
        text-align: center;
        margin-left: 0;
    }
    .texto-esquerda-1 h1 {
        font-size: 1.8rem;
        text-align: left;
    }
    .iso-imagem-texto p {
        max-width: 90%;
    }
    .grossa-esocial h1 {
        font-size: 2rem;
        margin-top: 2%;
    }
    .text-content-1 h1 {
        text-align: center;
        margin-left: 0%;
        margin-right: 0%;
        font-size: 3rem;
    }
    .text-content-1 p {
        text-align: center;
        margin: 0;
        max-width: 100%;
    }
    .text-content-2 p {
        font-size: 1.2rem;
        text-align: justify;
        margin: 0 0 20px 0;
        max-width: 100%;
        margin-top: -3%;
    }
    .texto-esocial-sst h1 {
        margin: 0;
        font-size: 2rem;
    }
    .texto-esocial-sst p {
        margin: 0;
    }
    .texto-box-azul h1,
    .texto-box-azul p {
        text-align: center;
        max-width: 100%;
        margin-left: 0;
    }
    .box-mapa {
        margin-bottom: 35%;
    }
    .box-mapa img {
        max-width: 75%;
        margin-left: 14%;
    }
    .title-sggnet-2 .text-sggnet-2::before {
        left: 13%;
    }
    .title-sggnet-2 .text-sggnet-2::after {
        right: 13%;
    }
    .texto-box-azul-1 p {
        max-width: 100%;
        text-align: justify;
        padding: 0 20px;
        /* para adicionar um pouco de espaço ao redor do texto */
    }
    .texto-box-azul-1 h1 {
        text-align: center;
    }
    .pgr-imagem-texto p {
        text-align: justify;
        max-width: 100%;
        font-size: 1.2rem;
        margin-left: 12%;
    }
    .pgr-imagem-texto h1 {
        font-size: 5rem;
        margin-left: 15%;
    }
    .col-md-3 {
        min-width: 45%;
        margin: 4%;
    }
    .seguranca-texto-pgr img {
        max-width: 75%;
    }
    .texto-sobre-imagem-pgr h5 {
        font-size: 0.8rem;
        top: 20%;
    }
    .texto-sobre-imagem-pgr p {
        font-size: 0.9rem;
        top: 50%;
    }
    .texto-sobre-desktop p {
        max-width: 90%;
        margin-top: 1rem;
        font-weight: 500;
        font-size: .825rem;
    }
    .img-celular-txt-1 p {
        margin-top: 16%;
        margin-left: 1%;
        font-size: 0.8rem;
        max-width: 40%;
    }
    .img-celular-txt-1 h1 {
        margin-top: 12%;
        margin-left: 1%;
    }
    .img-celular img {
        max-width: 120%;
        margin-left: -10%;
    }
    .img-celular-txt-2 p {
        margin-top: -28%;
        margin-left: 1%;
        font-size: 0.8rem;
        max-width: 40%;
    }
    .img-celular-txt-2 h1 {
        margin-top: -33%;
        margin-left: 1%;
    }
    .img-celular-3 img {
        max-width: 120%;
        margin-left: -10%;
    }
    .img-celular-txt-5 h1 {
        margin-top: 14%;
        margin-left: 62%;
    }
    .img-celular-txt-5 p {
        margin-top: 18%;
        font-size: 0.8rem;
        max-width: 30%;
        margin-left: 62%;
    }
    .img-celular-txt-6 h1 {
        margin-top: -31%;
        margin-left: 62%;
    }
    .img-celular-txt-6 p {
        margin-top: -27%;
        margin-left: 62%;
        font-size: 0.8rem;
        max-width: 30%;
    }
    .img-celular-2 img {
        max-width: 120%;
        margin-left: -12%;
    }
    .img-celular-txt-4 p {
        margin-top: -28%;
        margin-left: 2%;
        font-size: 0.8rem;
        max-width: 30%;
    }
    .img-celular-txt-4 h1 {
        margin-top: -32%;
        margin-left: 2%;
    }
    .img-celular-txt-3 h1 {
        margin-left: 2%;
        margin-top: 13%;
    }
    .img-celular-txt-3 p {
        margin-top: 17%;
        margin-left: 2%;
        font-size: 0.8rem;
        max-width: 30%;
    }
    .cont-iso p {
        font-weight: 800;
        font-size: 0.8rem;
        position: absolute;
        max-width: 70%;
        left: 18%;
    }
    .texto-iso-imagem p {
        margin-left: 0;
    }
    .media-gestao-dir h1 {
        font-size: 2.5rem;
    }
    .iso-imagem-texto-pgr-2 img {
        margin-top: -13%;
    }
    .iso-imagem-texto-pgr-3 img {
        margin-left: 60%;
        max-width: 45%;
    }
    .box-cinza-esocial h1 {
        font-size: 3rem;
    }
    .texto-esocial-sst-direita h1 {
        margin: 0;
        font-size: 2rem;
    }
    .row .small {
        margin: 0 !important;
    }
    .title-esocial-4 .text-esocial-4::before {
        left: -2%;
    }
    .title-esocial-4 .text-esocial-4::after {
        right: -2%;
    }
    .seguranca-texto-epi img {
        max-width: 100%;
    }
    .responsive-box .container {
        max-width: 100%;
        margin: 0;
        padding: 0;
    }
    .iso-imagem-texto-seg h3 {
        margin-bottom: 3%;
        font-size: 1.6rem;
        font-weight: 600;
        max-width: 100%;
    }
    .iso-imagem-texto-seg p {
        max-width: 100%;
    }
    .iso-imagem-texto-seg img {
        margin: 0;
    }
    .formas-iso img {
        max-width: 90%;
    }
    .buscador-esocial-section 
    .buscador-esocial-section .imagem-texto img {
        max-width: 80%;
    }
    .buscador-texto h1,
    h2 {
        text-align: center;
        margin: 0;
    }
    .buscador-texto h2 {
        margin-bottom: 1rem;
    }
    .quadro-menor .quadro-menor .quadro-menor h1 {
        justify-content: center;
        gap: 2rem;
        margin: 0;
    }
    .quadro-menor 
    .imagem-drive-sgg-logo img {
        margin: 0;
    }
    .texto-triste p {
        margin: 0;
    }
    .row
    .image-container {
        padding: 5%;
    }
    .text-overlay p {
        margin-left: 0;
        max-width: 100%;
    }
    #seg-trab-img-inicial,
    #img-capacete {
        display: none;
    }
    .h1-prestador-de-servico,
    .carousel {
        margin-top: 12%;
    }
    .mapa {
        margin-left: -8%;
    }
    .txt-img-orgaos-azul img,
    .txt-img-orgaos-azul-2 img,
    .txt-img-orgaos-1 img,
    .txt-img-orgaos-2 img {
        max-width: 50%;
    }
    .txt-img-orgaos-1,
    .txt-img-orgaos-2,
    .txt-orgaos-azul,
    .txt-orgaos-azul-2 {
        margin-bottom: 5%;
        margin-top: 5%;
    }
    .title-contato .text-contato::before,
    .title-contato .text-contato::after {
        display: none;
    }
    .tit-index h1 {
        text-align: justify;
        padding-top: 3%;
    }
    .mapa-inicio-txt {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }
    .mapa img {
        max-width: 80%;
    }
    .mapa {
        margin-left: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .cruz-saber-mais img {
        max-width: 80%;
        margin-bottom: 5%;
    }
    .texto-app {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        top: 8%;
        left: 10%;
        color: white;
        max-width: 80%;
        background-color: rgba(17, 17, 17, 0.795);
        padding: 20px;
    }
    .lojas-de-apps {
        position: absolute;
        top: 75%;
        left: 20%;
    }
    .apps-sgg-exames img {
        margin-top: 3%;
        max-width: 100%;
        margin-left: 0%;
        margin-bottom: 3%;
    }
    .apps-sgg-exames-cinza img {
        margin-top: 3%;
        max-width: 100%;
        margin-bottom: 3%;
    }
    .apps-sgg-exames-2 img {
        margin-top: 3%;
        max-width: 100%;
        margin-left: 0%;
        margin-bottom: 3%;
    }
    .text-overlay p {
        margin-left: 0%;
        max-width: 80%;
        text-align: justify;
        font-size: 1rem;
    }
}
@media (min-width: 1026px) and (max-width: 1600px) {
    .texto-direita p {
        max-width: 100%;
    }
    .box-completo-azul p,
    h2 {
        margin-left: 0;
    }
    .box-completo-azul img {
        margin-right: 0;
    }
    .txt-risco h1 {
        font-size: 2.2rem;
    }
    .iso-imagem-texto-pgr-1 img {
        width: 60%;
        margin-left: -15%;
    }
    .iso-imagem-texto-pgr p {
        max-width: 60%;
    }
    .img-celular-txt-1 p {
        margin-top: 10%;
    }
    .img-celular-txt-1 h1 {
        margin-top: 7%;
    }
    .img-celular-txt-2 p {
        margin-top: -21%;
    }
    .img-celular-txt-2 h1 {
        margin-top: -24%;
    }
    .img-celular-txt-5 h1 {
        margin-top: 8%;
    }
    .img-celular-txt-6 h1 {
        margin-top: -23%;
    }
    .img-celular-txt-4 p {
        margin-top: -21%;
    }
    .img-celular-txt-4 h1 {
        margin-top: -24%;
    }
    .img-celular-txt-3 h1 {
        margin-top: 7%;
    }
    .formas-iso 
    .cont-iso p {
        font-weight: 800;
        position: absolute;
        max-width: 65%;
        font-size: 1rem;
        left: 3%;
        top: auto;
    }
    .texto-sobre-desktop p {
        max-width: 90%;
        margin-top: 0%;
        font-size: .9rem;
        font-weight: 500;
        margin-bottom: 0;
    }
    .imagem-box-direita
    .imagem-box-direita.img-cadeado,
    .imagem-box-direita
    .iso-imagem-texto-pgr img
    #nfe-img {
        margin-top: -20%;
        margin-bottom: -20%;
    }
    #credenciados-img {
        margin-top: -40%;
        margin-bottom: -43%;
        max-width: 50%;
    }
    #planilha-api-img {
        margin-top: -20%;
        margin-bottom: -20%;
    }
    .quadro-menor h1 {
        justify-content: center;
        gap: 2rem;
        margin: 0;
    }
    .carousel {
        margin-top: 10%;
    }
    .tit-index h1 {
        font-size: 3rem;
        max-width: 75%;
        padding-top: 5%;
    }
    .card-container {
        top: -5%;
        left: 50%;
        transform: translateX(-50%);
        width: 220px;
        height: 720px;
        margin-left: -12%;
    }
    .card-text {
        font-size: 0.8rem;
    }
    .texto-app {
        top: 15%;
        left: 5%;
        color: white;
        max-width: 50%;
        background-color: rgba(17, 17, 17, 0.795);
        padding: 20px;
    }
    .lojas-de-apps {
        position: absolute;
        top: 75%;
        left: 10%;
    }
    .apps-sgg-exames-2 img {
        margin-top: -18%;
        max-width: 80%;
        margin-left: 15%;
        margin-bottom: -8%;
    }
    .text-overlay p {
        margin-left: 15%;
        max-width: 60%;
        text-align: justify;
    }
}