@charset "utf-8";
/* CSS Document */

.dvPrincipal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	/**border: #333333 1px solid;*/
    width: 100%;
    height: 100%;
}

.dvTag {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 11px;
    width: 115px;
    height: 115px;
    padding: 3px 3px 3px 3px;
    margin: 10px 10px 10px 10px;
    background-color: #FFFFFF;
    float: left;
    border: #333333 1px solid;
    position: relative;
    border-radius:14%;
    /**background: url(../imagem/V4_pin.png) no-repeat center;*/
	background-size:contain;
	}

    .dvTagcorte {
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 11px;
        width: 154px;
    height: 175px;
        padding: 3px 3px 3px 3px;
        margin: 10px 2px 2px 2px;
        background-color: aqua;
        float: left;
        position: relative;
        border-radius:100%;
        background: url(../imagem/V4_corte.png) no-repeat center;
        background-size:contain;
        }


    .dvTagf {
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 11px;
        width: 154px;
    height: 175px;
        padding: 3px 3px 3px 3px;
        margin: 10px 2px 2px 2px;
        background-color: aqua;
        float: left;
        position: relative;
        border-radius:100%;
        background: url(../imagem/V4_pin2.png) no-repeat center;
        background-size:contain;
        }

    .dvTagf3 {
            font-family: Verdana, Geneva, Tahoma, sans-serif;
            font-size: 11px;
            width: 154px;
    height: 175px;
            padding: 3px 3px 3px 3px;
            margin: 10px 2px 2px 2px;
            background-color: aqua;
            float: left;
            position: relative;
            border-radius:100%;
            background: url(../imagem/V4_pin3.png) no-repeat center;
            background-size:contain;
            }

    .dvTagf4 {
                font-family: Verdana, Geneva, Tahoma, sans-serif;
                font-size: 11px;
                width: 154px;
    height: 175px;
                padding: 3px 3px 3px 3px;
                margin: 10px 2px 2px 2px;
                background-color: aqua;
                float: left;
                position: relative;
                border-radius:100%;
                background: url(../imagem/V4_pin4.png) no-repeat center;
                background-size:contain;
                }
    .dvTagf5 {
                    font-family: Verdana, Geneva, Tahoma, sans-serif;
                    font-size: 11px;
                    width: 154px;
    height: 175px;
                    padding: 3px 3px 3px 3px;
                    margin: 10px 2px 2px 2px;
                    background-color: aqua;
                    float: left;
                    position: relative;
                    border-radius:100%;
                    background: url(../imagem/V4_pin5.png) no-repeat center;
                    background-size:contain;
                    }
    .dvTagf6 {
                        font-family: Verdana, Geneva, Tahoma, sans-serif;
                        font-size: 11px;
                        width: 154px;
    height: 175px;
                        padding: 3px 3px 3px 3px;
                        margin: 10px 2px 2px 2px;
                        background-color: aqua;
                        float: left;
                        position: relative;
                        border-radius:100%;
                        background: url(../imagem/V4_pin6.png) no-repeat center;
                        background-size:contain;
                        }

.dvTagCont{
    width: 100px;
    height: 100px;
    margin-top: 6px;
    margin-left: 6px;
    /**border: #000000 1px solid;*/
    text-align: center;
    border-radius:50%;
}

.dvTagQr{
    width: 100px;
    height: 100px;
    margin: auto;
}

.dvTagNum{
    background-color: #FFFFFF;
    margin-top: -10px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: black;
}


.card-instagram {
    background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
    color: white;
    text-align: center;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    position: relative;
}
.instagram-logo {
    font-size: 40px;
}
.card-instagram a {
    color: white;
    text-decoration: none;
    font-size: 24px;
    font-weight: bold;
    display: block;
    width: 100%;
    word-wrap: break-word;
}
@media (max-width: 768px) {
    .card-instagram a {
        font-size: 16px;
    }
}
.logo-container-instagram {
    position: absolute;
    top: -20px;
    left: -20px;
    background: white;
    border-radius: 50%;
    padding: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.logo-container-instagram img {
    width: 40px;
    height: 40px;
}
.logo-lixo-instagram {
    position: absolute;
    top: -20px;
    right: 10px;
    background: white;
    border-radius: 50%;
    padding: 1px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.logo-lixo-instagram img {
    width: 30px;
    height: 30px;
}

.card-facebook {
    background: linear-gradient(135deg, #3b5998, #8b9dc3);
    color: white;
    text-align: center;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    position: relative;
}
.facebook-logo {
    font-size: 40px;
}
.card-facebook a {
    color: white;
    text-decoration: none;
    font-size: 24px;
    font-weight: bold;
    display: block;
    width: 100%;
    word-wrap: break-word;
}
@media (max-width: 768px) {
    .card-facebook a {
        font-size: 16px;
    }
}
.logo-container-facebook {
    position: absolute;
    top: -20px;
    left: -20px;
    background: white;
    border-radius: 50%;
    padding: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.logo-container-facebook img {
    width: 40px;
    height: 40px;
}
.logo-lixo-facebook {
    position: absolute;
    top: -20px;
    right: 10px;
    background: white;
    border-radius: 50%;
    padding: 1px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.logo-lixo-facebook img {
    width: 30px;
    height: 30px;
}

.card-youtube {
    background: linear-gradient(135deg, #ff0000, #cc0000);
    color: white;
    text-align: center;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    position: relative;
}
.youtube-logo {
    font-size: 40px;
}
.card-youtube a {
    color: white;
    text-decoration: none;
    font-size: 24px;
    font-weight: bold;
    display: block;
    width: 100%;
    word-wrap: break-word;
}
@media (max-width: 768px) {
    .card-youtube a {
        font-size: 16px;
    }
}
.logo-container-youtube {
    position: absolute;
    top: -20px;
    left: -20px;
    background: white;
    border-radius: 50%;
    padding: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.logo-container-youtube img {
    width: 40px;
    height: 40px;
}
.logo-lixo-youtube {
    position: absolute;
    top: -20px;
    right: 10px;
    background: white;
    border-radius: 50%;
    padding: 1px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.logo-lixo-youtube img {
    width: 30px;
    height: 30px;
}

.card-tiktok {
    background: linear-gradient(135deg, #69C9D0, #EE1D52);
    color: white;
    text-align: center;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    position: relative;
}
.tiktok-logo {
    font-size: 40px;
}
.card-tiktok a {
    color: white;
    text-decoration: none;
    font-size: 24px;
    font-weight: bold;
    display: block;
    width: 100%;
    word-wrap: break-word;
}
@media (max-width: 768px) {
    .card-tiktok a {
        font-size: 16px;
    }
}
.logo-container-tiktok {
    position: absolute;
    top: -20px;
    left: -20px;
    background: white;
    border-radius: 50%;
    padding: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.logo-container-tiktok img {
    width: 40px;
    height: 40px;
}
.logo-lixo-tiktok {
    position: absolute;
    top: -20px;
    right: 10px;
    background: white;
    border-radius: 50%;
    padding: 1px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.logo-lixo-tiktok img {
    width: 30px;
    height: 30px;
}

.card-pix {
    background: linear-gradient(135deg, #00B4D8, #0077B6);
    color: white;
    text-align: center;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    position: relative;
}
.pix-logo {
    font-size: 40px;
}
.card-pix a {
    color: white;
    text-decoration: none;
    font-size: 24px;
    font-weight: bold;
    display: block;
    width: 100%;
    word-wrap: break-word;
}
@media (max-width: 768px) {
    .card-pix a {
        font-size: 28px;
    }
}
.logo-container-pix {
    position: absolute;
    top: -20px;
    left: -20px;
    background: white;
    border-radius: 50%;
    padding: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.logo-container-pix img {
    width: 40px;
    height: 40px;
}
.logo-lixo-pix {
    position: absolute;
    top: -20px;
    right: 10px;
    background: white;
    border-radius: 50%;
    padding: 1px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.logo-lixo-pix img {
    width: 30px;
    height: 30px;
}

.card-linkedin {
    background: linear-gradient(135deg, #0077B5, #005582);
    color: white;
    text-align: center;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    position: relative;
}
.linkedin-logo {
    font-size: 40px;
}
.card-linkedin a {
    color: white;
    text-decoration: none;
    font-size: 24px;
    font-weight: bold;
    display: block;
    width: 100%;
    word-wrap: break-word;
}
@media (max-width: 768px) {
    .card-linkedin a {
        font-size: 16px;
    }
}
.logo-container-linkedin {
    position: absolute;
    top: -20px;
    left: -20px;
    background: white;
    border-radius: 50%;
    padding: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.logo-container-linkedin img {
    width: 40px;
    height: 40px;
}
.logo-lixo-linkedin {
    position: absolute;
    top: -20px;
    right: 10px;
    background: white;
    border-radius: 50%;
    padding: 1px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.logo-lixo-linkedin img {
    width: 30px;
    height: 30px;
}

.card-website {
    background: linear-gradient(135deg, #4CAF50, #2E7D32);
    color: white;
    text-align: center;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    position: relative;
}
.website-logo {
    font-size: 40px;
}
.card-website a {
    color: white;
    text-decoration: none;
    font-size: 24px;
    font-weight: bold;
    display: block;
    width: 100%;
    word-wrap: break-word;
}
@media (max-width: 768px) {
    .card-website a {
        font-size: 16px;
    }
}
.logo-container-meusite {
    position: absolute;
    top: -20px;
    left: -20px;
    background: white;
    border-radius: 50%;
    padding: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.logo-container-meusite img {
    width: 40px;
    height: 40px;
}
.logo-lixo-website {
    position: absolute;
    top: -20px;
    right: 10px;
    background: white;
    border-radius: 50%;
    padding: 1px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.logo-lixo-website img {
    width: 30px;
    height: 30px;
}
.card-wifi {
    background: linear-gradient(135deg, #2196F3, #1565C0);
    color: white;
    text-align: center;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    position: relative;
}
.wifi-logo {
    font-size: 40px;
}
.card-wifi a {
    color: white;
    text-decoration: none;
    font-size: 24px;
    font-weight: bold;
    display: block;
    width: 100%;
    word-wrap: break-word;
}
@media (max-width: 768px) {
    .card-wifi a {
        font-size: 16px;
    }
}
.logo-container-wifi {
    position: absolute;
    top: -20px;
    left: -20px;
    background: white;
    border-radius: 50%;
    padding: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.logo-container-wifi img {
    width: 40px;
    height: 40px;
}
.logo-lixo-wifi {
    position: absolute;
    top: -20px;
    right: 10px;
    background: white;
    border-radius: 50%;
    padding: 1px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.logo-lixo-wifi img {
    width: 30px;
    height: 30px;
}
.card-google {
    background: linear-gradient(135deg, #4CAF50, #2E7D32);
    color: white;
    text-align: center;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    position: relative;
}
.google-logo {
    font-size: 40px;
}
.card-google a {
    color: white;
    text-decoration: none;
    font-size: 24px;
    font-weight: bold;
    display: block;
    width: 100%;
    word-wrap: break-word;
}
@media (max-width: 768px) {
    .card-google a {
        font-size: 16px;
    }
}
.logo-container-google {
    position: absolute;
    top: -20px;
    left: -20px;
    background: white;
    border-radius: 50%;
    padding: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.logo-container-google img {
    width: 40px;
    height: 40px;
}
.logo-lixo-google {
    position: absolute;
    top: -20px;
    right: 10px;
    background: white;
    border-radius: 50%;
    padding: 1px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.logo-lixo-google img {
    width: 30px;
    height: 30px;
}
.card-perfil {
    background: url("https://sisimob.com.br/img/meu-negocio.png") no-repeat center;
    background-size:contain;
    background-color: #e9f6f7;
    height: 150px;
    color: white;
    text-align: center;
    border-radius: 25px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    position: relative;
    overflow: hidden; /* Garante que a imagem não ultrapasse o limite */
    display: flex;
    align-items: center;
    justify-content: center;
}
.camera-perfil {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: white;
    border-radius: 50%;
    padding: 1px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.camera-perfil img {
    width: 40px;
    height: 40px;
}
.logo-container-perfil {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: white;
    overflow: hidden;
}

.logo-container-perfil img {
    width: 100%;  /* Reduz a largura da imagem para 90% do container */
    height: 100%; /* Reduz a altura da imagem para 90% do container */
    object-fit: cover; /* Mantém o preenchimento sem distorcer */
    margin: auto; /* Centraliza a imagem dentro do div */
    display: block;
}
/**
.logo-container-perfil img {
    width: 100%; /* Garante que a imagem ocupe todo o espaço disponível */
    /*height: auto; /* Mantém a proporção da imagem */
    /*max-width: 90%; /* Impede que a imagem fique muito grande */
    /*max-height: 90%; /* Limita a altura para manter um espaçamento adequado */
    /*object-fit: contain; /* Garante que a imagem seja exibida inteira sem cortes */
    /*display: block;
    /*margin: auto;
}*/

.pixQrCode {
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
}

.pixQrCode img {
    width: 100%; /* Garante que a imagem ocupe todo o espaço disponível */
    height: auto; /* Mantém a proporção da imagem */
    max-width: 90%; /* Impede que a imagem fique muito grande */
    max-height: 90%; /* Limita a altura para manter um espaçamento adequado */
    object-fit: contain; /* Garante que a imagem seja exibida inteira sem cortes */
    display: block;
    margin: auto;
}

.dvQrCode{
    text-align: center; 
    border: 2px solid rgb(255, 102, 0); 
    border-radius:10px; 
    min-height:30px; 
    padding:5px 5px 5px 5px; 
    text-overflow:clip; 
    word-wrap: break-word;
    font-size: 16px;
    object-fit: contain; /* Garante que a imagem seja exibida inteira sem cortes */
    display: block;
    margin: auto;
}

.qrCodePadrao{
    position: relative;
    text-align: center; 
    border-radius:10px; 
    min-height:30px; 
    text-overflow:clip; 
    word-wrap: break-word;
    font-size: 16px;
}



.card-perfilP {
    background: url("https://sisimob.com.br/img/meu-negocio.png") no-repeat center;
    background-size:contain;
    background-color: #e9f6f7;
    top: 10px;
    height: 320px;
    color: white;
    text-align: center;
    border-radius: 25px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    position: relative;
    overflow: hidden; /* Garante que a imagem não ultrapasse o limite */
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-container-perfilP {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: white;
    overflow: hidden;
}

.logo-container-perfilP img {
    width: 100%;  /* Reduz a largura da imagem para 90% do container */
    height: 100%; /* Reduz a altura da imagem para 90% do container */
    object-fit: cover; /* Mantém o preenchimento sem distorcer */
    margin: auto; /* Centraliza a imagem dentro do div */
    display: block;
}
.card-whatsapp {
    color: white;
    text-align: center;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    position: relative;
    background: linear-gradient(135deg, #25D366, #128C7E);
}
.whatsapp-logo {
    font-size: 40px;
}
.card-whatsapp a {
    color: white;
    text-decoration: none;
    font-size: 24px;
    font-weight: bold;
    display: block;
    width: 100%;
    word-wrap: break-word;
}
@media (max-width: 768px) {
    .card-whatsapp a {
        font-size: 16px;
    }
    .card-perfilP {
        height: 150px;
    }
    .dvQrCode {
        font-size: 14px;
    }
}
.logo-container-whatsapp {
    position: absolute;
    top: -20px;
    left: -20px;
    background: white;
    border-radius: 50%;
    padding: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.logo-container-whatsapp img {
    width: 40px;
    height: 40px;
}
.logo-lixo-whatsapp {
    position: absolute;
    top: -20px;
    right: 10px;
    background: white;
    border-radius: 50%;
    padding: 1px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.logo-lixo-whatsapp img {
    width: 30px;
    height: 30px;
}