@charset "utf-8";

/*
    Theme name: Transferência Externa - CMMG
    Template: transferencia
    Author: HUB Tecnológico
    Author URI: https://cmmg.edu.br/hub/apresentacao
    Version: 2025.05.22
    Requires at least: 6.4
    Tested up to: 6.4
    Requires PHP: 7.4
    Text domain: __cmmg

    Description: Tema desenvolvido para a página da Transferência Externa - CMMG
*/

/***************************************************************************************************
    HEADER
***************************************************************************************************/

#__header.transPaginaInicial{

    background-image: url('./imagens/geral/fundoFoto.png'),
                      url('../transferencia/imagens/geral/fundoGranulado.png');
}

h1{

    font-size: 4.5em;
}

h1 span:nth-child(1){

    font-size: .73em;
    color    : var(--transCorHexBeje);
}

h1 span:nth-child(2){

    font-size: 1.1em;
    color    : var(--cmmgCorHexDouradoCmmg);
}

h1 span:nth-child(3){

    font-size: .52em;
    color    : var(--cmmgCorHexTurquesaCmmg);
}

#transHeaderConteudoTextos h4:first-of-type{

    font-size: 4em;
}

#transHeaderConteudoTextos h4:last-child{

    color           : var(--cmmgCorHexPrincipal);
    font-size       : 1.27em;
    text-align      : center;
    width           : fit-content;
    margin          : .5em 0 0 0;
    padding         : .5em 1em;
    border-radius   : .2em;
    background-color: var(--transCorHexBeje);
}

/***************************************************************************************************
    SECTION: Cursos / Conheça
***************************************************************************************************/

section#transSectionConheca .__cmmgLayoutListaAbasConteudo .__cmmgBotao:last-child{

    font-size: 1.1em;
}

ul.transSectionConhecaCards{

    display  : flex;
    flex-wrap: wrap;
    width    : calc(100% + 1em);
    max-width: calc(100% + 1em);
    translate: -.5em 0;
}

ul.transSectionConhecaCards li{

    flex-grow     : 1;
    display       : flex;
    flex-direction: column;
    position      : relative;
    overflow      : hidden;
    height        : calc(300px - 2em);
    max-height    : calc(80 * var(--cmmgVh));
    margin        : .5em;
    padding       : 1em;
    border-radius : .5em;
}

@media only screen and (max-width: 1000px) and (min-width: 400px){

    ul.transSectionConhecaCards li{

        min-width: 250px;
    }
}

ul.transSectionConhecaCards li::after{

    content         : '';
    position        : absolute;
    z-index         : -1;
    top             : 0;
    left            : 0;
    height          : 100%;
    width           : 100%;
    background-color: rgba(0, 0, 0, 36%);
}

ul.transSectionConhecaCards img{

    object-fit: cover;
    width     : 100%;
    height    : 100%;
    z-index   : -2;
    position  : absolute;
    top       : 50%;
    left      : 50%;
    translate : -50% -50%;
    transition: height .75s ease-in-out;
}

ul.transSectionConhecaCards li:hover img{

    height: 120%;
    width : 120%;
}

ul.transSectionConhecaCards h3,
ul.transSectionConhecaCards h6{

    font-weight   : 500;
    color         : #fefefe;
    font-size     : 1em;
    text-transform: uppercase;
    margin        : auto auto .3em 0;
}

ul.transSectionConhecaCards h6{

    font-weight: 300;
    font-size: .8em;
    text-transform: initial;
    margin: 0;
}