/*
 * parceiros.css
 * 
 * Autor: (WSC TI) wscti.dev.br
 * Atualizado em 15/10/2026 às 08h06
 * 
 */
.secao-principal {min-height: 900px; padding-bottom: 32px; border-top: 3px solid rgba(15, 39, 71, 1); background-color: rgba(245, 246, 248, 1);}

h1 {font-size: 64px; margin-top: 64px; color: rgba(15, 39, 71, 1);}
h6 {font-size: 19px; margin-top: 32px; color: rgba(114, 114, 114, 1);}

.conteudo {min-height: 1280px; margin-top: 32px; margin-bottom: 32px; padding: 32px 64px 48px 64px; background: #FFFFFF; box-shadow: 0 0 13px 3px rgba(0, 0, 0, 0.1); border-radius: 12px;}
.enunciado {width: 540px; font-size: 19px; color: rgba(114, 114, 114, 1); line-height: 27px;}

.comitentes-titulo {margin-top: 16px; margin-bottom: 48px; font-size: 32px; color: rgba(15, 39, 71, 1);}
.comitentes-linha {position: absolute; margin-top: 72px; width: 106px; height: 3px; border: 2px solid rgba(15, 39, 71, 1) !important; border-radius: 0 0 6px 6px; color: rgba(15, 39, 71, 1); background-color: rgba(15, 39, 71, 1);}
.comitentes-enunciado {font-size: 16px; color: rgba(114, 114, 114, 1); line-height: 27px;}

.segmento {border-top: 1px solid rgba(15, 39, 71, 0.34); margin-top: 48px;}
.segmento-nome {position: absolute; background-color: #fff; padding-right: 22px;  margin-top: -18px; font-size: 24px; color: rgba(15, 39, 71, 1);}

.segmento-judiciais-imagem {width: 174px; height: 174px;}
.segmento-if-imagem {width: 300px; height: 300px;}
.segmento-empresas-imagem {width: 180px; height: 180px;}

.carousel-inner {padding-top: 50px; padding-left: 50px !important; padding-right: 50px !important;}
#carrosselImagens {display: flex; flex-direction: column; position: relative;}
#carrosselImagens .carousel-inner {order: 1; z-index: 1;}
#carrosselImagens .carousel-indicators {order: 2; position: relative; bottom: auto; margin: 0; padding-top: 20px; z-index: 15;}
#carrosselImagens .carousel-indicators [data-bs-target] {width: 12px; height: 12px; border-radius: 50%; background-color: #007bff; border: none; opacity: 0.5; transition: opacity 0.6s ease; cursor: pointer;}
#carrosselImagens .carousel-indicators .active {opacity: 1; background-color: #0056b3;}
#carrosselImagens .carousel-control-prev,
#carrosselImagens .carousel-control-next {position: absolute; top: 0; height: calc(100% - 44px); width: 50px; z-index: 20;}
.custom-carousel-icon {background-color: rgba(0, 123, 255, 0.7); padding: 15px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: background-color 0.3s ease;}
#carrosselImagens .carousel-control-prev:hover .custom-carousel-icon,
#carrosselImagens .carousel-control-next:hover .custom-carousel-icon {background-color: #0056b3;}

.participar {width: 100%; height: 106px; background-color: rgba(15, 39, 71, 1); border-radius: 10px; margin-top: 64px;}
.participar-icone {width: 62px; height: 62px; border-radius: 50%; background-color: rgba(234, 241, 251, 1); color: rgba(15, 39, 71, 1); display: flex; align-items: center; text-align: center;}
.participar-icone svg {margin-left: 17px;}
.participar-titulo {font-size: 17px; color: #fff; margin-bottom: 4px;}
.participar-texto {font-size: 14px; color: #fff; padding-right: 52px;}
.participar-botao {width: 370px; height: 58px; background-color: rgba(234, 241, 251, 1); color: rgba(15, 39, 71, 1); border-radius: 10px; font-size: 17px; padding-top: 14px;}
.participar-botao:hover {background-color: #6B7280; color: rgba(234, 241, 251, 1);}

@media (max-width: 640px) {
    .secao-principal {min-height: 900px; padding-bottom: 16px; border-top: none; background-color: #ffffff;}

    h1 {font-size: 28px; margin-top: 16px; color: rgba(15, 39, 71, 1);}
    h6 {font-size: 9px; margin-top: 8px; color: rgba(114, 114, 114, 1);}

    .conteudo {min-height: 400px; margin-top: 24px; margin-bottom: 16px; padding: 16px; background: #FFFFFF; box-shadow: 0 0 6px 1.5px rgba(0, 0, 0, 0.1); border-radius: 6px;}
    .enunciado {width: 100%; font-size: 9px; color: rgba(114, 114, 114, 1); line-height: 11px;}

    .comitentes-titulo {margin-top: 16px; margin-bottom: 16px; font-size: 8px; color: rgba(15, 39, 71, 1);}
    .comitentes-linha {position: absolute; margin-top: 32px; width: 28px; height: 2px; border: 1px solid rgba(15, 39, 71, 1) !important; border-radius: 0 0 3px 3px; color: rgba(15, 39, 71, 1); background-color: rgba(15, 39, 71, 1);}
    .comitentes-enunciado {font-size: 5px; color: rgba(114, 114, 114, 1); line-height: 7px;}

    .segmento {border-top: 1px solid #0F274757; margin-top: 12px;}
    .segmento-nome {position: absolute; background-color: #fff; padding-right: 12px;  margin-top: -6px; font-size: 6px; color: rgba(15, 39, 71, 1);}

    .segmento-judiciais-imagem {width: 44px; height: 44px;}
    .segmento-if-imagem {width: 75px; height: 75px;}
    .segmento-empresas-imagem {width: 44px; height: 44px;}

    .carousel-inner {padding-top: 20px; padding-left: 0 !important; padding-right: 0 !important;}
    #carrosselImagens .carousel-indicators [data-bs-target] {width: 8px; height: 8px; border-radius: 50%; background-color: #007bff; border: none; opacity: 0.5; transition: opacity 0.6s ease; cursor: pointer;}
    #carrosselImagens .carousel-indicators .active {opacity: 1; background-color: #0056b3;}
    #carrosselImagens .carousel-control-prev,
    #carrosselImagens .carousel-control-next {display: none !important;}

    .participar {width: 100%; height: 36px; background-color: rgba(15, 39, 71, 1); border-radius: 4px; margin-top: 32px; padding-top: 2px;}
    .participar-icone {width: 18px; height: 18px; border-radius: 50%; background-color: rgba(234, 241, 251, 1); color: rgba(15, 39, 71, 1); display: flex; align-items: center; text-align: center; margin-top: 6px;}
    .participar-icone svg {width: 9px; margin-left: 4px;}
    .participar-titulo {font-size: 7px; color: #fff; margin-bottom: 2px;}
    .participar-texto {font-size: 5px; color: #fff; padding-right: 4px;}
    .participar-botao {width: 100%; height: 22px; background-color: rgba(234, 241, 251, 1); color: rgba(15, 39, 71, 1); border-radius: 4px; font-size: 8px; padding-top: 2px; margin-top: 4px;}
    .participar-botao-svg {width: 8px;}
    .participar-botao:hover {background-color: #6B7280; color: rgba(234, 241, 251, 1);}
}