/* =====================================================
   PÁGINAS DE PRODUTOS / PARCEIROS
   Endolatina
===================================================== */


/* =====================================================
   PÁGINA
===================================================== */

.pagina-parceiro {

    padding: 130px 0 80px;
    

}

.pagina-parceiro .interface{

    display: block;
    

}


/* =====================================================
   CABEÇALHO DO PARCEIRO
===================================================== */

.titulo-parceiro {

    text-align: center;

    margin-bottom: 60px;

}


/* =====================================================
   LOGO DO PARCEIRO
===================================================== */

.logo-parceiro {

    display: flex;

    justify-content: center;

    align-items: center;

    /* margin-bottom: 10px; */

}


.logo-parceiro img {

    max-width: 200px;

    max-height: 180px;

    width: auto;

    height: auto;

    object-fit: contain;

}


/* =====================================================
   IDENTIFICAÇÃO
===================================================== */

.titulo-parceiro span {

    display: block;

    color:#444;

    font-size: 21px;

    font-weight: 600;

    letter-spacing: 2px;
    
    margin-bottom: 8px;

}


.titulo-parceiro h1 {

    margin: 0;

    color: #0558A7;

    font-size: 42px;

    font-weight: 700;

}


.titulo-parceiro p {

    margin-top: 8px;

    color: #444;

    font-size: 21px;

}


/* =====================================================
   GRID DAS CATEGORIAS
===================================================== */

.categorias-parceiro {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 25px;

}


/* =====================================================
   CARD DA CATEGORIA
===================================================== */

.categoria-card {

    background: #fff;

    border: 1px solid #e5e5e5;

    border-radius: 12px;

    padding: 20px;

    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);

    transition: transform .3s ease,
                box-shadow .3s ease;

}


.categoria-card:hover {

    transform: translateY(-5px);

    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.10);

}


/* =====================================================
   TÍTULO DA CATEGORIA
===================================================== */

.categoria-card h2 {

    margin: 0 0 20px;

    color: #123d68;

    font-size: 21px;

    font-weight: 600;

    line-height: 1.3;

    text-align: center;

}


/* =====================================================
   LISTA DE PRODUTOS
===================================================== */

.produtos {

    display: flex;

    flex-direction: column;

    gap: 10px;

}


/* =====================================================
   LINK DO PRODUTO
===================================================== */

.produtos a {

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 15px;

    padding: 13px 16px;

    background: #f5f5f5;

    border-radius: 7px;

    color: #0558A7;

    text-decoration: none;

    font-size: 15px;

    font-weight: 500;

    transition:
        background .3s ease,
        color .3s ease,
        transform .3s ease;

}


.produtos a span {

    font-size: 20px;

    transition: transform .3s ease;

}


.produtos a:hover {

    background: #6BCBCB;

    color: #fff;

    transform: translateX(4px);

}


.produtos a:hover span {

    transform: translateX(4px);

}


/* =====================================================
   RESPONSIVIDADE
===================================================== */


/* TABLET */

@media (max-width: 900px) {


    .categorias-parceiro {

        grid-template-columns: 1fr;

    }


    .titulo-parceiro h1 {

        font-size: 36px;

    }


}



/* MOBILE */

@media (max-width: 768px) {


    .pagina-parceiro {

        padding: 110px 20px 60px;

    }


    .titulo-parceiro {

        margin-bottom: 40px;

    }


    .logo-parceiro img {

        max-width: 150px;

        max-height: 70px;

    }


    .titulo-parceiro span {

        font-size: 13px;

    }


    .titulo-parceiro h1 {

        font-size: 32px;

    }


    .titulo-parceiro p {

        font-size: 18px;

    }


    .categorias-parceiro {

        gap: 18px;

    }


    .categoria-card {

        padding: 22px;

    }


    .categoria-card h2 {

        font-size: 19px;

    }


    .produtos a {

        padding: 12px 14px;

        font-size: 14px;

    }


}


/* MOBILE PEQUENO */

@media (max-width: 480px) {


    .pagina-parceiro {

        padding-left: 15px;

        padding-right: 15px;

    }


    .titulo-parceiro h1 {

        font-size: 28px;

    }


    .titulo-parceiro p {

        font-size: 17px;

    }


    .categoria-card {

        padding: 20px;

    }


}