﻿.caixas{display: flex;justify-content: center;gap: 30px;margin: 60px 0;}

.caixa1, .caixa2 {
    width: 25%;
    border-radius: 24px;
}

.legenda {
    background: #0071ce;
    color: #fff;
    padding: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    height: 115px;
    border-radius: 0 0 20px 20px;
}

.legenda p {
    font-size: 14px;
    line-height: 1.3em;
}

.legenda p span {
    font-size: 40px;
    margin: 10px 0;
    display: block;
}

.caixa1 .imagem {
    background-image: url(/Particulares/Credito/Automovel/PublishingImages/Credito-auto-expresso/Conteudo-Repsol-CGDpt-500x293.jpg);
    height: 180px;
    background-size: cover;
    background-position: center;
    border-radius: 20px 20px 0 0;
}

.caixa2 .imagem {
    background-image: url(/Particulares/Credito/Automovel/PublishingImages/Credito-auto-expresso/Conteudo-ServicosAuto-CGDpt-500x293.jpg);
    height: 180px;
    background-size: cover;
    background-position: center;
    border-radius: 20px 20px 0 0;
}








section#proc-doc-nec {
    margin: 40px 0;
    padding: 40px 10px;
    background: #F2F4F8 !important;
}


.doc-requi{
    display: flex;
    justify-content: center;
    color:#3F5B78;
    flex-wrap: wrap;
    margin-top:60px;
}

.doc-requi div:nth-of-type(1):not(.header),
.doc-requi div:nth-of-type(3),
.doc-requi div:nth-of-type(5),
.doc-requi div:nth-of-type(7) {
    display: flex;
    flex-flow: column wrap;
    width: 269px;
    justify-content: flex-start;
}

.doc-requi div:nth-of-type(2),
.doc-requi div:nth-of-type(4),
.doc-requi div:nth-of-type(6) {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 104px;
}

.header-pdn {
    /* height: 115px; */
    text-align: center;
    /* border-bottom: 1px solid #C9D5E7; */
    justify-content: end;
}

.doc-requi span {
    font-size: 40px;
    margin: 10px;
    color: #0071ce;
}


p.title-pdn {
    font-size: 16px;
    line-height: 1.4em;
}

h2.title-left {
    color: #0071ce;
}

.highlights-icons p span {
    font-size: 20px;
    line-height: 1.4em;
    color: #0A243E;
    font-weight: 600;
}

.highlights-icons p {color: #3F5B78;font-weight: 500;}




.tooltip-logos {
    display: inline;
    position: relative;
    flex: 1;
}

.tooltip-logos img {
    margin-bottom: 2px;
}

a.link-desc-parcerias {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    padding: 10px;
}

a.link-desc-parcerias:hover {
    background-color: #F2F4F8;
    border-radius: 8px;
}
.tooltip-logos .tooltip-logos-parcerias {
    visibility: hidden;
    font-size: 16px;
    width: 232px;
    height: auto;
    background-color: #fff;
    border: 1px solid #A6B6CE;
    color: #333;
    text-align: left;
    line-height: 1.4;
    padding: 24px 8px;
    position: absolute;
    z-index: 1;
    top: 91%;
    left: 50%;
    margin-left: -116px;
    opacity: 0;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 16px;
    transition: opacity 0.3s;
}

.tooltip-logos:hover .tooltip-logos-parcerias {
    visibility: visible;
    opacity: 1;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px
}

.tooltip-logos-parcerias img {
    width: 50%;
    margin: 10px;
}

section#vantagens {
    margin-bottom: 100px;
}

.highlights-icons {
   align-items: baseline;
  
}



@media (max-width: 750px) {

.caixas{
    display: inline;
}

.caixa1, .caixa2{
    margin: 20px auto;
    width: 100%;
}
.doc-requi div:nth-of-type(2), .doc-requi div:nth-of-type(4), .doc-requi div:nth-of-type(6){
    display:none;
}


    
}

