.elementor-27956 .elementor-element.elementor-element-03c7c5a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-27956 .elementor-element.elementor-element-3287c0b{text-align:center;}.elementor-27956 .elementor-element.elementor-element-3287c0b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:50px;font-weight:600;color:var( --e-global-color-66d344f );}.elementor-27956 .elementor-element.elementor-element-5327458{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-27956 .elementor-element.elementor-element-4fdad0f .elementor-button{background-color:transparent;font-family:"Roboto", Sans-serif;font-size:20px;font-weight:500;fill:#2D3886;color:#2D3886;background-image:linear-gradient(111deg, #FFDE00 0%, #E2C80F 100%);box-shadow:0px 0px 15px -40px #FFFFFF;border-style:none;border-radius:5px 5px 5px 5px;padding:15px 15px 15px 15px;}.elementor-27956 .elementor-element.elementor-element-4fdad0f .elementor-button:hover, .elementor-27956 .elementor-element.elementor-element-4fdad0f .elementor-button:focus{background-color:#E0C300;color:#374DE9;}.elementor-27956 .elementor-element.elementor-element-4fdad0f.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-27956 .elementor-element.elementor-element-4fdad0f > .elementor-widget-container{border-style:none;border-radius:0px 0px 0px 0px;}.elementor-27956 .elementor-element.elementor-element-4fdad0f:hover > .elementor-widget-container{border-radius:10px 0px 15px 0px;}.elementor-27956 .elementor-element.elementor-element-4fdad0f .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-27956 .elementor-element.elementor-element-4fdad0f .elementor-button .elementor-button-content-wrapper{gap:13px;}.elementor-27956 .elementor-element.elementor-element-4fdad0f .elementor-button:hover svg, .elementor-27956 .elementor-element.elementor-element-4fdad0f .elementor-button:focus svg{fill:#374DE9;}.elementor-27956 .elementor-element.elementor-element-9bed10d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-27956 .elementor-element.elementor-element-07a97ce{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-27956 .elementor-element.elementor-element-03a5560{text-align:center;}.elementor-27956 .elementor-element.elementor-element-03a5560 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:50px;font-weight:600;color:var( --e-global-color-66d344f );}.elementor-27956 .elementor-element.elementor-element-67c252e > .elementor-widget-container{margin:0px 0px 22px 0px;}@media(max-width:767px){.elementor-27956 .elementor-element.elementor-element-4fdad0f > .elementor-widget-container{margin:-18px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-27956 .elementor-element.elementor-element-4fdad0f.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-27956 .elementor-element.elementor-element-4fdad0f .elementor-button{font-size:11px;padding:8px 13px 8px 8px;}.elementor-27956 .elementor-element.elementor-element-03a5560 > .elementor-widget-container{margin:0px 0px 15px 0px;}}/* Start custom CSS for html, class: .elementor-element-67c252e */h1 {
            color: #333;
            margin-bottom: 40px;
            text-align: center;
            font-size: 2.5em;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
        }

        .cards-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 25px;
            max-width: 1400px;
            margin: 0 auto;
        }

        /* Card post-it base (sem ponta dobrada) */
        .card-postit {
            width: 280px;
            box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
            padding: 20px 20px 30px;
            position: relative;
            border-radius: 10px; /* bordas suaves */
            cursor: pointer;
            transition: transform 0.2s, box-shadow 0.2s;
            text-decoration: none;
            color: inherit;
            display: block;
            min-height: 150px;
        }

        .card-postit:hover {
            transform: translateY(-5px);
            box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.3);
        }

        /* Container do título */
        .card-postit .titulo-container {
            display: inline-block;
            margin-bottom: 15px;
            position: relative;
            cursor: pointer;
        }

        /* Título */
        .card-postit .titulo-container h3 {
            margin: 0;
            font-size: 22px;
            color: #333;
            padding: 0 5px;
            position: relative;
            z-index: 2;
            font-weight: 600;
        }

        /* Fundo marca-texto base */
        .card-postit .fundo-marca-texto {
            position: absolute;
            bottom: 2px;
            left: 0;
            width: 0;
            height: 12px;
            z-index: 1;
            transition: width 0.3s ease;
        }

        /* Hover no título ativa o marca-texto */
        .card-postit .titulo-container:hover .fundo-marca-texto {
            width: 100%;
        }

        /* Informações adicionais */
        .card-postit .info {
            font-size: 14px;
            color: #555;
            margin-top: 10px;
            position: relative;
            padding-top: 10px;
        }

        .card-postit .info::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 1px;
            background: repeating-linear-gradient(
                to bottom,
                #ccc,
                #ccc 2px,
                transparent 2px,
                transparent 5px
            );
        }

        .card-postit .preco {
            color: #2a7a2a;
            font-weight: bold;
            font-size: 16px;
            margin-top: 8px;
        }

        .card-postit .link-indicator {
            font-size: 12px;
            color: #888;
            margin-top: 10px;
            font-style: italic;
        }

        /* CORES INDIVIDUAIS PARA CADA OLIMPÍADA */
        
        .card-postit.obmep {
            background: linear-gradient(135deg, #fff9c6 90%, #e6d8a8 100%);
        }
        .card-postit.obmep .fundo-marca-texto {
            background-color: rgba(255, 200, 0, 0.6);
        }

        .card-postit.op {
            background: linear-gradient(135deg, #ffe0f0 90%, #f8c0d8 100%);
        }
        .card-postit.op .fundo-marca-texto {
            background-color: rgba(255, 105, 180, 0.5);
        }

        .card-postit.oba {
            background: linear-gradient(135deg, #e0f0ff 90%, #c0d8ff 100%);
        }
        .card-postit.oba .fundo-marca-texto {
            background-color: rgba(100, 150, 255, 0.5);
        }

        .card-postit.obq {
            background: linear-gradient(135deg, #e0ffe0 90%, #c0e0c0 100%);
        }
        .card-postit.obq .fundo-marca-texto {
            background-color: rgba(100, 200, 100, 0.6);
        }

        .card-postit.onhb {
            background: linear-gradient(135deg, #fff0d0 90%, #f8e0b0 100%);
        }
        .card-postit.onhb .fundo-marca-texto {
            background-color: rgba(255, 165, 0, 0.5);
        }

        .card-postit.ogb {
            background: linear-gradient(135deg, #d0f0d0 90%, #a8d0a8 100%);
        }
        .card-postit.ogb .fundo-marca-texto {
            background-color: rgba(0, 150, 0, 0.4);
        }

        .card-postit.obb {
            background: linear-gradient(135deg, #f0e0ff 90%, #d8c0f8 100%);
        }
        .card-postit.obb .fundo-marca-texto {
            background-color: rgba(160, 100, 255, 0.5);
        }

        .card-postit.onc {
            background: linear-gradient(135deg, #ffe0e0 90%, #f8c0c0 100%);
        }
        .card-postit.onc .fundo-marca-texto {
            background-color: rgba(255, 100, 100, 0.5);
        }

        .card-postit.obf {
            background: linear-gradient(135deg, #d0e0ff 90%, #a8c0f0 100%);
        }
        .card-postit.obf .fundo-marca-texto {
            background-color: rgba(70, 130, 255, 0.6);
        }

        .card-postit.obr {
            background: linear-gradient(135deg, #e5d0ff 90%, #c0a0e0 100%);
        }
        .card-postit.obr .fundo-marca-texto {
            background-color: rgba(150, 50, 255, 0.5);
        }

        .card-postit.obgp {
            background: linear-gradient(135deg, #f0e5d0 90%, #d8c8a8 100%);
        }
        .card-postit.obgp .fundo-marca-texto {
            background-color: rgba(180, 130, 50, 0.5);
        }

        .card-postit.onee {
            background: linear-gradient(135deg, #d0fff0 90%, #a8e0d0 100%);
        }
        .card-postit.onee .fundo-marca-texto {
            background-color: rgba(0, 200, 180, 0.5);
        }

       .card-postit.obi {
    background: linear-gradient(135deg, #c0e0ff 90%, #90c0f0 100%);
}
        .card-postit.obi .fundo-marca-texto {
            background-color: rgba(150, 150, 150, 0.5);
        }

        /* TANGRAM - efeito especial */
     /* TANGRAM - versão sem furta-cor */
.card-postit.tangram {
    background: linear-gradient(135deg, #fff9c6 90%, #e6d8a8 100%); /* mantém tom de post-it amarelo */
    position: relative;
    overflow: hidden;
}

/* Remove o gradiente colorido do fundo */
.card-postit.tangram::after {
    display: none; /* elimina o furta-cor */
}

/* Marca-texto com cor sólida (laranja suave) */
.card-postit.tangram .fundo-marca-texto {
    background-color: rgba(255, 180, 70, 0.6); /* laranja sólido */
}

        /* Garante que o texto fique acima de qualquer fundo */
        .card-postit .info, 
        .card-postit h3 {
            position: relative;
            z-index: 5;
        }/* End custom CSS */
/* Start custom CSS */.titulo:hover .fundo{
    width: 80% !important;
    transition: width 0.4s ease !important;
}/* End custom CSS */