/* =========================================================
   VAGAS DO VALE — CARD MOBILE + TABLET
   Referência visual: modelo aprovado pelo usuário.
   NÃO altera desktop (> 1024px).
   ========================================================= */

.vdv-mt-card {
    display: none;
}

/* Só celular e tablet */
@media (max-width: 1024px) {

    .vdv-mt-card {
        --accent: #20b84f;
        --accent-dark: #0f953a;
        --navy: #0d213f;

        width: calc(100% - 20px);
        max-width: 760px;
        min-height: 198px;
        margin: 16px auto;

        display: grid;
        grid-template-columns: minmax(0, 1fr) 92px;

        overflow: hidden;
        background: #fff;

        border: 1px solid #dbe5e0;
        border-radius: 20px;

        box-shadow: 0 12px 26px rgba(15, 23, 42, .10);

        font-family: inherit;
        box-sizing: border-box;
    }

    .vdv-mt-card *,
    .vdv-mt-card *::before,
    .vdv-mt-card *::after {
        box-sizing: border-box;
    }

    .vdv-mt-main {
        display: grid;
        grid-template-columns: 72px minmax(0, 1fr);
        gap: 11px;
        align-items: center;
        min-width: 0;
        padding: 17px 4px 17px 11px;
        background: #fff;
    }

    .vdv-mt-logo {
        width: 72px;
        height: 72px;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        background: #fff;
        border-radius: 16px;
        box-shadow: 0 8px 24px rgba(15,23,42,.10);
    }

    .vdv-mt-logo img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        padding: 6px;
        display: block;
    }

    .vdv-mt-content {
        min-width: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .vdv-mt-new {
        display: none;
        align-items: center;
        justify-content: center;
        height: 22px;
        padding: 0 8px;
        margin: 0 0 6px;
        background: #15983a;
        border-radius: 999px;
        color: #fff;
        font-size: 9px;
        font-weight: 800;
        line-height: 1;
        text-transform: uppercase;
    }

    .vdv-mt-card.is-new .vdv-mt-new {
        display: inline-flex;
    }

    .vdv-mt-company {
        width: 100%;
        margin: 0;
        color: var(--navy);
        font-size: 17px;
        font-weight: 800;
        line-height: 1.08;
        letter-spacing: -.25px;
        text-transform: uppercase;
        overflow-wrap: break-word;
        word-break: normal;
    }

    .vdv-mt-job {
        width: 100%;
        margin: 5px 0 0;
        color: var(--accent);
        font-size: 13px;
        font-weight: 800;
        line-height: 1.10;
        text-transform: uppercase;
        overflow-wrap: break-word;
        word-break: normal;
    }

    .vdv-mt-accent-line {
        width: 25px;
        height: 2px;
        margin-top: 7px;
        background: var(--accent);
        border-radius: 999px;
    }

    .vdv-mt-meta {
        width: 100%;
        display: grid;
        grid-template-columns: minmax(0,1fr) minmax(0,1fr);
        gap: 5px;
        margin-top: 12px;
    }

    .vdv-mt-pill {
        min-width: 0;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 4px;
        padding: 0 4px;
        background: rgba(255,255,255,.96);
        border: 1px solid color-mix(in srgb, var(--accent) 18%, transparent);
        border-radius: 999px;
        box-shadow: 0 5px 13px rgba(15,23,42,.06);
        color: var(--accent-dark);
        font-size: 8.5px;
        font-weight: 700;
        line-height: 1;
        white-space: nowrap;
        overflow: hidden;
    }

    .vdv-mt-pill svg {
        width: 12px;
        height: 12px;
        flex: 0 0 12px;
        stroke: currentColor;
        fill: none;
        stroke-width: 2;
    }

    .vdv-mt-pill span {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .vdv-mt-divider {
        width: 100%;
        height: 1px;
        margin-top: 12px;
        background: #e4e8e6;
    }

    .vdv-mt-location {
        display: flex;
        align-items: center;
        gap: 6px;
        margin-top: 9px;
        color: #566274;
        font-size: 12px;
        font-weight: 700;
        line-height: 1.1;
        text-transform: uppercase;
    }

    .vdv-mt-location svg {
        width: 14px;
        height: 14px;
        flex: 0 0 14px;
        fill: var(--accent);
    }

    .vdv-mt-actions {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 12px;
        padding: 13px 6px 12px 15px;
        background:
            linear-gradient(
                155deg,
                color-mix(in srgb, var(--accent) 85%, white) 0%,
                var(--accent) 52%,
                var(--accent-dark) 100%
            );
        clip-path: polygon(14% 0, 100% 0, 100% 100%, 0 100%);
    }

    .vdv-mt-actions::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 47%;
        background:
            linear-gradient(
                145deg,
                rgba(255,255,255,.06),
                rgba(0,0,0,.14)
            );
        clip-path: polygon(42% 0,100% 0,100% 100%,0 100%);
        pointer-events: none;
    }

    .vdv-mt-share,
    .vdv-mt-view {
        position: relative;
        z-index: 2;
        width: 100%;
        font-family: inherit;
    }

    .vdv-mt-share {
        height: 52px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3px;
        padding: 4px 2px;
        border: 0;
        background: #fff;
        border-radius: 13px;
        box-shadow: 0 8px 15px rgba(3,82,30,.12);
        color: var(--accent-dark);
        font-size: 6.5px;
        font-weight: 800;
        line-height: 1;
        white-space: nowrap;
        cursor: pointer;
    }

    .vdv-mt-share svg {
        width: 18px;
        height: 18px;
        stroke: currentColor;
        fill: none;
        stroke-width: 2;
    }

    .vdv-mt-view {
        height: 45px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 4px;
        padding: 4px;
        border: 2px solid rgba(255,255,255,.95);
        border-radius: 13px;
        background: rgba(5,111,39,.18);
        color: #fff !important;
        font-size: 9px;
        font-weight: 800;
        line-height: 1;
        text-decoration: none !important;
        white-space: nowrap;
    }

    .vdv-mt-view svg {
        width: 15px;
        height: 15px;
        flex: 0 0 15px;
        stroke: currentColor;
        fill: none;
        stroke-width: 2;
    }

    /* Tablet: mesma linguagem visual, ampliada proporcionalmente */
    @media (min-width: 600px) {
        .vdv-mt-card {
            width: calc(100% - 36px);
            max-width: 900px;
            min-height: 235px;
            grid-template-columns: minmax(0,1fr) 122px;
            border-radius: 24px;
        }

        .vdv-mt-main {
            grid-template-columns: 96px minmax(0,1fr);
            gap: 18px;
            padding: 22px 8px 22px 22px;
        }

        .vdv-mt-logo {
            width: 96px;
            height: 96px;
            border-radius: 19px;
        }

        .vdv-mt-new {
            height: 25px;
            padding: 0 10px;
            font-size: 11px;
            margin-bottom: 8px;
        }

        .vdv-mt-company {
            font-size: 24px;
        }

        .vdv-mt-job {
            font-size: 17px;
            margin-top: 7px;
        }

        .vdv-mt-accent-line {
            width: 31px;
            height: 3px;
            margin-top: 9px;
        }

        .vdv-mt-meta {
            gap: 8px;
            margin-top: 16px;
        }

        .vdv-mt-pill {
            height: 39px;
            padding: 0 9px;
            gap: 6px;
            font-size: 11px;
        }

        .vdv-mt-pill svg {
            width: 15px;
            height: 15px;
            flex-basis: 15px;
        }

        .vdv-mt-divider {
            margin-top: 16px;
        }

        .vdv-mt-location {
            margin-top: 12px;
            font-size: 15px;
            gap: 8px;
        }

        .vdv-mt-location svg {
            width: 18px;
            height: 18px;
            flex-basis: 18px;
        }

        .vdv-mt-actions {
            gap: 16px;
            padding: 17px 9px 16px 22px;
        }

        .vdv-mt-share {
            height: 70px;
            border-radius: 16px;
            font-size: 8px;
        }

        .vdv-mt-share svg {
            width: 24px;
            height: 24px;
        }

        .vdv-mt-view {
            height: 61px;
            border-radius: 16px;
            font-size: 12px;
            gap: 6px;
        }

        .vdv-mt-view svg {
            width: 20px;
            height: 20px;
            flex-basis: 20px;
        }
    }

    /* O card original fica invisível só onde o novo card foi criado */
    .job_listing.vdv-mt-ready > :not(.vdv-mt-card),
    li.job_listing.vdv-mt-ready > :not(.vdv-mt-card) {
        display: none !important;
    }

    .job_listing.vdv-mt-ready,
    li.job_listing.vdv-mt-ready {
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        min-height: 0 !important;
        height: auto !important;
        list-style: none !important;
    }
}

/* Desktop: plugin não interfere */
@media (min-width: 1025px) {
    .vdv-mt-card {
        display: none !important;
    }
}


/* =========================================================
   V1.1.0 — DESIGN FINAL AZUL
   Referência: última imagem aprovada.
   Apenas celular e tablet. Desktop permanece intocado.
   ========================================================= */
@media (max-width:1024px){

    /* Remove completamente moldura/efeitos antigos do tema no item original */
    .job_listing.vdv-mt-ready,
    li.job_listing.vdv-mt-ready{
        position:relative!important;
        display:block!important;
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        height:auto!important;
        min-height:0!important;
        margin:14px 0!important;
        padding:0!important;
        border:0!important;
        outline:0!important;
        background:transparent!important;
        box-shadow:none!important;
        border-radius:0!important;
        overflow:visible!important;
        transform:none!important;
    }

    .job_listing.vdv-mt-ready::before,
    .job_listing.vdv-mt-ready::after,
    li.job_listing.vdv-mt-ready::before,
    li.job_listing.vdv-mt-ready::after{
        content:none!important;
        display:none!important;
    }

    .job_listing.vdv-mt-ready > :not(.vdv-mt-card),
    li.job_listing.vdv-mt-ready > :not(.vdv-mt-card){
        display:none!important;
    }

    /* Card igual à referência: branco + painel azul reto */
    .vdv-mt-card{
        --accent:#1677E8!important;
        --accent-dark:#0A5EC2!important;
        --navy:#0B1F3A!important;

        width:calc(100% - 20px)!important;
        max-width:820px!important;
        min-height:210px!important;
        margin:0 auto!important;

        grid-template-columns:minmax(0,1fr) 112px!important;

        background:#fff!important;
        border:1px solid #E7ECF1!important;
        border-radius:20px!important;
        overflow:hidden!important;

        box-shadow:0 8px 22px rgba(15,23,42,.08)!important;
    }

    .vdv-mt-main{
        grid-template-columns:86px minmax(0,1fr)!important;
        gap:16px!important;
        align-items:center!important;
        padding:20px 14px 20px 20px!important;
        background:#fff!important;
    }

    .vdv-mt-logo{
        width:86px!important;
        height:86px!important;
        border-radius:16px!important;
        box-shadow:0 6px 18px rgba(15,23,42,.08)!important;
    }

    .vdv-mt-logo img{
        padding:7px!important;
        transform:none!important;
    }

    .vdv-mt-content{
        gap:0!important;
        justify-content:center!important;
    }

    .vdv-mt-new{
        height:24px!important;
        padding:0 10px!important;
        margin:0 0 8px!important;
        font-size:10px!important;
        background:#15983A!important;
    }

    .vdv-mt-company{
        font-size:20px!important;
        line-height:1.06!important;
        letter-spacing:-.25px!important;
        color:#0B1F3A!important;
        text-align:left!important;
    }

    .vdv-mt-job{
        margin-top:7px!important;
        font-size:15px!important;
        line-height:1.08!important;
        color:#1677E8!important;
        text-align:left!important;
    }

    .vdv-mt-accent-line{
        width:30px!important;
        height:3px!important;
        margin-top:8px!important;
        background:#1677E8!important;
    }

    .vdv-mt-meta{
        gap:10px!important;
        margin-top:16px!important;
        grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    }

    .vdv-mt-pill{
        height:36px!important;
        padding:0 8px!important;
        gap:5px!important;

        background:#fff!important;
        border:1px solid #D9E7FA!important;
        color:#126BD0!important;
        box-shadow:0 4px 10px rgba(15,23,42,.045)!important;

        font-size:10px!important;
        font-weight:700!important;
        text-align:center!important;
    }

    .vdv-mt-pill svg{
        width:13px!important;
        height:13px!important;
        flex:0 0 13px!important;
        stroke-width:2!important;
    }

    .vdv-mt-pill span{
        text-overflow:ellipsis!important;
    }

    .vdv-mt-divider{
        margin-top:14px!important;
        background:#E7EBEF!important;
    }

    .vdv-mt-location{
        margin-top:11px!important;
        gap:7px!important;
        font-size:14px!important;
        color:#566274!important;
        text-align:left!important;
    }

    .vdv-mt-location svg{
        width:16px!important;
        height:16px!important;
        flex:0 0 16px!important;
        fill:#1677E8!important;
    }

    /* Painel lateral RETO, sem inclinação */
    .vdv-mt-actions{
        clip-path:none!important;
        border-radius:0!important;
        padding:17px 10px!important;
        gap:18px!important;

        background:linear-gradient(
            180deg,
            #2A86F1 0%,
            #1677E8 55%,
            #0A5EC2 100%
        )!important;
    }

    .vdv-mt-actions::after{
        content:none!important;
        display:none!important;
    }

    .vdv-mt-share{
        height:66px!important;
        padding:5px 4px!important;
        border-radius:14px!important;
        color:#126BD0!important;
        box-shadow:0 5px 12px rgba(9,70,145,.10)!important;
        font-size:8px!important;
        gap:3px!important;
    }

    .vdv-mt-share svg{
        width:18px!important;
        height:18px!important;
        stroke-width:1.8!important;
    }

    .vdv-mt-view{
        height:58px!important;
        padding:5px 4px!important;
        border-radius:14px!important;
        border:2px solid rgba(255,255,255,.96)!important;
        background:rgba(5,81,176,.18)!important;
        gap:5px!important;
        font-size:11px!important;
    }

    .vdv-mt-view svg{
        width:16px!important;
        height:16px!important;
        flex:0 0 16px!important;
        stroke-width:1.8!important;
    }

    /* Celulares menores */
    @media(max-width:430px){
        .vdv-mt-card{
            width:calc(100% - 16px)!important;
            min-height:198px!important;
            grid-template-columns:minmax(0,1fr) 96px!important;
        }

        .vdv-mt-main{
            grid-template-columns:72px minmax(0,1fr)!important;
            gap:11px!important;
            padding:16px 10px 16px 12px!important;
        }

        .vdv-mt-logo{
            width:72px!important;
            height:72px!important;
        }

        .vdv-mt-company{
            font-size:17px!important;
        }

        .vdv-mt-job{
            font-size:13px!important;
        }

        .vdv-mt-meta{
            gap:6px!important;
            margin-top:13px!important;
        }

        .vdv-mt-pill{
            height:32px!important;
            padding:0 5px!important;
            font-size:8.2px!important;
            gap:3px!important;
        }

        .vdv-mt-pill svg{
            width:11px!important;
            height:11px!important;
            flex-basis:11px!important;
        }

        .vdv-mt-location{
            font-size:12px!important;
        }

        .vdv-mt-actions{
            padding:13px 7px!important;
            gap:14px!important;
        }

        .vdv-mt-share{
            height:54px!important;
            font-size:6.6px!important;
        }

        .vdv-mt-share svg{
            width:15px!important;
            height:15px!important;
        }

        .vdv-mt-view{
            height:48px!important;
            font-size:9px!important;
            gap:4px!important;
        }

        .vdv-mt-view svg{
            width:14px!important;
            height:14px!important;
            flex-basis:14px!important;
        }
    }

    /* Tablet */
    @media(min-width:600px){
        .vdv-mt-card{
            width:calc(100% - 32px)!important;
            max-width:900px!important;
            min-height:250px!important;
            grid-template-columns:minmax(0,1fr) 144px!important;
            border-radius:24px!important;
        }

        .vdv-mt-main{
            grid-template-columns:104px minmax(0,1fr)!important;
            gap:20px!important;
            padding:24px 18px 24px 24px!important;
        }

        .vdv-mt-logo{
            width:104px!important;
            height:104px!important;
            border-radius:19px!important;
        }

        .vdv-mt-company{
            font-size:27px!important;
        }

        .vdv-mt-job{
            font-size:19px!important;
        }

        .vdv-mt-meta{
            gap:12px!important;
            margin-top:18px!important;
        }

        .vdv-mt-pill{
            height:42px!important;
            padding:0 11px!important;
            font-size:11px!important;
        }

        .vdv-mt-location{
            font-size:16px!important;
        }

        .vdv-mt-actions{
            padding:20px 13px!important;
            gap:22px!important;
        }

        .vdv-mt-share{
            height:78px!important;
            font-size:9px!important;
        }

        .vdv-mt-share svg{
            width:24px!important;
            height:24px!important;
        }

        .vdv-mt-view{
            height:68px!important;
            font-size:13px!important;
        }

        .vdv-mt-view svg{
            width:20px!important;
            height:20px!important;
            flex-basis:20px!important;
        }
    }
}


/* =========================================================
   V1.2.0 — AJUSTE DE ENCAIXE
   Mantém o mesmo design azul.
   ========================================================= */
@media (max-width:1024px){

    /* Remove aparência de moldura escura grossa do tema */
    .job_listing.vdv-mt-ready,
    li.job_listing.vdv-mt-ready{
        background:transparent!important;
        border:0!important;
        box-shadow:none!important;
        outline:0!important;
    }

    .vdv-mt-card{
        border:1px solid #E9EEF3!important;
        box-shadow:0 6px 18px rgba(15,23,42,.07)!important;
        grid-template-columns:minmax(0,1fr) 98px!important;
    }

    .vdv-mt-main{
        grid-template-columns:66px minmax(0,1fr)!important;
        gap:12px!important;
        padding:16px 10px 16px 12px!important;
    }

    .vdv-mt-logo{
        width:66px!important;
        height:66px!important;
        min-width:66px!important;
        border-radius:14px!important;
    }

    .vdv-mt-logo img{
        padding:5px!important;
    }

    .vdv-mt-content{
        min-width:0!important;
        width:100%!important;
    }

    .vdv-mt-company,
    .vdv-mt-job{
        width:100%!important;
        max-width:100%!important;
        overflow:visible!important;
        text-overflow:clip!important;
        white-space:normal!important;
        overflow-wrap:break-word!important;
        word-break:normal!important;
    }

    .vdv-mt-company{
        font-size:16px!important;
        line-height:1.05!important;
    }

    .vdv-mt-job{
        font-size:12.5px!important;
        line-height:1.08!important;
    }

    .vdv-mt-meta{
        grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
        gap:5px!important;
        width:100%!important;
        min-width:0!important;
    }

    .vdv-mt-pill{
        min-width:0!important;
        width:100%!important;
        height:31px!important;
        padding:0 3px!important;
        gap:3px!important;
        font-size:7.7px!important;
        letter-spacing:-.02em!important;
    }

    .vdv-mt-pill svg{
        width:10px!important;
        height:10px!important;
        flex:0 0 10px!important;
    }

    .vdv-mt-pill span{
        min-width:0!important;
        width:auto!important;
        overflow:visible!important;
        text-overflow:clip!important;
        white-space:nowrap!important;
        transform:scale(.92);
        transform-origin:left center;
    }

    .vdv-mt-location{
        font-size:11.5px!important;
        gap:5px!important;
    }

    .vdv-mt-location svg{
        width:13px!important;
        height:13px!important;
        flex:0 0 13px!important;
    }

    .vdv-mt-actions{
        padding:12px 6px!important;
        gap:12px!important;
    }

    .vdv-mt-share{
        height:49px!important;
        font-size:6.1px!important;
    }

    .vdv-mt-share svg{
        width:14px!important;
        height:14px!important;
    }

    .vdv-mt-view{
        height:44px!important;
        font-size:8.5px!important;
    }

    .vdv-mt-view svg{
        width:13px!important;
        height:13px!important;
        flex:0 0 13px!important;
    }

    @media(max-width:390px){
        .vdv-mt-card{
            grid-template-columns:minmax(0,1fr) 90px!important;
        }

        .vdv-mt-main{
            grid-template-columns:58px minmax(0,1fr)!important;
            gap:9px!important;
            padding:14px 8px 14px 10px!important;
        }

        .vdv-mt-logo{
            width:58px!important;
            height:58px!important;
            min-width:58px!important;
        }

        .vdv-mt-company{
            font-size:14px!important;
        }

        .vdv-mt-job{
            font-size:11.3px!important;
        }

        .vdv-mt-pill{
            font-size:7px!important;
            height:29px!important;
        }

        .vdv-mt-actions{
            padding:10px 5px!important;
        }

        .vdv-mt-share{
            height:45px!important;
            font-size:5.7px!important;
        }

        .vdv-mt-view{
            height:40px!important;
            font-size:8px!important;
        }
    }

    /* Tablet mantém mesmo visual, só com proporção maior */
    @media(min-width:600px){
        .vdv-mt-card{
            grid-template-columns:minmax(0,1fr) 126px!important;
        }

        .vdv-mt-main{
            grid-template-columns:88px minmax(0,1fr)!important;
            gap:17px!important;
            padding:22px 16px 22px 20px!important;
        }

        .vdv-mt-logo{
            width:88px!important;
            height:88px!important;
        }

        .vdv-mt-company{
            font-size:23px!important;
        }

        .vdv-mt-job{
            font-size:16.5px!important;
        }

        .vdv-mt-pill{
            height:38px!important;
            font-size:10px!important;
            padding:0 7px!important;
        }

        .vdv-mt-pill span{
            transform:none!important;
        }

        .vdv-mt-share{
            height:66px!important;
            font-size:8px!important;
        }

        .vdv-mt-view{
            height:58px!important;
            font-size:11px!important;
        }
    }
}


/* V1.3.0 — remove a moldura escura herdada do tema */
@media (max-width:1024px) {
  .job_listings,
  .job_listings > li,
  .job_listings .job_listing,
  .job_listings .job_listing.vdv-mt-ready,
  .job_listings .job_listing.vdv-mt-ready > a,
  .job_listings .job_listing.vdv-mt-ready > div,
  li.job_listing.vdv-mt-ready {
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    background:transparent !important;
  }

  .job_listings > li::before,
  .job_listings > li::after,
  .job_listings .job_listing::before,
  .job_listings .job_listing::after,
  .job_listing.vdv-mt-ready::before,
  .job_listing.vdv-mt-ready::after {
    content:none !important;
    display:none !important;
    border:0 !important;
    box-shadow:none !important;
    background:none !important;
  }

  .vdv-mt-card {
    width:calc(100% - 16px) !important;
    margin:0 auto !important;
    border:1px solid #E9EEF3 !important;
    outline:0 !important;
    box-shadow:0 6px 18px rgba(15,23,42,.07) !important;
  }
}


/* =========================================================
   V1.4.0 — COMPACTAÇÃO E ALINHAMENTO FINAL
   Mantém o mesmo design azul.
   ========================================================= */
@media (max-width:1024px){

    .vdv-mt-card{
        width:calc(100% - 14px)!important;
        min-height:176px!important;
        grid-template-columns:minmax(0,1fr) 88px!important;
        border-radius:18px!important;
        margin:10px auto!important;
        box-shadow:0 5px 15px rgba(15,23,42,.065)!important;
    }

    .vdv-mt-main{
        grid-template-columns:58px minmax(0,1fr)!important;
        gap:9px!important;
        align-items:center!important;
        padding:13px 8px 13px 10px!important;
    }

    .vdv-mt-logo{
        width:58px!important;
        height:58px!important;
        min-width:58px!important;
        border-radius:13px!important;
        box-shadow:0 4px 12px rgba(15,23,42,.07)!important;
    }

    .vdv-mt-logo img{
        padding:4px!important;
    }

    .vdv-mt-content{
        justify-content:center!important;
        min-width:0!important;
        width:100%!important;
    }

    .vdv-mt-new{
        height:20px!important;
        padding:0 7px!important;
        margin:0 0 5px!important;
        font-size:8.5px!important;
    }

    .vdv-mt-company{
        font-size:14.2px!important;
        line-height:1.04!important;
        letter-spacing:-.12px!important;
        margin:0!important;
    }

    .vdv-mt-job{
        margin-top:4px!important;
        font-size:11.2px!important;
        line-height:1.06!important;
    }

    .vdv-mt-accent-line{
        width:23px!important;
        height:2px!important;
        margin-top:6px!important;
    }

    .vdv-mt-meta{
        display:flex!important;
        align-items:center!important;
        gap:5px!important;
        width:100%!important;
        margin-top:10px!important;
    }

    .vdv-mt-pill{
        flex:1 1 0!important;
        min-width:0!important;
        width:auto!important;
        height:29px!important;
        padding:0 4px!important;
        gap:3px!important;
        font-size:7.15px!important;
        letter-spacing:-.025em!important;
        overflow:visible!important;
    }

    .vdv-mt-pill:first-child{
        flex:0.92 1 0!important;
    }

    .vdv-mt-pill:last-child{
        flex:1.18 1 0!important;
    }

    .vdv-mt-pill svg{
        width:9px!important;
        height:9px!important;
        flex:0 0 9px!important;
    }

    .vdv-mt-pill span{
        display:block!important;
        width:auto!important;
        min-width:0!important;
        max-width:none!important;
        white-space:nowrap!important;
        overflow:visible!important;
        text-overflow:clip!important;
        transform:none!important;
        line-height:1!important;
    }

    .vdv-mt-divider{
        margin-top:10px!important;
    }

    .vdv-mt-location{
        margin-top:8px!important;
        gap:5px!important;
        font-size:10.8px!important;
        line-height:1!important;
    }

    .vdv-mt-location svg{
        width:12px!important;
        height:12px!important;
        flex:0 0 12px!important;
    }

    .vdv-mt-actions{
        padding:10px 5px!important;
        gap:10px!important;
        justify-content:space-between!important;
    }

    .vdv-mt-share{
        height:43px!important;
        padding:3px 2px!important;
        border-radius:11px!important;
        font-size:5.5px!important;
        gap:2px!important;
    }

    .vdv-mt-share svg{
        width:13px!important;
        height:13px!important;
    }

    .vdv-mt-view{
        height:39px!important;
        padding:3px 2px!important;
        border-radius:11px!important;
        gap:3px!important;
        font-size:7.6px!important;
    }

    .vdv-mt-view svg{
        width:12px!important;
        height:12px!important;
        flex:0 0 12px!important;
    }

    @media(max-width:390px){
        .vdv-mt-card{
            grid-template-columns:minmax(0,1fr) 82px!important;
            min-height:170px!important;
        }

        .vdv-mt-main{
            grid-template-columns:52px minmax(0,1fr)!important;
            gap:8px!important;
            padding:12px 7px 12px 8px!important;
        }

        .vdv-mt-logo{
            width:52px!important;
            height:52px!important;
            min-width:52px!important;
        }

        .vdv-mt-company{
            font-size:13px!important;
        }

        .vdv-mt-job{
            font-size:10.2px!important;
        }

        .vdv-mt-pill{
            font-size:6.6px!important;
            height:27px!important;
            padding:0 3px!important;
        }

        .vdv-mt-pill svg{
            width:8px!important;
            height:8px!important;
            flex-basis:8px!important;
        }

        .vdv-mt-location{
            font-size:10px!important;
        }

        .vdv-mt-actions{
            padding:9px 4px!important;
            gap:9px!important;
        }

        .vdv-mt-share{
            height:39px!important;
            font-size:5.1px!important;
        }

        .vdv-mt-view{
            height:36px!important;
            font-size:7.1px!important;
        }
    }

    /* Tablet */
    @media(min-width:600px){
        .vdv-mt-card{
            width:calc(100% - 28px)!important;
            max-width:900px!important;
            min-height:215px!important;
            grid-template-columns:minmax(0,1fr) 118px!important;
            border-radius:22px!important;
        }

        .vdv-mt-main{
            grid-template-columns:82px minmax(0,1fr)!important;
            gap:14px!important;
            padding:18px 13px 18px 17px!important;
        }

        .vdv-mt-logo{
            width:82px!important;
            height:82px!important;
            min-width:82px!important;
        }

        .vdv-mt-new{
            height:23px!important;
            font-size:10px!important;
            margin-bottom:7px!important;
        }

        .vdv-mt-company{
            font-size:21px!important;
        }

        .vdv-mt-job{
            font-size:15px!important;
            margin-top:6px!important;
        }

        .vdv-mt-meta{
            gap:8px!important;
            margin-top:14px!important;
        }

        .vdv-mt-pill{
            height:36px!important;
            font-size:9.5px!important;
            padding:0 7px!important;
        }

        .vdv-mt-pill svg{
            width:12px!important;
            height:12px!important;
            flex-basis:12px!important;
        }

        .vdv-mt-divider{
            margin-top:13px!important;
        }

        .vdv-mt-location{
            margin-top:10px!important;
            font-size:14px!important;
        }

        .vdv-mt-actions{
            padding:14px 8px!important;
            gap:14px!important;
        }

        .vdv-mt-share{
            height:58px!important;
            font-size:7px!important;
        }

        .vdv-mt-share svg{
            width:18px!important;
            height:18px!important;
        }

        .vdv-mt-view{
            height:52px!important;
            font-size:10px!important;
        }

        .vdv-mt-view svg{
            width:15px!important;
            height:15px!important;
            flex-basis:15px!important;
        }
    }
}


/* =========================================================
   V1.5.0 — AJUSTE FINAL SOLICITADO
   - Tudo em maiúsculas
   - Painel azul ~20% mais estreito
   - Ações/ícones reduzidos proporcionalmente
   - Card mais perto da borda do celular
   - Borda fina azul discreta
   ========================================================= */
@media (max-width:1024px){

    .vdv-mt-card{
        width:calc(100% - 8px)!important;
        margin:8px auto!important;
        grid-template-columns:minmax(0,1fr) 70px!important;
        border:1px solid #1677E8!important;
        border-radius:18px!important;
        box-shadow:0 4px 12px rgba(15,23,42,.055)!important;
    }

    .vdv-mt-main{
        grid-template-columns:56px minmax(0,1fr)!important;
        gap:8px!important;
        padding:12px 6px 12px 8px!important;
    }

    .vdv-mt-logo{
        width:56px!important;
        height:56px!important;
        min-width:56px!important;
        border-radius:12px!important;
    }

    .vdv-mt-company,
    .vdv-mt-job,
    .vdv-mt-pill,
    .vdv-mt-location,
    .vdv-mt-share,
    .vdv-mt-view,
    .vdv-mt-new{
        text-transform:uppercase!important;
    }

    .vdv-mt-company{
        font-size:13.8px!important;
        line-height:1.03!important;
    }

    .vdv-mt-job{
        font-size:10.9px!important;
        line-height:1.05!important;
    }

    .vdv-mt-meta{
        gap:4px!important;
        margin-top:9px!important;
    }

    .vdv-mt-pill{
        height:28px!important;
        padding:0 3px!important;
        gap:2px!important;
        font-size:6.8px!important;
        letter-spacing:-.03em!important;
    }

    .vdv-mt-pill svg{
        width:8px!important;
        height:8px!important;
        flex:0 0 8px!important;
    }

    .vdv-mt-location{
        margin-top:7px!important;
        font-size:10.3px!important;
        gap:4px!important;
    }

    .vdv-mt-location svg{
        width:11px!important;
        height:11px!important;
        flex:0 0 11px!important;
    }

    .vdv-mt-actions{
        padding:8px 4px!important;
        gap:8px!important;
    }

    .vdv-mt-share{
        height:35px!important;
        padding:2px 1px!important;
        border-radius:9px!important;
        font-size:4.7px!important;
        gap:1px!important;
    }

    .vdv-mt-share svg{
        width:10px!important;
        height:10px!important;
    }

    .vdv-mt-view{
        height:32px!important;
        padding:2px 1px!important;
        border-radius:9px!important;
        border-width:1.5px!important;
        gap:2px!important;
        font-size:6.5px!important;
    }

    .vdv-mt-view svg{
        width:10px!important;
        height:10px!important;
        flex:0 0 10px!important;
    }

    @media(max-width:390px){
        .vdv-mt-card{
            width:calc(100% - 6px)!important;
            grid-template-columns:minmax(0,1fr) 66px!important;
        }

        .vdv-mt-main{
            grid-template-columns:50px minmax(0,1fr)!important;
            gap:7px!important;
            padding:11px 5px 11px 7px!important;
        }

        .vdv-mt-logo{
            width:50px!important;
            height:50px!important;
            min-width:50px!important;
        }

        .vdv-mt-company{
            font-size:12.7px!important;
        }

        .vdv-mt-job{
            font-size:10px!important;
        }

        .vdv-mt-pill{
            height:26px!important;
            font-size:6.2px!important;
            padding:0 2px!important;
        }

        .vdv-mt-share{
            height:32px!important;
            font-size:4.3px!important;
        }

        .vdv-mt-view{
            height:29px!important;
            font-size:6px!important;
        }
    }

    @media(min-width:600px){
        .vdv-mt-card{
            width:calc(100% - 18px)!important;
            grid-template-columns:minmax(0,1fr) 94px!important;
            border-radius:21px!important;
        }

        .vdv-mt-main{
            grid-template-columns:76px minmax(0,1fr)!important;
            gap:12px!important;
            padding:17px 10px 17px 14px!important;
        }

        .vdv-mt-logo{
            width:76px!important;
            height:76px!important;
            min-width:76px!important;
        }

        .vdv-mt-company{
            font-size:19.5px!important;
        }

        .vdv-mt-job{
            font-size:14px!important;
        }

        .vdv-mt-pill{
            height:34px!important;
            font-size:8.8px!important;
            padding:0 6px!important;
        }

        .vdv-mt-share{
            height:48px!important;
            font-size:6.5px!important;
        }

        .vdv-mt-view{
            height:43px!important;
            font-size:9px!important;
        }
    }
}


/* =========================================================
   V1.6.0 — APLICAÇÃO FORÇADA + GLOSS ESTILO iPHONE
   Apenas celular e tablet.
   ========================================================= */
@media (max-width:1024px){

  .vdv-mt-final{
    position:relative!important;
    overflow:hidden!important;
    width:calc(100% - 4px)!important;
    margin:6px auto!important;
    grid-template-columns:minmax(0,1fr) 64px!important;
    border:1px solid rgba(22,119,232,.72)!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:
      0 8px 22px rgba(13,31,63,.10),
      inset 0 1px 0 rgba(255,255,255,.95)!important;
  }

  /* gloss suave no topo do card */
  .vdv-mt-final::before{
    content:""!important;
    position:absolute!important;
    z-index:3!important;
    left:1px!important;
    right:64px!important;
    top:1px!important;
    height:34%!important;
    border-radius:17px 0 50% 0!important;
    background:linear-gradient(
      180deg,
      rgba(255,255,255,.62) 0%,
      rgba(255,255,255,.22) 46%,
      rgba(255,255,255,0) 100%
    )!important;
    pointer-events:none!important;
  }

  .vdv-mt-final .vdv-mt-main{
    grid-template-columns:50px minmax(0,1fr)!important;
    gap:7px!important;
    padding:10px 4px 10px 6px!important;
  }

  .vdv-mt-final .vdv-mt-logo{
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    border-radius:12px!important;
    border:1px solid rgba(22,119,232,.12)!important;
    box-shadow:0 4px 12px rgba(13,31,63,.07)!important;
  }

  .vdv-mt-final .vdv-mt-company,
  .vdv-mt-final .vdv-mt-job,
  .vdv-mt-final .vdv-mt-pill,
  .vdv-mt-final .vdv-mt-location,
  .vdv-mt-final .vdv-mt-share,
  .vdv-mt-final .vdv-mt-view,
  .vdv-mt-final .vdv-mt-new{
    text-transform:uppercase!important;
  }

  .vdv-mt-final .vdv-mt-company{
    font-size:12.8px!important;
    line-height:1.02!important;
    font-weight:850!important;
  }

  .vdv-mt-final .vdv-mt-job{
    font-size:9.9px!important;
    line-height:1.04!important;
    margin-top:3px!important;
  }

  .vdv-mt-final .vdv-mt-accent-line{
    width:20px!important;
    height:2px!important;
    margin-top:5px!important;
  }

  .vdv-mt-final .vdv-mt-meta{
    display:grid!important;
    grid-template-columns:1fr 1.18fr!important;
    gap:3px!important;
    margin-top:8px!important;
  }

  .vdv-mt-final .vdv-mt-pill{
    height:25px!important;
    padding:0 2px!important;
    gap:2px!important;
    font-size:5.9px!important;
    letter-spacing:-.02em!important;
    background:rgba(255,255,255,.78)!important;
    border:1px solid rgba(22,119,232,.18)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.85),
      0 2px 6px rgba(13,31,63,.035)!important;
    backdrop-filter:blur(5px)!important;
    -webkit-backdrop-filter:blur(5px)!important;
  }

  .vdv-mt-final .vdv-mt-pill svg{
    width:7px!important;
    height:7px!important;
    flex:0 0 7px!important;
  }

  .vdv-mt-final .vdv-mt-divider{
    margin-top:8px!important;
  }

  .vdv-mt-final .vdv-mt-location{
    margin-top:6px!important;
    font-size:9.5px!important;
    gap:4px!important;
  }

  .vdv-mt-final .vdv-mt-location svg{
    width:10px!important;
    height:10px!important;
    flex:0 0 10px!important;
  }

  /* faixa azul 20% menor que a versão anterior */
  .vdv-mt-final .vdv-mt-actions{
    position:relative!important;
    padding:7px 3px!important;
    gap:7px!important;
    background:linear-gradient(
      180deg,
      #2b86f0 0%,
      #1677e8 55%,
      #0a5ec2 100%
    )!important;
  }

  .vdv-mt-final .vdv-mt-actions::before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:0!important;
    height:35%!important;
    background:linear-gradient(
      180deg,
      rgba(255,255,255,.24),
      rgba(255,255,255,0)
    )!important;
    pointer-events:none!important;
  }

  .vdv-mt-final .vdv-mt-share{
    height:29px!important;
    border-radius:8px!important;
    font-size:3.8px!important;
    gap:1px!important;
    padding:1px!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.95),
      0 3px 8px rgba(8,70,150,.10)!important;
  }

  .vdv-mt-final .vdv-mt-share svg{
    width:8px!important;
    height:8px!important;
  }

  .vdv-mt-final .vdv-mt-view{
    height:27px!important;
    border-radius:8px!important;
    border-width:1px!important;
    font-size:5.4px!important;
    gap:1px!important;
    padding:1px!important;
    background:rgba(255,255,255,.08)!important;
  }

  .vdv-mt-final .vdv-mt-view svg{
    width:8px!important;
    height:8px!important;
    flex:0 0 8px!important;
  }

  @media(min-width:600px){
    .vdv-mt-final{
      width:calc(100% - 12px)!important;
      grid-template-columns:minmax(0,1fr) 82px!important;
    }

    .vdv-mt-final::before{
      right:82px!important;
    }

    .vdv-mt-final .vdv-mt-main{
      grid-template-columns:68px minmax(0,1fr)!important;
      gap:11px!important;
      padding:15px 9px 15px 12px!important;
    }

    .vdv-mt-final .vdv-mt-logo{
      width:68px!important;
      height:68px!important;
      min-width:68px!important;
    }

    .vdv-mt-final .vdv-mt-company{
      font-size:18px!important;
    }

    .vdv-mt-final .vdv-mt-job{
      font-size:13px!important;
    }

    .vdv-mt-final .vdv-mt-pill{
      height:32px!important;
      font-size:8px!important;
      padding:0 5px!important;
    }

    .vdv-mt-final .vdv-mt-share{
      height:41px!important;
      font-size:5.5px!important;
    }

    .vdv-mt-final .vdv-mt-view{
      height:37px!important;
      font-size:7.5px!important;
    }
  }
}


/* =========================================================
   V1.7.0 — CONTORNO COMPLETO + MAIS PERTO DA BORDA
   Apenas celular e tablet.
   ========================================================= */
@media (max-width:1024px){

  .vdv-mt-final{
    width:calc(100% - 8px)!important;
    margin:6px 4px!important;

    border:1px solid rgba(22,119,232,.88)!important;
    border-radius:18px!important;

    box-shadow:
      0 6px 16px rgba(13,31,63,.09),
      inset 0 1px 0 rgba(255,255,255,.95)!important;

    background:#fff!important;
    overflow:hidden!important;
  }

  /* garante que a parte branca e a azul sejam uma peça única */
  .vdv-mt-final .vdv-mt-main{
    border-radius:17px 0 0 17px!important;
    background:#fff!important;
  }

  .vdv-mt-final .vdv-mt-actions{
    border-radius:0 17px 17px 0!important;
    overflow:hidden!important;
  }

  /* contorno interno suave para destacar o fim da área branca */
  .vdv-mt-final .vdv-mt-main::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    border-radius:17px 0 0 17px!important;
    box-shadow:inset 0 0 0 1px rgba(22,119,232,.08)!important;
    pointer-events:none!important;
  }

  .vdv-mt-final .vdv-mt-main{
    position:relative!important;
  }

  /* celular menor: margem de 3px de cada lado */
  @media(max-width:430px){
    .vdv-mt-final{
      width:calc(100% - 6px)!important;
      margin:5px 3px!important;
    }
  }

  /* tablet: ainda mantém respiro proporcional */
  @media(min-width:600px){
    .vdv-mt-final{
      width:calc(100% - 14px)!important;
      margin:8px 7px!important;
    }
  }
}


/* =========================================================
   V1.8.0 — VERDE + GLOSS NA BORDA + MARGEM MÍNIMA
   Apenas celular e tablet.
   ========================================================= */
@media (max-width:1024px){

  .vdv-mt-final{
    --accent:#18A84A!important;
    --accent-dark:#0B7F35!important;

    width:calc(100% - 4px)!important;
    margin:5px 2px!important;

    /* borda com brilho/gloss, sem deixar a área branca "solta" */
    border:1px solid transparent!important;
    border-radius:18px!important;

    background:
      linear-gradient(#fff,#fff) padding-box,
      linear-gradient(
        135deg,
        rgba(255,255,255,.98) 0%,
        rgba(62,213,113,.95) 22%,
        rgba(24,168,74,.88) 52%,
        rgba(255,255,255,.92) 78%,
        rgba(11,127,53,.90) 100%
      ) border-box!important;

    box-shadow:
      0 5px 14px rgba(11,127,53,.10),
      inset 0 1px 0 rgba(255,255,255,.96)!important;

    overflow:hidden!important;
  }

  /* remove o gloss antigo de dentro do card */
  .vdv-mt-final::before{
    content:none!important;
    display:none!important;
  }

  .vdv-mt-final .vdv-mt-main{
    background:#fff!important;
    border-radius:17px 0 0 17px!important;
  }

  /* todos os destaques passam para verde */
  .vdv-mt-final .vdv-mt-job,
  .vdv-mt-final .vdv-mt-pill,
  .vdv-mt-final .vdv-mt-share{
    color:#0F8F3D!important;
  }

  .vdv-mt-final .vdv-mt-accent-line{
    background:#18A84A!important;
  }

  .vdv-mt-final .vdv-mt-location svg{
    fill:#18A84A!important;
  }

  .vdv-mt-final .vdv-mt-pill{
    border-color:rgba(24,168,74,.20)!important;
    background:rgba(255,255,255,.88)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.92),
      0 2px 6px rgba(11,127,53,.04)!important;
  }

  .vdv-mt-final .vdv-mt-actions{
    background:linear-gradient(
      180deg,
      #2DCB67 0%,
      #18A84A 55%,
      #0B7F35 100%
    )!important;
    border-radius:0 17px 17px 0!important;
  }

  .vdv-mt-final .vdv-mt-actions::before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:0!important;
    height:24%!important;
    background:linear-gradient(
      180deg,
      rgba(255,255,255,.22),
      rgba(255,255,255,0)
    )!important;
    pointer-events:none!important;
  }

  .vdv-mt-final .vdv-mt-view{
    background:rgba(0,80,30,.14)!important;
  }

  /* celular menor: quase encostado na borda da tela */
  @media(max-width:430px){
    .vdv-mt-final{
      width:calc(100% - 2px)!important;
      margin:4px 1px!important;
    }
  }

  /* tablet: mantém pequeno respiro */
  @media(min-width:600px){
    .vdv-mt-final{
      width:calc(100% - 10px)!important;
      margin:7px 5px!important;
    }
  }
}


/* V1.8.1 — borda verde mais visível, sem alterar o restante */
@media (max-width:1024px){
  .vdv-mt-final{
    border:2px solid transparent!important;

    background:
      linear-gradient(#fff,#fff) padding-box,
      linear-gradient(
        135deg,
        rgba(255,255,255,1) 0%,
        rgba(77,225,128,1) 18%,
        rgba(24,168,74,1) 48%,
        rgba(255,255,255,.98) 74%,
        rgba(11,127,53,1) 100%
      ) border-box!important;

    box-shadow:
      0 5px 15px rgba(11,127,53,.13),
      0 0 0 1px rgba(24,168,74,.10),
      inset 0 1px 0 rgba(255,255,255,.98)!important;
  }
}


/* =========================================================
   V1.9.0 — TEXTOS MAIORES + AUTOAJUSTE
   Empresa, vaga, tempo e cidade ganham destaque.
   O JS reduz a fonte somente quando o conteúdo precisar.
   ========================================================= */
@media (max-width:1024px){

  .vdv-mt-final .vdv-mt-company{
    font-size:16px;
    line-height:1.05!important;
    font-weight:850!important;
    max-width:100%!important;
    overflow:visible!important;
  }

  .vdv-mt-final .vdv-mt-job{
    font-size:13px;
    line-height:1.07!important;
    font-weight:800!important;
    max-width:100%!important;
    overflow:visible!important;
  }

  .vdv-mt-final .vdv-mt-pill{
    height:30px!important;
    padding:0 4px!important;
    gap:3px!important;
  }

  .vdv-mt-final .vdv-mt-pill span{
    font-size:8px;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
    transform:none!important;
  }

  .vdv-mt-final .vdv-mt-pill svg{
    width:10px!important;
    height:10px!important;
    flex:0 0 10px!important;
  }

  .vdv-mt-final .vdv-mt-location{
    font-size:12px;
    font-weight:800!important;
    line-height:1!important;
  }

  .vdv-mt-final .vdv-mt-location span{
    display:block!important;
    min-width:0!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }

  .vdv-mt-final .vdv-mt-location svg{
    width:13px!important;
    height:13px!important;
    flex:0 0 13px!important;
  }

  @media(max-width:390px){
    .vdv-mt-final .vdv-mt-company{
      font-size:15px;
    }

    .vdv-mt-final .vdv-mt-job{
      font-size:12px;
    }

    .vdv-mt-final .vdv-mt-pill span{
      font-size:7.5px;
    }

    .vdv-mt-final .vdv-mt-location{
      font-size:11.5px;
    }
  }

  @media(min-width:600px){
    .vdv-mt-final .vdv-mt-company{
      font-size:22px;
    }

    .vdv-mt-final .vdv-mt-job{
      font-size:17px;
    }

    .vdv-mt-final .vdv-mt-pill{
      height:38px!important;
    }

    .vdv-mt-final .vdv-mt-pill span{
      font-size:10px;
    }

    .vdv-mt-final .vdv-mt-location{
      font-size:15px;
    }
  }
}


/* =========================================================
   V2.0.0 — MELHOR PREENCHIMENTO + 3D LEVE
   - Empresa mais perto do topo
   - Cidade mais perto da borda inferior
   - Tipografia maior
   - Autoajuste preservado
   - Card com profundidade 3D discreta
   ========================================================= */
@media (max-width:1024px){

  .vdv-mt-final{
    position:relative!important;
    transform:translateZ(0)!important;
    box-shadow:
      0 12px 26px rgba(17,66,38,.13),
      0 4px 8px rgba(17,66,38,.07),
      inset 0 1px 0 rgba(255,255,255,.98),
      inset 0 -1px 0 rgba(11,127,53,.10)!important;
  }

  /* brilho de borda superior, não cobre o conteúdo */
  .vdv-mt-final::after{
    content:""!important;
    position:absolute!important;
    z-index:4!important;
    left:10px!important;
    right:10px!important;
    top:1px!important;
    height:2px!important;
    border-radius:999px!important;
    background:linear-gradient(
      90deg,
      rgba(255,255,255,0),
      rgba(255,255,255,.95) 28%,
      rgba(93,230,139,.80) 52%,
      rgba(255,255,255,.95) 74%,
      rgba(255,255,255,0)
    )!important;
    pointer-events:none!important;
  }

  .vdv-mt-final .vdv-mt-main{
    align-items:stretch!important;
    padding-top:7px!important;
    padding-bottom:7px!important;
  }

  .vdv-mt-final .vdv-mt-logo{
    align-self:center!important;
  }

  .vdv-mt-final .vdv-mt-content{
    height:100%!important;
    min-height:0!important;
    align-self:stretch!important;
    justify-content:flex-start!important;
    padding-top:2px!important;
    padding-bottom:2px!important;
  }

  /* mais presença visual; JS reduz automaticamente quando necessário */
  .vdv-mt-final .vdv-mt-company{
    font-size:18px!important;
    line-height:1.02!important;
    font-weight:850!important;
    letter-spacing:-.02em!important;
  }

  .vdv-mt-final .vdv-mt-job{
    font-size:14px!important;
    line-height:1.04!important;
    font-weight:800!important;
    margin-top:4px!important;
  }

  .vdv-mt-final .vdv-mt-accent-line{
    margin-top:5px!important;
  }

  .vdv-mt-final .vdv-mt-meta{
    margin-top:9px!important;
  }

  .vdv-mt-final .vdv-mt-pill{
    height:31px!important;
  }

  .vdv-mt-final .vdv-mt-pill span{
    font-size:8.7px!important;
    line-height:1!important;
    font-weight:800!important;
  }

  /* empurra a divisão/localização para a base do card */
  .vdv-mt-final .vdv-mt-divider{
    margin-top:auto!important;
    padding-top:0!important;
  }

  .vdv-mt-final .vdv-mt-location{
    margin-top:7px!important;
    margin-bottom:1px!important;
    font-size:13px!important;
    line-height:1!important;
    font-weight:850!important;
  }

  .vdv-mt-final .vdv-mt-location span{
    font-size:inherit!important;
  }

  @media(max-width:390px){
    .vdv-mt-final .vdv-mt-company{
      font-size:16.5px!important;
    }

    .vdv-mt-final .vdv-mt-job{
      font-size:13px!important;
    }

    .vdv-mt-final .vdv-mt-pill span{
      font-size:8px!important;
    }

    .vdv-mt-final .vdv-mt-location{
      font-size:12px!important;
    }
  }

  @media(min-width:600px){
    .vdv-mt-final .vdv-mt-main{
      padding-top:10px!important;
      padding-bottom:10px!important;
    }

    .vdv-mt-final .vdv-mt-company{
      font-size:25px!important;
    }

    .vdv-mt-final .vdv-mt-job{
      font-size:18px!important;
    }

    .vdv-mt-final .vdv-mt-pill span{
      font-size:10.5px!important;
    }

    .vdv-mt-final .vdv-mt-location{
      font-size:16px!important;
    }
  }
}


/* =========================================================
   V2.0.1 — "V" VERDE SUAVE DENTRO DO CARD
   Detalhe visual próximo da cidade, integrado à lateral verde.
   ========================================================= */
@media (max-width:1024px){

  .vdv-mt-final .vdv-mt-main{
    position:relative!important;
    overflow:hidden!important;
  }

  /* detalhe principal em V entrando na área branca */
  .vdv-mt-final .vdv-mt-main::before{
    content:""!important;
    position:absolute!important;
    right:-6px!important;
    bottom:14px!important;
    width:88px!important;
    height:54px!important;
    z-index:1!important;
    pointer-events:none!important;
    opacity:.13!important;
    background:linear-gradient(
      135deg,
      rgba(45,203,103,.30) 0%,
      rgba(24,168,74,.42) 50%,
      rgba(11,127,53,.30) 100%
    )!important;
    clip-path:polygon(
      100% 0%,
      78% 0%,
      50% 64%,
      22% 0%,
      0% 0%,
      38% 100%,
      62% 100%
    )!important;
    filter:drop-shadow(0 1px 2px rgba(24,168,74,.08))!important;
  }

  /* brilho suave para dar acabamento no V */
  .vdv-mt-final .vdv-mt-main .vdv-mt-location::after{
    content:""!important;
    position:absolute!important;
    right:30px!important;
    bottom:2px!important;
    width:62px!important;
    height:28px!important;
    z-index:1!important;
    pointer-events:none!important;
    opacity:.10!important;
    background:linear-gradient(
      180deg,
      rgba(255,255,255,.30),
      rgba(45,203,103,.22)
    )!important;
    clip-path:polygon(
      100% 0%,
      78% 0%,
      50% 72%,
      22% 0%,
      0% 0%,
      37% 100%,
      63% 100%
    )!important;
  }

  /* garante que o conteúdo fique acima do detalhe */
  .vdv-mt-final .vdv-mt-logo,
  .vdv-mt-final .vdv-mt-content,
  .vdv-mt-final .vdv-mt-company,
  .vdv-mt-final .vdv-mt-job,
  .vdv-mt-final .vdv-mt-meta,
  .vdv-mt-final .vdv-mt-divider,
  .vdv-mt-final .vdv-mt-location{
    position:relative!important;
    z-index:2!important;
  }

  @media(max-width:430px){
    .vdv-mt-final .vdv-mt-main::before{
      width:76px!important;
      height:48px!important;
      right:-6px!important;
      bottom:12px!important;
      opacity:.12!important;
    }

    .vdv-mt-final .vdv-mt-main .vdv-mt-location::after{
      width:54px!important;
      height:24px!important;
      right:24px!important;
      bottom:2px!important;
      opacity:.09!important;
    }
  }

  @media(min-width:600px){
    .vdv-mt-final .vdv-mt-main::before{
      width:108px!important;
      height:66px!important;
      right:-8px!important;
      bottom:18px!important;
      opacity:.14!important;
    }

    .vdv-mt-final .vdv-mt-main .vdv-mt-location::after{
      width:72px!important;
      height:32px!important;
      right:34px!important;
      bottom:3px!important;
      opacity:.11!important;
    }
  }
}


/* =========================================================
   V2.0.2 — TRIÂNGULO VERDE + MELHOR DISTRIBUIÇÃO VERTICAL
   - remove o V
   - entra um triângulo suave no card
   - reduz o buraco no meio
   - mantém cidade perto da base
   ========================================================= */
@media (max-width:1024px){

  /* substitui o V por um triângulo entrando no card */
  .vdv-mt-final .vdv-mt-main::before{
    content:""!important;
    position:absolute!important;
    right:0!important;
    bottom:14px!important;
    width:78px!important;
    height:94px!important;
    z-index:1!important;
    pointer-events:none!important;
    opacity:.16!important;
    background:linear-gradient(
      135deg,
      rgba(45,203,103,.16) 0%,
      rgba(24,168,74,.26) 52%,
      rgba(11,127,53,.18) 100%
    )!important;
    clip-path:polygon(100% 0%, 100% 100%, 0% 50%)!important;
    filter:none!important;
  }

  /* remove o brilho/segunda forma do V antigo */
  .vdv-mt-final .vdv-mt-location::after{
    content:none!important;
    display:none!important;
  }

  /* distribui melhor o conteúdo e reduz o vazio no meio */
  .vdv-mt-final .vdv-mt-main{
    padding-top:10px!important;
    padding-bottom:8px!important;
  }

  .vdv-mt-final .vdv-mt-content{
    padding-top:5px!important;
    padding-bottom:3px!important;
    justify-content:flex-start!important;
  }

  .vdv-mt-final .vdv-mt-company{
    font-size:20px!important;
    line-height:1.00!important;
  }

  .vdv-mt-final .vdv-mt-job{
    font-size:15px!important;
    line-height:1.03!important;
    margin-top:6px!important;
  }

  .vdv-mt-final .vdv-mt-accent-line{
    margin-top:7px!important;
  }

  .vdv-mt-final .vdv-mt-meta{
    margin-top:12px!important;
  }

  .vdv-mt-final .vdv-mt-pill{
    height:33px!important;
  }

  .vdv-mt-final .vdv-mt-pill span{
    font-size:9px!important;
  }

  /* tira o auto e encurta o espaço morto entre badges e cidade */
  .vdv-mt-final .vdv-mt-divider{
    margin-top:14px!important;
    padding-top:0!important;
  }

  .vdv-mt-final .vdv-mt-location{
    margin-top:8px!important;
    margin-bottom:3px!important;
    font-size:13.5px!important;
  }

  @media(max-width:430px){
    .vdv-mt-final .vdv-mt-main::before{
      width:68px!important;
      height:84px!important;
      bottom:12px!important;
      opacity:.15!important;
    }

    .vdv-mt-final .vdv-mt-company{
      font-size:18px!important;
    }

    .vdv-mt-final .vdv-mt-job{
      font-size:13.8px!important;
    }

    .vdv-mt-final .vdv-mt-pill span{
      font-size:8.2px!important;
    }
  }

  @media(min-width:600px){
    .vdv-mt-final .vdv-mt-main::before{
      width:96px!important;
      height:112px!important;
      bottom:18px!important;
      opacity:.16!important;
    }

    .vdv-mt-final .vdv-mt-company{
      font-size:26px!important;
    }

    .vdv-mt-final .vdv-mt-job{
      font-size:19px!important;
    }

    .vdv-mt-final .vdv-mt-pill span{
      font-size:10.5px!important;
    }

    .vdv-mt-final .vdv-mt-divider{
      margin-top:18px!important;
    }

    .vdv-mt-final .vdv-mt-location{
      font-size:16px!important;
    }
  }
}


/* =========================================================
   V2.0.3 — EFEITO VERDE EM TODA A BORDA
   Mantém o layout e espalha o brilho/efeito por toda a borda.
   ========================================================= */
@media (max-width:1024px){
  .vdv-mt-final{
    border:2px solid transparent!important;
    border-radius:24px!important;
    background:
      linear-gradient(#ffffff,#ffffff) padding-box,
      conic-gradient(
        from 180deg at 50% 50%,
        rgba(183,246,199,.92) 0deg,
        rgba(255,255,255,.96) 26deg,
        rgba(116,229,148,.95) 72deg,
        rgba(255,255,255,.96) 116deg,
        rgba(45,203,103,.92) 168deg,
        rgba(255,255,255,.96) 214deg,
        rgba(24,168,74,.95) 270deg,
        rgba(255,255,255,.96) 314deg,
        rgba(166,241,187,.92) 360deg
      ) border-box!important;
    box-shadow:
      0 10px 24px rgba(15,88,42,.10),
      0 0 0 1px rgba(110,225,141,.12),
      inset 0 1px 0 rgba(255,255,255,.98)!important;
    position:relative!important;
    overflow:hidden!important;
  }

  /* anel interno de brilho verde em toda a volta */
  .vdv-mt-final::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    border-radius:inherit!important;
    padding:1px!important;
    background:linear-gradient(
      135deg,
      rgba(255,255,255,.98) 0%,
      rgba(163,242,184,.84) 18%,
      rgba(255,255,255,.96) 36%,
      rgba(76,214,116,.78) 58%,
      rgba(255,255,255,.96) 78%,
      rgba(35,177,79,.88) 100%
    )!important;
    -webkit-mask:
      linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0)!important;
    -webkit-mask-composite:xor!important;
    mask-composite:exclude!important;
    opacity:.92!important;
    pointer-events:none!important;
    z-index:5!important;
  }

  /* mantém o acabamento da faixa verde alinhado com o novo raio */
  .vdv-mt-final .vdv-mt-main{
    border-radius:22px 0 0 22px!important;
  }

  .vdv-mt-final .vdv-mt-actions{
    border-radius:0 22px 22px 0!important;
  }

  @media(max-width:430px){
    .vdv-mt-final{
      border-radius:22px!important;
    }
    .vdv-mt-final .vdv-mt-main{
      border-radius:20px 0 0 20px!important;
    }
    .vdv-mt-final .vdv-mt-actions{
      border-radius:0 20px 20px 0!important;
    }
  }
}


/* =========================================================
   V2.0.4 — CARD MAIS DESTACADO DO FUNDO
   Mantém todo o layout atual e reforça somente profundidade,
   borda e contraste do card.
   ========================================================= */
@media (max-width:1024px){

  .vdv-mt-final{
    border:2px solid transparent!important;
    border-radius:24px!important;

    background:
      linear-gradient(
        180deg,
        #ffffff 0%,
        #ffffff 70%,
        #fbfdfc 100%
      ) padding-box,
      linear-gradient(
        135deg,
        #59dc83 0%,
        #18a84a 24%,
        #8ce9a8 48%,
        #0b7f35 72%,
        #42cf70 100%
      ) border-box!important;

    box-shadow:
      0 14px 30px rgba(15, 40, 24, .16),
      0 5px 12px rgba(11, 127, 53, .12),
      0 0 0 1px rgba(24,168,74,.14),
      inset 0 1px 0 rgba(255,255,255,1),
      inset 0 -1px 0 rgba(11,127,53,.08)!important;
  }

  /* brilho de borda mais visível em toda a volta */
  .vdv-mt-final::after{
    content:""!important;
    position:absolute!important;
    inset:1px!important;
    border-radius:21px!important;
    pointer-events:none!important;
    z-index:5!important;

    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.86),
      inset 0 2px 4px rgba(255,255,255,.76),
      inset 0 -2px 5px rgba(24,168,74,.10)!important;

    background:linear-gradient(
      120deg,
      rgba(255,255,255,.48) 0%,
      rgba(255,255,255,0) 22%,
      rgba(91,224,132,.10) 48%,
      rgba(255,255,255,0) 72%,
      rgba(255,255,255,.36) 100%
    )!important;

    opacity:1!important;
    -webkit-mask:none!important;
    mask:none!important;
  }

  /* deixa a área branca com relevo muito discreto */
  .vdv-mt-final .vdv-mt-main{
    background:
      linear-gradient(
        180deg,
        #ffffff 0%,
        #ffffff 78%,
        #fbfdfc 100%
      )!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,1),
      inset -1px 0 0 rgba(24,168,74,.06)!important;
  }

  @media(max-width:430px){
    .vdv-mt-final{
      box-shadow:
        0 12px 24px rgba(15,40,24,.15),
        0 4px 10px rgba(11,127,53,.11),
        0 0 0 1px rgba(24,168,74,.13),
        inset 0 1px 0 rgba(255,255,255,1)!important;
    }
  }
}


/* =========================================================
   V2.0.5 — ROLLBACK DO EXAGERO
   Remove o peso da V2.0.4 e volta para um destaque leve.
   ========================================================= */
@media (max-width:1024px){

  .vdv-mt-final{
    border:2px solid transparent!important;
    border-radius:24px!important;

    background:
      linear-gradient(#ffffff,#ffffff) padding-box,
      conic-gradient(
        from 180deg at 50% 50%,
        rgba(183,246,199,.92) 0deg,
        rgba(255,255,255,.96) 26deg,
        rgba(116,229,148,.95) 72deg,
        rgba(255,255,255,.96) 116deg,
        rgba(45,203,103,.92) 168deg,
        rgba(255,255,255,.96) 214deg,
        rgba(24,168,74,.95) 270deg,
        rgba(255,255,255,.96) 314deg,
        rgba(166,241,187,.92) 360deg
      ) border-box!important;

    box-shadow:
      0 10px 24px rgba(15,88,42,.10),
      0 0 0 1px rgba(110,225,141,.12),
      inset 0 1px 0 rgba(255,255,255,.98)!important;
    overflow:hidden!important;
  }

  .vdv-mt-final::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    border-radius:inherit!important;
    padding:1px!important;
    background:linear-gradient(
      135deg,
      rgba(255,255,255,.98) 0%,
      rgba(163,242,184,.84) 18%,
      rgba(255,255,255,.96) 36%,
      rgba(76,214,116,.78) 58%,
      rgba(255,255,255,.96) 78%,
      rgba(35,177,79,.88) 100%
    )!important;
    -webkit-mask:
      linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0)!important;
    -webkit-mask-composite:xor!important;
    mask-composite:exclude!important;
    opacity:.92!important;
    pointer-events:none!important;
    z-index:5!important;
    box-shadow:none!important;
  }

  .vdv-mt-final .vdv-mt-main{
    background:#fff!important;
    box-shadow:none!important;
  }

  @media(max-width:430px){
    .vdv-mt-final{
      box-shadow:
        0 8px 18px rgba(15,88,42,.09),
        0 0 0 1px rgba(110,225,141,.10),
        inset 0 1px 0 rgba(255,255,255,.98)!important;
    }
  }
}


/* =========================================================
   V2.0.6 — ESTILO DESKTOP NO CARD MOBILE/TABLET
   Objetivo:
   - separar melhor o card do fundo
   - usar profundidade/sombra como no desktop
   - parar de depender de borda verde forte
   - manter verde só na faixa lateral e detalhes
   ========================================================= */
@media (max-width:1024px){

  .vdv-mt-final{
    border:1px solid transparent!important;
    border-radius:24px!important;
    overflow:hidden!important;
    position:relative!important;

    /* borda neutra, parecida com card premium de tema */
    background:
      linear-gradient(#ffffff,#ffffff) padding-box,
      linear-gradient(
        180deg,
        rgba(229,235,243,.98) 0%,
        rgba(215,224,236,.92) 100%
      ) border-box!important;

    /* profundidade parecida com desktop */
    box-shadow:
      0 14px 32px rgba(15,23,42,.08),
      0 4px 10px rgba(15,23,42,.05),
      0 1px 0 rgba(255,255,255,.96) inset!important;
  }

  /* brilho discreto no contorno, sem verde exagerado */
  .vdv-mt-final::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    border-radius:inherit!important;
    pointer-events:none!important;
    z-index:5!important;
    background:
      linear-gradient(
        180deg,
        rgba(255,255,255,.45) 0%,
        rgba(255,255,255,0) 16%,
        rgba(255,255,255,0) 84%,
        rgba(15,23,42,.03) 100%
      )!important;
    opacity:1!important;
    -webkit-mask:none!important;
    mask:none!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.88),
      inset 0 0 0 1px rgba(223,230,239,.70)!important;
  }

  /* branco mais definido na área principal */
  .vdv-mt-final .vdv-mt-main{
    background:
      linear-gradient(
        180deg,
        #ffffff 0%,
        #ffffff 74%,
        #fcfdff 100%
      )!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,1),
      inset -1px 0 0 rgba(222,229,238,.40)!important;
  }

  /* faixa verde continua como protagonista */
  .vdv-mt-final .vdv-mt-actions{
    box-shadow:
      inset 1px 0 0 rgba(255,255,255,.14),
      inset 0 1px 0 rgba(255,255,255,.18)!important;
  }

  /* tablets */
  @media (min-width:600px){
    .vdv-mt-final{
      box-shadow:
        0 16px 36px rgba(15,23,42,.09),
        0 5px 12px rgba(15,23,42,.05),
        0 1px 0 rgba(255,255,255,.98) inset!important;
    }
  }

  /* telas menores */
  @media (max-width:430px){
    .vdv-mt-final{
      box-shadow:
        0 12px 24px rgba(15,23,42,.08),
        0 3px 8px rgba(15,23,42,.05),
        0 1px 0 rgba(255,255,255,.96) inset!important;
    }
  }
}


/* =========================================================
   V2.1.0 — CARD SIMPLES IGUAL À REFERÊNCIA
   - logo à esquerda
   - vaga em destaque
   - empresa abaixo com @
   - linha divisória
   - cidade na base
   - sem faixa lateral / sem bloco de ações
   ========================================================= */
@media (max-width:1024px){
  .vdv-mt-final,
  .vdv-mt-card.vdv-mt-final{
    display:block!important;
    width:calc(100% - 24px)!important;
    margin:12px auto!important;
    border:1px solid #dfe4eb!important;
    border-radius:4px!important;
    background:#ffffff!important;
    box-shadow:none!important;
    overflow:hidden!important;
    position:relative!important;
  }

  .vdv-mt-final::before,
  .vdv-mt-final::after,
  .vdv-mt-final .vdv-mt-main::before,
  .vdv-mt-final .vdv-mt-main::after,
  .vdv-mt-final .vdv-mt-actions::before,
  .vdv-mt-final .vdv-mt-actions::after,
  .vdv-mt-final .vdv-mt-location::after{
    content:none!important;
    display:none!important;
  }

  .vdv-mt-final .vdv-mt-actions,
  .vdv-mt-final .vdv-mt-meta,
  .vdv-mt-final .vdv-mt-new,
  .vdv-mt-final .vdv-mt-accent-line{
    display:none!important;
  }

  .vdv-mt-final .vdv-mt-main{
    display:grid!important;
    grid-template-columns:102px minmax(0,1fr)!important;
    align-items:center!important;
    gap:18px!important;
    width:100%!important;
    min-height:auto!important;
    padding:18px 18px 16px 18px!important;
    background:#ffffff!important;
    border:none!important;
    border-radius:0!important;
    box-shadow:none!important;
    text-decoration:none!important;
  }

  .vdv-mt-final .vdv-mt-logo{
    width:100px!important;
    height:100px!important;
    min-width:100px!important;
    border-radius:0!important;
    background:#ffffff!important;
    box-shadow:none!important;
    border:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
  }

  .vdv-mt-final .vdv-mt-logo img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    border-radius:0!important;
  }

  .vdv-mt-final .vdv-mt-content{
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-items:flex-start!important;
    min-height:100px!important;
    padding:0!important;
    gap:0!important;
  }

  .vdv-mt-final .vdv-mt-company,
  .vdv-mt-final .vdv-mt-job,
  .vdv-mt-final .vdv-mt-divider,
  .vdv-mt-final .vdv-mt-location{
    width:100%!important;
  }

  /* topo = vaga */
  .vdv-mt-final .vdv-mt-job{
    order:1!important;
    margin:0!important;
    color:#101010!important;
    font-size:20px!important;
    line-height:1.08!important;
    font-weight:800!important;
    letter-spacing:0!important;
    text-transform:uppercase!important;
    overflow-wrap:anywhere!important;
  }

  /* segunda linha = empresa */
  .vdv-mt-final .vdv-mt-company{
    order:2!important;
    margin:6px 0 0 0!important;
    color:#7a7f87!important;
    font-size:13px!important;
    line-height:1.25!important;
    font-weight:500!important;
    text-transform:uppercase!important;
    overflow-wrap:anywhere!important;
  }

  .vdv-mt-final .vdv-mt-company::before{
    content:'@ '!important;
    color:#8b9098!important;
    font-weight:500!important;
  }

  .vdv-mt-final .vdv-mt-divider{
    order:3!important;
    display:block!important;
    height:1px!important;
    margin:12px 0 12px 0!important;
    background:#e4e7eb!important;
    border:none!important;
    padding:0!important;
  }

  .vdv-mt-final .vdv-mt-location{
    order:4!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    margin:0!important;
    padding:0!important;
    color:#1d1d1d!important;
    font-size:13px!important;
    line-height:1.2!important;
    font-weight:500!important;
    text-transform:uppercase!important;
  }

  .vdv-mt-final .vdv-mt-location svg{
    width:15px!important;
    height:15px!important;
    min-width:15px!important;
    color:#2ecc71!important;
    fill:currentColor!important;
  }

  .vdv-mt-final .vdv-mt-location span{
    color:#1d1d1d!important;
  }

  @media (min-width:600px){
    .vdv-mt-final,
    .vdv-mt-card.vdv-mt-final{
      width:calc(100% - 32px)!important;
      margin:14px auto!important;
      border-radius:6px!important;
    }

    .vdv-mt-final .vdv-mt-main{
      grid-template-columns:116px minmax(0,1fr)!important;
      gap:20px!important;
      padding:20px 22px 18px 22px!important;
    }

    .vdv-mt-final .vdv-mt-logo{
      width:100px!important;
      height:100px!important;
      min-width:100px!important;
    }

    .vdv-mt-final .vdv-mt-job{
      font-size:24px!important;
    }

    .vdv-mt-final .vdv-mt-company{
      font-size:14px!important;
      margin-top:7px!important;
    }

    .vdv-mt-final .vdv-mt-divider{
      margin:14px 0 12px 0!important;
    }

    .vdv-mt-final .vdv-mt-location{
      font-size:14px!important;
    }
  }

  @media (max-width:430px){
    .vdv-mt-final,
    .vdv-mt-card.vdv-mt-final{
      width:calc(100% - 20px)!important;
      margin:10px auto!important;
    }

    .vdv-mt-final .vdv-mt-main{
      grid-template-columns:88px minmax(0,1fr)!important;
      gap:14px!important;
      padding:14px 14px 13px 14px!important;
    }

    .vdv-mt-final .vdv-mt-logo{
      width:82px!important;
      height:82px!important;
      min-width:82px!important;
    }

    .vdv-mt-final .vdv-mt-job{
      font-size:16px!important;
    }

    .vdv-mt-final .vdv-mt-company{
      font-size:11.6px!important;
      margin-top:5px!important;
    }

    .vdv-mt-final .vdv-mt-divider{
      margin:10px 0 10px 0!important;
    }

    .vdv-mt-final .vdv-mt-location{
      font-size:11.8px!important;
    }

    .vdv-mt-final .vdv-mt-location svg{
      width:14px!important;
      height:14px!important;
      min-width:14px!important;
    }
  }
}


/* =========================================================
   V2.1.1 — LOGO MAIOR + BORDA + PROFUNDIDADE
   Mantém o layout simples da V2.1.0.
   ========================================================= */
@media (max-width:1024px){

  .vdv-mt-final,
  .vdv-mt-card.vdv-mt-final{
    border:1.5px solid rgba(24,168,74,.34)!important;
    border-radius:7px!important;
    background:#fff!important;

    box-shadow:
      0 12px 28px rgba(15,23,42,.11),
      0 4px 10px rgba(15,23,42,.06),
      inset 0 1px 0 rgba(255,255,255,.98)!important;
  }

  /* leve relevo na superfície do card */
  .vdv-mt-final::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    border-radius:inherit!important;
    pointer-events:none!important;
    z-index:4!important;
    background:linear-gradient(
      180deg,
      rgba(255,255,255,.40) 0%,
      rgba(255,255,255,0) 22%,
      rgba(15,23,42,0) 82%,
      rgba(15,23,42,.025) 100%
    )!important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.65)!important;
  }

  .vdv-mt-final .vdv-mt-main{
    grid-template-columns:118px minmax(0,1fr)!important;
    gap:20px!important;
    padding:18px 20px 17px 18px!important;
  }

  .vdv-mt-final .vdv-mt-logo{
    width:112px!important;
    height:112px!important;
    min-width:112px!important;
    background:#fff!important;
    border:1px solid rgba(15,23,42,.06)!important;
    box-shadow:
      0 7px 18px rgba(15,23,42,.09),
      inset 0 1px 0 rgba(255,255,255,.98)!important;
  }

  .vdv-mt-final .vdv-mt-logo img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    padding:4px!important;
  }

  @media(max-width:430px){
    .vdv-mt-final,
    .vdv-mt-card.vdv-mt-final{
      border-radius:6px!important;
      box-shadow:
        0 10px 22px rgba(15,23,42,.10),
        0 3px 8px rgba(15,23,42,.055),
        inset 0 1px 0 rgba(255,255,255,.98)!important;
    }

    .vdv-mt-final .vdv-mt-main{
      grid-template-columns:102px minmax(0,1fr)!important;
      gap:16px!important;
      padding:15px 15px 14px 14px!important;
    }

    .vdv-mt-final .vdv-mt-logo{
      width:96px!important;
      height:96px!important;
      min-width:96px!important;
    }
  }

  @media(min-width:600px){
    .vdv-mt-final .vdv-mt-main{
      grid-template-columns:128px minmax(0,1fr)!important;
      gap:22px!important;
      padding:22px 24px 20px 22px!important;
    }

    .vdv-mt-final .vdv-mt-logo{
      width:120px!important;
      height:120px!important;
      min-width:120px!important;
    }
  }
}


/* =========================================================
   V2.1.2 — BORDA/PROFUNDIDADE FORÇADAS + LOGO VISUALMENTE MAIOR
   Mantém a estrutura simples da V2.1.0/V2.1.1.
   ========================================================= */
@media (max-width:1024px){

  .vdv-mt-final,
  .vdv-mt-card.vdv-mt-final{
    width:calc(100% - 20px)!important;
    margin:14px 10px!important;
    border:2px solid #d5dde7!important;
    outline:1px solid rgba(24,168,74,.12)!important;
    outline-offset:0!important;
    border-radius:10px!important;
    background:#ffffff!important;

    box-shadow:
      0 16px 34px rgba(15,23,42,.16),
      0 5px 12px rgba(15,23,42,.08),
      inset 0 1px 0 rgba(255,255,255,.98)!important;

    overflow:hidden!important;
  }

  /* relevo superior muito leve */
  .vdv-mt-final::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:4!important;
    pointer-events:none!important;
    border-radius:inherit!important;
    background:linear-gradient(
      180deg,
      rgba(255,255,255,.58) 0%,
      rgba(255,255,255,0) 18%,
      rgba(255,255,255,0) 82%,
      rgba(15,23,42,.025) 100%
    )!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.72)!important;
    opacity:1!important;
    -webkit-mask:none!important;
    mask:none!important;
  }

  .vdv-mt-final .vdv-mt-main{
    grid-template-columns:126px minmax(0,1fr)!important;
    gap:20px!important;
    padding:18px 20px 18px 18px!important;
    background:#fff!important;
  }

  .vdv-mt-final .vdv-mt-logo{
    width:120px!important;
    height:120px!important;
    min-width:120px!important;
    overflow:hidden!important;
    background:#fff!important;
    border:1px solid #e4e9ef!important;
    border-radius:4px!important;

    box-shadow:
      0 8px 20px rgba(15,23,42,.10),
      inset 0 1px 0 rgba(255,255,255,1)!important;
  }

  .vdv-mt-final .vdv-mt-logo img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    padding:0!important;
    transform:scale(1.55)!important;
    transform-origin:center center!important;
  }

  @media(max-width:430px){
    .vdv-mt-final,
    .vdv-mt-card.vdv-mt-final{
      width:calc(100% - 14px)!important;
      margin:12px 7px!important;
      border-width:2px!important;

      box-shadow:
        0 14px 28px rgba(15,23,42,.15),
        0 4px 10px rgba(15,23,42,.075),
        inset 0 1px 0 rgba(255,255,255,.98)!important;
    }

    .vdv-mt-final .vdv-mt-main{
      grid-template-columns:110px minmax(0,1fr)!important;
      gap:16px!important;
      padding:15px 14px!important;
    }

    .vdv-mt-final .vdv-mt-logo{
      width:104px!important;
      height:104px!important;
      min-width:104px!important;
    }

    .vdv-mt-final .vdv-mt-logo img{
      transform:scale(1.65)!important;
    }
  }

  @media(min-width:600px){
    .vdv-mt-final .vdv-mt-main{
      grid-template-columns:136px minmax(0,1fr)!important;
      gap:22px!important;
      padding:22px 24px 22px 22px!important;
    }

    .vdv-mt-final .vdv-mt-logo{
      width:128px!important;
      height:128px!important;
      min-width:128px!important;
    }

    .vdv-mt-final .vdv-mt-logo img{
      transform:scale(1.55)!important;
    }
  }
}


/* =========================================================
   V2.1.3 — BORDA/PROFUNDIDADE NO CARD + LOGO +50%
   ========================================================= */
@media (max-width:1024px){

  /* CARD INTEIRO: borda + profundidade */
  .vdv-mt-final,
  .vdv-mt-card.vdv-mt-final{
    border:2px solid #cfd8e3!important;
    outline:1px solid rgba(24,168,74,.16)!important;
    outline-offset:0!important;
    border-radius:10px!important;
    background:#ffffff!important;

    box-shadow:
      0 18px 38px rgba(15,23,42,.18),
      0 7px 16px rgba(15,23,42,.09),
      inset 0 1px 0 rgba(255,255,255,1)!important;

    overflow:hidden!important;
  }

  /* relevo do CARD, não da logo */
  .vdv-mt-final::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    border-radius:inherit!important;
    pointer-events:none!important;
    z-index:4!important;

    background:linear-gradient(
      180deg,
      rgba(255,255,255,.52) 0%,
      rgba(255,255,255,0) 18%,
      rgba(255,255,255,0) 82%,
      rgba(15,23,42,.03) 100%
    )!important;

    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.72)!important;
  }

  /* LOGO: sem caixa, sem borda, sem sombra */
  .vdv-mt-final .vdv-mt-logo{
    width:120px!important;
    height:120px!important;
    min-width:120px!important;

    background:transparent!important;
    border:0!important;
    outline:0!important;
    border-radius:0!important;
    box-shadow:none!important;

    overflow:visible!important;
  }

  /* logo visualmente 50% maior que a versão anterior */
  .vdv-mt-final .vdv-mt-logo img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    padding:0!important;
    border:0!important;
    box-shadow:none!important;

    transform:scale(2.325)!important;
    transform-origin:center center!important;
  }

  @media(max-width:430px){
    .vdv-mt-final .vdv-mt-logo{
      width:104px!important;
      height:104px!important;
      min-width:104px!important;
    }

    .vdv-mt-final .vdv-mt-logo img{
      transform:scale(2.475)!important;
    }
  }

  @media(min-width:600px){
    .vdv-mt-final .vdv-mt-logo{
      width:128px!important;
      height:128px!important;
      min-width:128px!important;
    }

    .vdv-mt-final .vdv-mt-logo img{
      transform:scale(2.325)!important;
    }
  }
}


/* =========================================================
   V2.1.4 — BORDA E PROFUNDIDADE NO CARD REAL
   O destaque visual passa a ficar na área principal do card.
   ========================================================= */
@media (max-width:1024px){

  /* zera qualquer aparência fraca do invólucro */
  .vdv-mt-final,
  .vdv-mt-card.vdv-mt-final{
    background:transparent!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    padding:0!important;
    overflow:visible!important;
    margin:14px 10px!important;
  }

  /* CARD VISUAL REAL */
  .vdv-mt-final .vdv-mt-main{
    display:grid!important;
    grid-template-columns:126px minmax(0,1fr)!important;
    gap:20px!important;
    width:100%!important;

    background:#ffffff!important;
    border:2px solid #dfe5ec!important;
    border-radius:14px!important;

    box-shadow:
      0 18px 38px rgba(15,23,42,.14),
      0 6px 14px rgba(15,23,42,.07),
      inset 0 1px 0 rgba(255,255,255,1)!important;

    padding:20px 22px!important;
    position:relative!important;
    overflow:hidden!important;
  }

  /* brilho leve do card */
  .vdv-mt-final .vdv-mt-main::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    border-radius:inherit!important;
    pointer-events:none!important;
    background:linear-gradient(
      180deg,
      rgba(255,255,255,.46) 0%,
      rgba(255,255,255,0) 18%,
      rgba(255,255,255,0) 82%,
      rgba(15,23,42,.02) 100%
    )!important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.58)!important;
  }

  /* faixa superior bem discreta para delimitar melhor */
  .vdv-mt-final .vdv-mt-main::before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:0!important;
    height:2px!important;
    background:linear-gradient(
      90deg,
      rgba(24,168,74,.05) 0%,
      rgba(24,168,74,.26) 45%,
      rgba(24,168,74,.05) 100%
    )!important;
    pointer-events:none!important;
  }

  /* logo continua maior, mas sem caixa pesada */
  .vdv-mt-final .vdv-mt-logo{
    width:120px!important;
    height:120px!important;
    min-width:120px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:0!important;
    overflow:visible!important;
  }

  .vdv-mt-final .vdv-mt-logo img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    padding:0!important;
    transform:scale(2.325)!important;
    transform-origin:center center!important;
  }

  @media (max-width:430px){
    .vdv-mt-final,
    .vdv-mt-card.vdv-mt-final{
      margin:12px 7px!important;
    }

    .vdv-mt-final .vdv-mt-main{
      grid-template-columns:110px minmax(0,1fr)!important;
      gap:16px!important;
      padding:16px 16px!important;
      border-radius:12px!important;

      box-shadow:
        0 15px 30px rgba(15,23,42,.13),
        0 4px 10px rgba(15,23,42,.065),
        inset 0 1px 0 rgba(255,255,255,1)!important;
    }

    .vdv-mt-final .vdv-mt-logo{
      width:104px!important;
      height:104px!important;
      min-width:104px!important;
    }

    .vdv-mt-final .vdv-mt-logo img{
      transform:scale(2.475)!important;
    }
  }

  @media (min-width:600px){
    .vdv-mt-final .vdv-mt-main{
      grid-template-columns:136px minmax(0,1fr)!important;
      gap:22px!important;
      padding:22px 24px!important;
    }

    .vdv-mt-final .vdv-mt-logo{
      width:128px!important;
      height:128px!important;
      min-width:128px!important;
    }

    .vdv-mt-final .vdv-mt-logo img{
      transform:scale(2.325)!important;
    }
  }
}


/* =========================================================
   V2.1.5 — CARDS MAIS PRÓXIMOS + MENOS FLASH DO LAYOUT ANTIGO
   ========================================================= */
@media (max-width:1024px){

  /* reduz o flash do layout antigo antes do card novo entrar */
  html.vdv-mt-processing .job_listing:not(.vdv-mt-ready) > :not(.vdv-mt-card),
  html.vdv-mt-processing li.job_listing:not(.vdv-mt-ready) > :not(.vdv-mt-card){
    visibility:hidden!important;
  }

  html.vdv-mt-processing .job_listing,
  html.vdv-mt-processing li.job_listing{
    position:relative!important;
  }

  html.vdv-mt-processing .job_listing .vdv-mt-card,
  html.vdv-mt-processing li.job_listing .vdv-mt-card{
    visibility:visible!important;
  }

  /* aproxima mais um card do outro */
  .job_listing.vdv-mt-ready,
  li.job_listing.vdv-mt-ready{
    margin:0!important;
    padding:0!important;
    min-height:0!important;
    height:auto!important;
  }

  .job_listings .job_listing.vdv-mt-ready + .job_listing.vdv-mt-ready,
  li.job_listing.vdv-mt-ready + li.job_listing.vdv-mt-ready{
    margin-top:0!important;
  }

  .vdv-mt-final,
  .vdv-mt-card.vdv-mt-final{
    width:calc(100% - 16px)!important;
    margin:7px auto!important;
  }

  /* organiza melhor o conteúdo dentro do card */
  .vdv-mt-final .vdv-mt-main{
    grid-template-columns:112px minmax(0,1fr)!important;
    gap:18px!important;
    padding:16px 18px!important;
    min-height:178px!important;
    align-items:center!important;
  }

  .vdv-mt-final .vdv-mt-content{
    min-height:0!important;
    justify-content:center!important;
  }

  .vdv-mt-final .vdv-mt-job{
    margin:0!important;
    line-height:1.05!important;
  }

  .vdv-mt-final .vdv-mt-company{
    margin:5px 0 0 0!important;
    line-height:1.15!important;
  }

  .vdv-mt-final .vdv-mt-divider{
    margin:10px 0 10px 0!important;
  }

  .vdv-mt-final .vdv-mt-location{
    margin:0!important;
  }

  @media (max-width:430px){
    .vdv-mt-final,
    .vdv-mt-card.vdv-mt-final{
      width:calc(100% - 12px)!important;
      margin:6px auto!important;
    }

    .vdv-mt-final .vdv-mt-main{
      grid-template-columns:94px minmax(0,1fr)!important;
      gap:14px!important;
      padding:14px 14px!important;
      min-height:156px!important;
    }

    .vdv-mt-final .vdv-mt-logo{
      width:86px!important;
      height:86px!important;
      min-width:86px!important;
    }

    .vdv-mt-final .vdv-mt-job{
      font-size:17px!important;
    }

    .vdv-mt-final .vdv-mt-company{
      font-size:12px!important;
    }

    .vdv-mt-final .vdv-mt-location{
      font-size:12px!important;
    }
  }

  @media (min-width:600px) and (max-width:1024px){
    .vdv-mt-final,
    .vdv-mt-card.vdv-mt-final{
      width:calc(100% - 20px)!important;
      margin:8px auto!important;
    }

    .vdv-mt-final .vdv-mt-main{
      grid-template-columns:120px minmax(0,1fr)!important;
      gap:20px!important;
      padding:18px 20px!important;
      min-height:186px!important;
    }
  }
}


/* =========================================================
   V2.1.6 — CARD MAIS ALTO + CONTEÚDO MAIOR + LOAD MORE SEM LAYOUT ANTIGO
   ========================================================= */
@media (max-width:1024px){

  /* some o layout antigo com mais força, inclusive no carregar mais vagas */
  html.vdv-mt-processing .job_listing:not(.vdv-mt-ready) *,
  html.vdv-mt-processing li.job_listing:not(.vdv-mt-ready) *{
    visibility:hidden!important;
  }

  html.vdv-mt-processing .job_listing:not(.vdv-mt-ready) .vdv-mt-card,
  html.vdv-mt-processing .job_listing:not(.vdv-mt-ready) .vdv-mt-card *,
  html.vdv-mt-processing li.job_listing:not(.vdv-mt-ready) .vdv-mt-card,
  html.vdv-mt-processing li.job_listing:not(.vdv-mt-ready) .vdv-mt-card *{
    visibility:visible!important;
  }

  html.vdv-mt-processing .job_listing:not(.vdv-mt-ready),
  html.vdv-mt-processing li.job_listing:not(.vdv-mt-ready){
    min-height:220px!important;
  }

  .vdv-mt-final,
  .vdv-mt-card.vdv-mt-final{
    width:calc(100% - 12px)!important;
    margin:6px auto!important;
  }

  .vdv-mt-final .vdv-mt-main{
    grid-template-columns:132px minmax(0,1fr)!important;
    gap:22px!important;
    padding:22px 22px!important;
    min-height:212px!important;
    align-items:center!important;
  }

  .vdv-mt-final .vdv-mt-logo{
    width:124px!important;
    height:124px!important;
    min-width:124px!important;
    border-radius:12px!important;
  }

  .vdv-mt-final .vdv-mt-logo img{
    max-width:88%!important;
    max-height:88%!important;
  }

  .vdv-mt-final .vdv-mt-content{
    min-height:168px!important;
    justify-content:center!important;
  }

  .vdv-mt-final .vdv-mt-job{
    font-size:18px!important;
    line-height:1.06!important;
    margin:0 0 4px 0!important;
  }

  .vdv-mt-final .vdv-mt-company{
    font-size:13px!important;
    line-height:1.18!important;
    margin:0!important;
  }

  .vdv-mt-final .vdv-mt-meta{
    gap:10px!important;
    margin-top:10px!important;
  }

  .vdv-mt-final .vdv-mt-pill{
    min-height:40px!important;
    padding:0 14px!important;
    font-size:12px!important;
  }

  .vdv-mt-final .vdv-mt-pill svg{
    width:15px!important;
    height:15px!important;
  }

  .vdv-mt-final .vdv-mt-divider{
    margin:12px 0 10px 0!important;
  }

  .vdv-mt-final .vdv-mt-location{
    font-size:13px!important;
    margin:0!important;
  }

  .vdv-mt-final .vdv-mt-location svg{
    width:16px!important;
    height:16px!important;
  }

  .job_listing.vdv-mt-ready,
  li.job_listing.vdv-mt-ready{
    margin:0!important;
    padding:0!important;
  }

  .job_listings .job_listing.vdv-mt-ready + .job_listing.vdv-mt-ready,
  li.job_listing.vdv-mt-ready + li.job_listing.vdv-mt-ready{
    margin-top:4px!important;
  }

  @media (max-width:430px){
    html.vdv-mt-processing .job_listing:not(.vdv-mt-ready),
    html.vdv-mt-processing li.job_listing:not(.vdv-mt-ready){
      min-height:196px!important;
    }

    .vdv-mt-final,
    .vdv-mt-card.vdv-mt-final{
      width:calc(100% - 10px)!important;
      margin:5px auto!important;
    }

    .vdv-mt-final .vdv-mt-main{
      grid-template-columns:108px minmax(0,1fr)!important;
      gap:18px!important;
      padding:18px 16px!important;
      min-height:188px!important;
    }

    .vdv-mt-final .vdv-mt-logo{
      width:100px!important;
      height:100px!important;
      min-width:100px!important;
    }

    .vdv-mt-final .vdv-mt-content{
      min-height:148px!important;
    }

    .vdv-mt-final .vdv-mt-job{
      font-size:16px!important;
    }

    .vdv-mt-final .vdv-mt-company{
      font-size:12px!important;
    }

    .vdv-mt-final .vdv-mt-pill{
      min-height:36px!important;
      padding:0 12px!important;
      font-size:11px!important;
    }

    .vdv-mt-final .vdv-mt-location{
      font-size:12px!important;
    }
  }

  @media (min-width:600px) and (max-width:1024px){
    .vdv-mt-final,
    .vdv-mt-card.vdv-mt-final{
      width:calc(100% - 14px)!important;
    }

    .vdv-mt-final .vdv-mt-main{
      grid-template-columns:144px minmax(0,1fr)!important;
      gap:24px!important;
      padding:24px!important;
      min-height:226px!important;
    }

    .vdv-mt-final .vdv-mt-logo{
      width:132px!important;
      height:132px!important;
      min-width:132px!important;
    }

    .vdv-mt-final .vdv-mt-job{
      font-size:20px!important;
    }

    .vdv-mt-final .vdv-mt-company{
      font-size:14px!important;
    }

    .vdv-mt-final .vdv-mt-location{
      font-size:14px!important;
    }
  }
}


/* =========================================================
   V2.1.7 — LETRAS MAIORES
   Apenas aumenta título, empresa e cidade no mobile/tablet.
   ========================================================= */
@media (max-width:1024px){
  .vdv-mt-final .vdv-mt-job{
    font-size:20px!important;
    line-height:1.05!important;
    letter-spacing:-0.01em!important;
  }

  .vdv-mt-final .vdv-mt-company{
    font-size:14px!important;
    line-height:1.18!important;
  }

  .vdv-mt-final .vdv-mt-location{
    font-size:14px!important;
    line-height:1.15!important;
  }

  .vdv-mt-final .vdv-mt-location svg{
    width:17px!important;
    height:17px!important;
  }

  @media (max-width:430px){
    .vdv-mt-final .vdv-mt-job{
      font-size:18px!important;
      line-height:1.05!important;
    }

    .vdv-mt-final .vdv-mt-company{
      font-size:13px!important;
      line-height:1.18!important;
    }

    .vdv-mt-final .vdv-mt-location{
      font-size:13px!important;
      line-height:1.15!important;
    }
  }

  @media (min-width:600px) and (max-width:1024px){
    .vdv-mt-final .vdv-mt-job{
      font-size:22px!important;
      line-height:1.04!important;
    }

    .vdv-mt-final .vdv-mt-company{
      font-size:15px!important;
      line-height:1.18!important;
    }

    .vdv-mt-final .vdv-mt-location{
      font-size:15px!important;
      line-height:1.15!important;
    }
  }
}