.elementor-posts--skin-artigos-bamblue{
    gap:30px
}
.categoria-posts {
    display: flex;
padding: 4px 16px;
border-radius: 100px;
background: var(--Escala-de-cinza-4, #CCC);
gap: 8px;
color: var(--Escala-de-cinza-1, #404040);
max-width:fit-content;
/* Sora/Desktop/Small */
font-family: Sora;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 18px */
margin-bottom:16px;
}

.elementor-posts--skin-artigos-bamblue .elementor-post__title a{
    color: var(--Preto, #1A1A1A);

/* Sora/Desktop/P bold */
font-family: Sora;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 24px */
}
.elementor-posts--skin-artigos-bamblue .elementor-post__excerpt p{
    padding-bottom: 50px;
    color: var(--Escala-de-cinza-1, #404040);
    padding-top:10px;
    /* Sora/Desktop/Small */
    font-family: Sora;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 18px */
}
.elementor-posts--skin-artigos-bamblue .elementor-post__meta-data *{
    color: var(--Escala-de-cinza-1, #404040);
   
    /* Sora/Desktop/Small */
    font-family: Sora;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 18px */
}
.bamblue-card {
	position: relative;
	background: #fff;
	border-radius: 18px;

}


.bamblue-card__inner {
	height: 100%;
}

.bamblue-card .elementor-post__thumbnail img {
	width: 100%;
	height: 230px;
	object-fit: cover;
}

.elementor-posts--skin-artigos-bamblue  .elementor-post__thumbnail{
    border:2px solid #ccc;
    border-radius:10px 10px 0px 0px;
}

.bamblue-card .elementor-post__text {
	padding: 24px;
}

.bamblue-card .elementor-post__meta-data {
color: var(--Escala-de-cinza-2, #7F7F7F);

/* Sora/Desktop/Small */
font-family: Sora;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 18px */
	display: flex;
	gap: 10px;

}

.bamblue-reading-time {
	opacity: .8;
}

.bamblue-card__button {
	position: absolute;
	right: 16px;
	bottom: 16px;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: url('https://bamblue.zyrgon.dev/wp-content/uploads/2026/01/Button_wireframe-6.png');
	color: #fff;
	font-size: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
}

.elementor-posts .elementor-post__card .elementor-post__meta-data {
    border-top:0px;
    margin-bottom: 0;
    padding:0px;
}

.cards-desenhados .elementor-post__card{
       background-size: contain;
       background-image:url(https://bamblue.zyrgon.dev/wp-content/uploads/2026/01/02_forma-1-1.png) !important;
       background-position:bottom center;
       background-repeat:no-repeat;
       background-color:transparent;
       
}
.cards-desenhados .elementor-post__card #more-info{
    position:absolute;
    right:0px;
    bottom:0px;
}



.elementor-post__card.bg-active {
    background-image: url('/wp-content/uploads/2026/01/02_forma1.svg') !important;
}

@media (max-width:1150px){
.cards-desenhados .elementor-post__card .elementor-post__text{
    padding:0px 20px;
}

}
@media  (max-width:1024px){
#more-info{
   
    width: max-content !important;
    height: 48px;
    text-transform: none !important;
    min-width: 131px;
    display: flex !important;
    background: #1A1A1A;
}
   .fundo_azul.equipa #more-info {
    
        min-width:fit-content!important;
    }

.cards-desenhados,
.cards-desenhados .elementor-post__card{
    background-image:url(https://bamblue.zyrgon.dev/wp-content/uploads/2026/01/02_forma1.svg) !important;
    background-repeat:no-repeat;
}
}

@media (max-width:768px){
    .cards-desenhados .elementor-post__card{
        background-size:contain;
    }
     .cards-desenhados .elementor-post__card .elementor-post__text{
    padding:0px 30px;
    }
    .categoria-posts{
        color: var(--Escala-de-cinza-1, #404040);
        
        /* Sora/Mobile/Small regular */
        font-family: Sora;
        font-size: 11px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 16.5px */
    }
    
    .elementor-posts--skin-artigos-bamblue .elementor-post__title{
        color: var(--Preto, #1A1A1A);
        
        /* Sora/Mobile/P Bold */
        font-family: Sora;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%; /* 21px */
    }
    .elementor-posts--skin-artigos-bamblue .elementor-post__excerpt p,
    .elementor-posts--skin-artigos-bamblue span.post-date{
        color: var(--Escala-de-cinza-2, #7F7F7F);
        
        /* Sora/Mobile/Small regular */
        font-family: Sora;
        font-size: 11px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 16.5px */
    }
    
    
}
@media (min-width:580px) and (max-width:602px){
    .cards-desenhados .elementor-post__card .elementor-post__text{
        max-width:450px;
    }
}


/* blog main-section*/

.main-post-blog .cards-desenhados .elementor-post__card,
.main-post-blog .cards-desenhados:hover .elementor-post__card,
.main-post-blog .cards-desenhados,
.main-post-blog .cards-desenhados:hover {
    background-image:none !important;
}
.main-post-blog .cards-desenhados .elementor-post__card .elementor-post__text{
    padding:0px;
}


.main-post-blog .cards-desenhados .elementor-post__card #more-info{
    left:0px;
    bottom:50px;
}
.main-post-blog .elementor-post__meta-data {
    display: flex;
    flex-direction: column-reverse;
}

.main-post-blog .elementor-post__excerpt p{
    color: var(--Preto, #1A1A1A);

/* Sora/Desktop/P */
font-family: Sora;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}


@media (min-width:1025px){
    .main-post-blog .elementor-posts .elementor-post__card{
    flex-direction: row-reverse;
}
.main-post-blog  .elementor-post__text {
    width: 40%!important;
}
.main-post-blog .elementor-post__thumbnail__link {
    width: 60%!important;
}
}

@media (max-width:767px){
    .main-post-blog  .elementor-post__text{
        padding-bottom:50px;
    }
}



/* S&F */


.search-filter-input-button:not(.search-filter-input-button--is-selected){
box-shadow: none;
background: transparent;
border:0px;
color: var(--Escala-de-cinza-1, #404040);
text-align: center;
padding:10px 30px;
/* Sora/Desktop/P */
font-family: Sora;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */

}
.search-filter-input-button:not(.search-filter-input-button--is-selected):hover{
    border-radius: 100px;
    background-color: rgba(204, 204, 204, 0.40)!important;
    padding:10px 30px;
}
/* search and filter blog */
.search-filter-input-button--is-selected,
.search-filter-input-button--is-selected:hover,
.search-filter-input-button--is-selected:focus{
    border-radius: 100px;
    background-color: var(--Escala-de-cinza-4, #CCC);
    padding:10px 30px;
    color: var(--Escala-de-cinza-1, #404040);
    text-align: center;
    border:0px;
    /* Sora/Desktop/P */
    font-family: Sora;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    box-shadow: none;
}

.search-filter-input-button-group {

    justify-content: space-between;
}
@media (max-width:1024px){
   .search-filter-input-button-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: flex-start;
  
}
.elementor-widget-search-filter-field{
    overflow:scroll;
}
}










/* home skins */
.cards-desenhados{
       background-size: contain;
    
}



.cards-desenhados:hover,
.cards-desenhados:hover .elementor-post__card{
    background-image:url(https://bamblue.zyrgon.dev/wp-content/uploads/2026/01/02_forma1.svg) !important;
    background-repeat:no-repeat;
}





.cards-desenhados a {
    width: 100%;
}

.cards-desenhados:hover #more-info, .main-post-blog .elementor-post__read-more{
    width:max-content!important;
    height: 48px;
   text-transform:none!important;
    min-width:131px;
    display: flex!important;
    background:#1A1A1A;
}

#more-info, .main-post-blog .elementor-post__read-more{
    border-radius: 100px;
    background: var(--Escala-de-cinza-1, #404040);
    display: flex;
    padding: 8px 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: var(--Schemes-On-Primary, #FFF);
    text-align: center;
    /* Sora/Desktop/P */
    font-family: Sora;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */

     height: 48px;
     width:48px;

}


@media (min-width:1160px) and (max-width:1350px){
    .cards-desenhados {
        min-height: 420px !important;
    }
    .cards-desenhados .elementor-icon-list-text{
        font-size:16px !important;
    }

    #more-info{
        height:38px;
        width:38px;
    }
    .cards-desenhados:hover #more-info{
         height:38px;
         min-width:fit-content!important;
    }
}
@media (min-width:1025px) and (max-width:1160px){
    .cards-desenhados {
        min-height: 420px !important;
    }
     .cards-desenhados .elementor-widget-icon-list{
         padding:32px 20px !important;
     }
    .cards-desenhados .elementor-icon-list-text{
        font-size:16px !important;
    }

    #more-info{
        height:38px;
        width:38px;
    }
    .cards-desenhados:hover #more-info{
         height:38px;
         min-width:fit-content!important;
    }
}


@media (min-width:1025px) and (max-width:1114px){
        .cards-desenhados {
        min-height: 350px !important;
        
    }
    .cards-desenhados-main .e-con-inner{
    gap:20px 40px !important
    }
    #more-info{
    height:30px;
    width:30px;
    }
     .cards-desenhados .elementor-widget-icon-list{
         padding:32px 20px 50px 20px!important;
     }
    .cards-desenhados:hover #more-info{
         height:30px;
         min-width:fit-content!important;
    }
    .cards-desenhados .elementor-icon-list-text{
        font-size:14px !important;
    }
    .cards-desenhados .elementor-icon-list-icon{
        padding-inline-end:10px;
    }
}
.cards-desenhados-main {
    overflow:hidden;
    
}
@media(max-width:768px){
   #more-info{
   
        color: var(--Schemes-On-Primary, #FFF);
        text-align: center;
        
        /* Sora/Mobile/Small bold */
        font-family: Sora;
        font-size: 11px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%; /* 16.5px */
   }
    .cards-desenhados{
    
    border-radius: 10px;
    }

    /* ===== Cada slide ===== */
    .cards-desenhados-main .swiper-slide {
        width: 100% !important;       /* 1 slide por vez */
        flex-shrink: 0 !important;    /* evita que encolha */
     
    }
    
    
    /* ===== Container principal do Swiper ===== */
    .cards-desenhados-main .swiper-wrapper {
        display: flex !important;     /* garante que os slides fiquem lado a lado */
            padding-bottom: 100px;
    }
    
    
    
    /* ===== Garantir que o Swiper veja apenas 1 slide por vez ===== */
    .cards-desenhados-main.swiper {
        overflow: hidden;             /* evita que mostre slides extras */
    }
    
    /* ===== Botões de navegação (opcional) ===== */
    .cards-desenhados-main .swiper-button-next,
    .cards-desenhados-main .swiper-button-prev {
        color: #000;                  /* ou a cor que quiser */
    }
        .cards-desenhados .elementor-icon-list-text{
        min-height:60px;
    }
}



/*skin recrutamento */


        
        .vaga-faq-header #more-info{
            position:absolute;
            bottom:-15px;
            right:0px;
            cursor:pointer;
        }
        .vaga-faq-header-background {
            --notch-size: 38px;
            --border-color: #CCC;
            --border-radius: 12px;
            position: relative;
            padding: 30px 35px;
            cursor: pointer;
            background: #fff;
            /* Border on all sides, bottom will be covered by ::after area */
            border: 1px solid var(--border-color);
            border-radius: var(--border-radius) var(--border-radius) 0 0;
            border-bottom: none;
            transition: border-color 0.2s ease;
        }

        /* Cover right border in the notch area (white overlay) */
        .vaga-faq-header-background::before {
            content: '';
            position: absolute;
            bottom: 0;
            right: -1px;
            width: 3px;
            height: var(--notch-size);
            background: #fff;
            pointer-events: none;
        }

        /* Bottom border + notch (diagonal + rounded corner + horizontal) using single SVG */
        .vaga-faq-header-background::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: var(--notch-size);
            background: var(--border-color);
            /* SVG with quadratic bezier curve (Q) for rounded corner where diagonal meets horizontal */
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 38' preserveAspectRatio='none'%3E%3Cpath d='M0 37.5 L920 37.5 L950 10 Q960 0 972 0 L1000 0' fill='none' stroke='white' stroke-width='1' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
            -webkit-mask-position: 0 0;
            -webkit-mask-size: 100% 100%;
            -webkit-mask-repeat: no-repeat;
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 38' preserveAspectRatio='none'%3E%3Cpath d='M0 37.5 L920 37.5 L950 10 Q960 0 972 0 L1000 0' fill='none' stroke='white' stroke-width='1' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
            mask-position: 0 0;
            mask-size: 100% 100%;
            mask-repeat: no-repeat;
            pointer-events: none;
            transition: background 0.2s ease;
        }

        /* Hover state */
        .vaga-faq-header:hover .vaga-faq-header-background {
            --border-color: #1A1A1A;
        }

        /* Active state (when vaga is expanded) */
        .vaga-faq-item.ativo .vaga-faq-header-background {
            --border-color: #1A1A1A;
        }

        .vagas-faq {
            display: flex;
            flex-direction: column;
            gap: 24px;
        }

        .vaga-faq-header {
            display: grid;
            grid-template-columns: 1fr auto;
           position:relative;

        }
        .vaga-faq-meta {
            padding-bottom:20px;
            grid-column: 1 / -1;
            font-size: 13px;
            color: #777;
        }
        .vaga-faq-title {
            margin: 0;
            font-size: 16px;
        }

        .vaga-faq-content {
            display: none;
            padding: 20px;
            
        }
        .vaga-faq-item.ativo .vaga-faq-content {
            display: block;
        }
        .vaga-faq-item.ativo .vaga-faq-toggle {
            content: '-';
            transform: rotate(45deg);
        }

/* Responsive - Vagas/Recrutamento */
@media (max-width: 1024px) {
    .vaga-faq-header-background {
        --notch-size: 34px;
        --border-radius: 10px;
        padding: 24px 70px 24px 24px;
    }
    .vaga-faq-header #more-info {
        width: 40px !important;
        height: 40px !important;
        min-width: unset !important;
        bottom: -12px;
    }
    .vaga-faq-title {
        font-size: 14px;
    }
    .vaga-faq-meta {
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    .vaga-faq-header-background {
        --notch-size: 32px;
        --border-radius: 8px;
        padding: 20px 60px 20px 20px;
    }
    .vaga-faq-header #more-info {
        width: 36px !important;
        height: 36px !important;
        min-width: unset !important;
        bottom: -10px;
    }
    .vaga-faq-title {
        font-size: 13px;
        line-height: 1.4;
    }
    .vaga-faq-meta {
        font-size: 11px;
    }
}