:root{
    --pc-green-titles: rgb(5, 185, 60);
    --pc-green-subtitles: #099032;
    --pc-right-content-bg: #F4F4F4;
    --pc-left-content-bg: #EAEAEA;
    --pc-bg-white: #FFFFFF;
    --pc-bg-white-opacity: rgba(255, 255, 255, 0);
    --pc-bg-black: #000000;
    --pc-fs-body-rem: 1rem;
    --pc-fs-body-px: 20px;
    --pc-obrigatorio-red: #f53333;
    --pc-red-hover: #FF5733;
    --pc-primary-btn-bg: #00B03D;
    --pc-primary-btn-bg-hover: #008432;
    --pc-secondary-btn-bg: #FFFFFF;
    --pc-secondary-btn-border: #DDD9D9;
    --pc-secondary-btn-bg-hover: #F2F2F2;
    --pc-disabled-btns: rgb(208, 204, 203);
    --pc-tooltip-border: #D6D6D6;
}

/* =================================================================================== */ 

body {
    font-family: "Open Sans", Sans-serif;
}

label {
    font-size:16px;
}

input {
    box-shadow:none;
}

.pc-h1-titles h1 {
    color: #000000;
    font-size: 32px;
    font-weight: 600;
    line-height: 32px;
}

.pc-h2-titles h2 {
    font-size:24px;
    font-weight: 600;
}

p {
    font-size: 16px;
}


/* STYLE PARA O * DE PREENCHIMENTO OBRIGATORIO DOS FIELDS DOS FORMS */

.pc-asterisco-preencher {
    color:var(--pc-obrigatorio-red);
}


/* STYLE PARA O BUTTON PRINCIPAL DO SITE */

.pc-primary-btn {
    color: var(--pc-bg-white);
    background-color: var(--pc-primary-btn-bg);
    border-color: var(--pc-primary-btn-bg);
    padding: 0rem 0rem;
    font-size: 16px;
    font-weight: 600;
    box-shadow: none;
    width:175px;
    border-radius:15px;
}

.pc-primary-btn:hover {
    color: var(--pc-bg-white);
    background-color: var(--pc-primary-btn-bg-hover);
    border-color: var(--pc-primary-btn-bg-hover);
    
}

.pc-primary-btn:active, .pc-primary-btn:focus {
    color: var(--pc-bg-white);
    background-color: var(--pc-primary-btn-bg-hover);
    border-color: var(--pc-primary-btn-bg-hover);
    
}

.pc-primary-btn:disabled, .pc-primary-btn[disabled] {

    background-color: var(--pc-disabled-btns);
    border-color: var(--pc-disabled-btns);
}


/* ESTA CLASSE É PARA OS BUTTONS PRIMARIO QUE NÃO TÊM UM <a> DENTRO */

.no-a {
    padding:0.3rem 0.5rem;
}

/* =================================================================================== */ 


/* STYLE PARA O BUTTON SECUNDARIO DO SITE */

.pc-secondary-btn {
    color: var(--pc-bg-black);
    background-color: var(--pc-secondary-btn-bg);
    border-color: var(--pc-secondary-btn-border);
    padding:0.3rem 0.5rem;
    font-size: 16px;
    font-weight: 600;
    box-shadow: none;
    width:175px;
    border-radius:15px;
}

.pc-secondary-btn:hover {
    color: var(--pc-bg-black);
    background-color: var(--pc-secondary-btn-bg-hover);
    border-color: var(--pc-secondary-btn-bg-hover);
    
}

.pc-secondary-btn:active, .pc-secondary-btn:focus {
    color: var(--pc-bg-black);
    background-color: var(--pc-secondary-btn-bg-hover);
    border-color: var(--pc-secondary-btn-bg-hover);
    
}

/* CSS PARA OS LINKS */

.pc-a, nav.pagination a {

    color: var(--pc-primary-btn-bg);
    text-decoration-color: var(--pc-primary-btn-bg);
    font-size: 16px;
}

.pc-a:hover, nav.pagination a:hover {

    color: var(--pc-primary-btn-bg-hover);
    text-decoration-color: var(--pc-primary-btn-bg-hover);
    cursor: pointer;
    
}

/* =================================================================================== */ 


/* CSS PARA O TOOLTIP */

.pc-tooltip {

    width: 6px;
    height: 18px;
    padding: 0rem 0.8rem 1.1rem 0.4rem;
    border-radius: 10px;
    font-size: 13px;
    border-color: var(--pc-tooltip-border);
    color: var(--pc-bg-black);
    
}


.pc-tooltip:hover, .pc-tooltip:active, .pc-tooltip:focus {

    border-color: var(--pc-primary-btn-bg-hover);
    background-color: var(--pc-primary-btn-bg-hover);
    color: var(--pc-bg-white);
}




/* =================================================================================== */ 
 
 
 
 /* CSS PARA A PAGINAÇÃO */
 
 .page-numbers {
    color: #989696;
    text-decoration: none;
}

.page-numbers > .dots {
    border:none;
    text-decoration:none;
}

.pc-produtos-paginacao .page-numbers:not(:first-child) {
    margin-left: 1rem;
}

.pc-produtos-paginacao .current {

    background-color: var(--pc-green-titles);
    color: var(--pc-bg-white);
    font-weight: bold;
    border: 0.5px var(--pc-green-titles) solid;
    padding:0rem 0.2rem;
}


.pc-produtos-paginacao .prev, .pc-produtos-paginacao .next {

    background-color: var(--pc-bg-white);
    color: var(--pc-green-titles);
    padding: 0rem 0.3rem 0rem 0rem;
    border: none;
    text-decoration:underline;

}

.pc-produtos-paginacao .prev:hover, .pc-produtos-paginacao .next:hover {

    color: var(--pc-green-subtitles);

}


/* ALTERAÇÃO ESPECIFICA PARA A PAGINA DOS AGENTES MARITIMOS E DE CONSULTAR NAVIOS */



.pc-only-2 .current{
    
    background-color: var(--pc-green-titles);
    
}

.pc-only-2 .prev, .pc-only-2 .next {
    
    background:transparent;
}


.pc-only-2 {
    padding-top:2rem;
}
 
/* =================================================================================== */ 
 
 
 
 
 /* CSS PARA OS LINKS DA PÁGINA AGREGADORA DOS PRODUTOS */
 
 .pc-archive-produtos-links {
    color: var(--pc-green-titles);
    text-decoration: none;
    border: 1px solid var(--pc-green-titles);
    border-radius:15px;
    padding:0.3rem 0.5rem;
    font-size:16px;
}

.pc-archive-produtos-links:hover {
    color: var(--pc-green-subtitles);
    border: 1px solid var(--pc-green-subtitles);
    padding:0.3rem 0.5rem;
}


/* ================================================================================== */
 
 
 
 
 /*

QUERY PARA O MOBILE

*/

@media only screen and (max-width: 768px){

    .pc-tooltip {
        width: 0px;
        height: 18px;
        padding: 0rem 0.6rem 0rem 0.3rem;
        border-radius: 10px;
        font-size: 10px;
        border-color: var(--pc-tooltip-border);
        color: var(--pc-bg-black);
    }
    
    .pc-archive-produtos-links {
        
        font-size:12px;
    }
}


@media only screen and (min-width: 768px) and (max-width:1024px) {
    
    .pc-archive-produtos-links {
        
        font-size:14px;
    }
    
}