.elementor-3684 .elementor-element.elementor-element-d1a8cbc{--display:flex;}/* Start custom CSS for container, class: .elementor-element-d1a8cbc *//* =========================================================
   CONSULTA PROFISSIONAL INTP
========================================================= */

.intp-consulta{
    --azul-1:#062B50;
    --azul-2:#0B4779;
    --azul-3:#123A6F;

    --ouro:#D3A94E;
    --ouro-claro:#E8C66E;

    --texto:#082F58;
    --cinza:#65768A;

    width:100%;

    font-family:
        "Inter",
        "Segoe UI",
        Arial,
        sans-serif;
}


/* =========================================================
   HERO
========================================================= */

.intp-consulta-hero{

    position:relative;

    padding:
        78px 20px 88px;

    background:
        radial-gradient(
            circle at 78% 15%,
            rgba(255,255,255,.07),
            transparent 31%
        ),
        linear-gradient(
            110deg,
            #052846 0%,
            #073A69 55%,
            #0B5185 100%
        );

    overflow:hidden;
}


.intp-consulta-hero:after{

    content:"";

    position:absolute;

    inset:0;

    pointer-events:none;

    opacity:.16;

    background-image:
        linear-gradient(
            rgba(255,255,255,.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.035) 1px,
            transparent 1px
        );

    background-size:
        58px 58px;
}


.intp-consulta-inner{

    position:relative;

    z-index:2;

    width:
        min(100%, 1100px);

    margin:
        0 auto;

    text-align:center;
}


/* =========================================================
   EYEBROW
========================================================= */

.intp-consulta-eyebrow{

    display:flex;

    align-items:center;
    justify-content:center;

    gap:11px;

    margin-bottom:20px;

    color:#E5C16B;

    font-size:10px;

    font-weight:800;

    letter-spacing:1.6px;
}


.intp-consulta-eyebrow span{

    width:27px;
    height:1px;

    background:
        rgba(229,193,107,.85);
}


/* =========================================================
   TÍTULO
========================================================= */

.intp-consulta h1{

    margin:
        0 0 22px;

    color:#FFFFFF;

    font-size:
        clamp(
            38px,
            4vw,
            62px
        );

    line-height:1.03;

    font-weight:500;

    letter-spacing:-2px;
}


.intp-consulta-descricao{

    width:
        min(100%, 620px);

    margin:
        0 auto 35px;

    color:
        rgba(255,255,255,.82);

    font-size:
        14px;

    line-height:
        1.7;
}


/* =========================================================
   SEARCH
========================================================= */

.intp-search-box{

    width:
        min(100%, 820px);

    min-height:
        62px;

    margin:
        0 auto;

    padding:
        7px 8px 7px 18px;

    display:flex;

    align-items:center;

    gap:13px;

    background:#FFFFFF;

    border:
        1px solid rgba(255,255,255,.35);

    border-radius:
        15px;

    box-shadow:
        0 14px 35px rgba(1,22,42,.20);
}


.intp-search-icon{

    flex:
        0 0 auto;

    display:flex;

    color:#124C84;
}


.intp-search-box input{

    flex:1;

    min-width:0;

    height:46px;

    padding:0;

    border:0 !important;

    outline:0 !important;

    box-shadow:none !important;

    background:transparent !important;

    color:#173B60;

    font-size:14px;
}


.intp-search-box input::placeholder{

    color:#8B99A9;

    opacity:1;
}


/* BOTÃO */

.intp-search-box button{

    flex:
        0 0 auto;

    height:48px;

    min-width:142px;

    padding:
        0 23px;

    display:flex;

    align-items:center;
    justify-content:center;

    gap:13px;

    border:
        1px solid rgba(255,230,167,.45);

    border-radius:
        12px;

    cursor:pointer;

    color:#FFFFFF;

    font-size:13px;

    font-weight:700;

    background:
        linear-gradient(
            135deg,
            #B7862A,
            #E0B959
        );

    box-shadow:
        0 8px 19px rgba(174,125,38,.24);

    transition:
        transform .22s ease,
        box-shadow .22s ease;
}


.intp-search-box button:hover{

    transform:
        translateY(-2px);

    box-shadow:
        0 11px 25px rgba(174,125,38,.31);
}


/* =========================================================
   EXEMPLOS
========================================================= */

.intp-search-examples{

    margin-top:14px;

    display:flex;

    align-items:center;
    justify-content:center;

    flex-wrap:wrap;

    gap:7px;

    color:
        rgba(255,255,255,.55);

    font-size:8px;
}


.intp-search-examples button{

    min-height:auto;

    padding:
        5px 10px;

    color:
        rgba(255,255,255,.77);

    background:
        rgba(255,255,255,.035);

    border:
        1px solid rgba(255,255,255,.14);

    border-radius:
        20px;

    font-size:9px;

    cursor:pointer;
}


/* =========================================================
   RESULTADOS
========================================================= */

.intp-resultados-area{

    min-height:360px;

    padding:
        72px 22px 90px;

    background:
        #F5F7FA;
}


.intp-resultados{

    width:
        min(100%, 1180px);

    margin:
        0 auto;
}


/* =========================================================
   ESTADO INICIAL
========================================================= */

.intp-estado-inicial{

    width:
        min(100%, 480px);

    margin:
        0 auto;

    padding:
        38px 35px;

    text-align:center;

    background:#FFFFFF;

    border:
        1px solid #DCE4EC;

    border-radius:
        18px;

    box-shadow:
        0 12px 28px rgba(4,37,69,.04);
}


.intp-estado-icon{

    width:60px;
    height:60px;

    margin:
        0 auto 18px;

    display:flex;

    align-items:center;
    justify-content:center;

    color:#124B82;

    background:
        #F0F3F7;

    border-radius:
        14px;
}


.intp-estado-inicial h2{

    margin:
        0 0 8px;

    color:
        #092F57;

    font-size:
        23px;

    font-weight:
        500;
}


.intp-estado-inicial p{

    max-width:
        390px;

    margin:
        0 auto;

    color:
        #6E7B89;

    font-size:
        12px;

    line-height:
        1.6;
}


/* =========================================================
   HEADER RESULTADO
========================================================= */

.intp-result-header{

    margin-bottom:
        24px;

    display:flex;

    align-items:center;

    justify-content:
        space-between;

    gap:15px;

    padding-bottom:
        16px;

    border-bottom:
        1px solid #DCE3EA;
}


.intp-result-header span{

    color:#B48630;

    font-size:
        10px;

    font-weight:
        800;

    letter-spacing:
        1.2px;
}


.intp-result-header strong{

    color:#617286;

    font-size:
        12px;

    font-weight:
        600;
}


/* =========================================================
   GRID
========================================================= */

.intp-profissionais-grid{

    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:
        22px;
}


/* =========================================================
   CARD
========================================================= */

.intp-prof-card{

    position:relative;

    overflow:hidden;

    display:flex;

    flex-direction:column;

    background:#FFFFFF;

    border:
        1px solid #DAE3EB;

    border-radius:
        17px;

    box-shadow:
        0 12px 30px rgba(5,37,69,.055);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}


.intp-prof-card:hover{

    transform:
        translateY(-5px);

    border-color:
        rgba(190,149,61,.40);

    box-shadow:
        0 20px 44px rgba(5,37,69,.10);
}


/* FOTO */

.intp-prof-foto{

    position:relative;

    height:245px;

    overflow:hidden;

    background:#EDF2F6;
}


.intp-prof-foto img{

    width:100%;
    height:100%;

    display:block;

    object-fit:cover;

    transition:
        transform .5s ease;
}


.intp-prof-card:hover
.intp-prof-foto img{

    transform:
        scale(1.035);
}


/* VERIFICADO */

.intp-verificado{

    position:absolute;

    right:15px;
    bottom:15px;

    width:34px;
    height:34px;

    display:flex;

    align-items:center;
    justify-content:center;

    color:#083762;

    background:
        linear-gradient(
            135deg,
            #F0D483,
            #C9983B
        );

    border:
        2px solid #FFFFFF;

    border-radius:
        50%;

    font-weight:
        800;

    box-shadow:
        0 5px 12px rgba(0,0,0,.15);
}


/* INFORMAÇÕES */

.intp-prof-info{

    padding:
        23px;
}


.intp-prof-selo{

    margin-bottom:
        9px;

    color:#B3832D;

    font-size:
        8px;

    font-weight:
        800;

    letter-spacing:
        1px;
}


.intp-prof-info h3{

    margin:
        0 0 6px;

    color:#0A345E;

    font-size:
        21px;

    line-height:
        1.2;

    font-weight:
        650;
}


.intp-prof-especialidade{

    min-height:20px;

    margin-bottom:
        18px;

    color:#66798B;

    font-size:
        12px;
}


/* DADOS */

.intp-prof-dados{

    display:grid;

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

    gap:
        8px;

    margin:
        16px 0;
}


.intp-prof-dados > div{

    padding:
        11px 12px;

    background:#F7F9FB;

    border:
        1px solid #E6EBF0;

    border-radius:
        8px;
}


.intp-prof-dados small{

    display:block;

    margin-bottom:
        4px;

    color:#8B99A8;

    font-size:
        7px;

    font-weight:
        750;

    letter-spacing:
        .8px;
}


.intp-prof-dados strong{

    display:block;

    color:#163F67;

    font-size:
        11px;

    font-weight:
        650;
}


/* BOTÃO PERFIL */

.intp-prof-button{

    width:100%;

    min-height:
        43px;

    margin-top:
        5px;

    padding:
        0 15px;

    display:flex;

    align-items:center;
    justify-content:center;

    gap:
        14px;

    color:#FFFFFF !important;

    text-decoration:none !important;

    background:
        linear-gradient(
            135deg,
            #07335C,
            #0C4A7D
        );

    border-radius:
        8px;

    font-size:
        11px;

    font-weight:
        700;

    transition:
        transform .22s ease,
        background .22s ease;
}


.intp-prof-button:hover{

    color:#FFFFFF !important;

    transform:
        translateY(-1px);

    background:
        linear-gradient(
            135deg,
            #A87928,
            #D1A847
        );
}


/* =========================================================
   LOADING
========================================================= */

.intp-loading{

    min-height:250px;

    display:flex;

    flex-direction:column;

    align-items:center;
    justify-content:center;

    gap:15px;

    color:#617286;

    font-size:12px;
}


.intp-spinner{

    width:35px;
    height:35px;

    border:
        3px solid #E1E6EB;

    border-top-color:
        #B68A35;

    border-radius:
        50%;

    animation:
        intpSpin .75s linear infinite;
}


@keyframes intpSpin{

    to{
        transform:
            rotate(360deg);
    }

}


/* =========================================================
   NENHUM RESULTADO
========================================================= */

.intp-nenhum,
.intp-aviso{

    width:
        min(100%, 480px);

    margin:
        0 auto;

    padding:
        38px 30px;

    text-align:center;

    color:#67798A;

    background:#FFFFFF;

    border:
        1px solid #DCE4EB;

    border-radius:
        16px;

    box-shadow:
        0 12px 28px rgba(4,37,69,.04);
}


.intp-nenhum-icon{

    margin-bottom:
        11px;

    color:#B88B38;

    font-size:
        35px;
}


.intp-nenhum h3{

    margin:
        0 0 7px;

    color:#0A345D;

    font-size:
        20px;
}


.intp-nenhum p{

    margin:0;

    font-size:12px;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1024px){

    .intp-profissionais-grid{

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

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px){

    .intp-consulta-hero{

        padding:
            58px 15px 65px;
    }


    .intp-consulta h1{

        font-size:
            38px;

        letter-spacing:
            -1.5px;
    }


    .intp-consulta-descricao{

        font-size:
            12.5px;
    }


    .intp-search-box{

        padding:
            7px 7px 7px 14px;

        border-radius:
            12px;
    }


    .intp-search-box button{

        min-width:
            105px;

        padding:
            0 14px;
    }


    .intp-profissionais-grid{

        grid-template-columns:
            1fr;
    }


    .intp-resultados-area{

        padding:
            48px 15px 65px;
    }


    .intp-prof-foto{

        height:
            270px;
    }


    .intp-result-header{

        align-items:
            flex-start;

        flex-direction:
            column;
    }

}


/* CELULAR PEQUENO */

@media(max-width:480px){

    .intp-search-box{

        display:grid;

        grid-template-columns:
            30px 1fr;

        padding:
            9px 10px;
    }


    .intp-search-box input{

        width:100%;

        font-size:
            12px;
    }


    .intp-search-box button{

        grid-column:
            1 / -1;

        width:100%;

        margin-top:
            3px;
    }


    .intp-consulta h1{

        font-size:
            32px;
    }
/* =========================================================
   CORREÇÃO DO TEXTO DIGITADO NA BUSCA
========================================================= */

.intp-search-box input,
.intp-search-box input[type="search"],
.intp-search-box input[type="text"]{
    color:#173B60 !important;
    -webkit-text-fill-color:#173B60 !important;

    background:#FFFFFF !important;

    caret-color:#173B60 !important;
}


/* PLACEHOLDER */

.intp-search-box input::placeholder{
    color:#8B99A9 !important;
    opacity:1 !important;
}


/* CHROME / EDGE */

.intp-search-box input::-webkit-input-placeholder{
    color:#8B99A9 !important;
    opacity:1 !important;
}


/* FIREFOX */

.intp-search-box input::-moz-placeholder{
    color:#8B99A9 !important;
    opacity:1 !important;
}


/* QUANDO ESTÁ SELECIONADO / FOCADO */

.intp-search-box input:focus{
    color:#173B60 !important;
    -webkit-text-fill-color:#173B60 !important;

    background:#FFFFFF !important;

    outline:none !important;
    box-shadow:none !important;
}
}/* End custom CSS */