.elementor-3955 .elementor-element.elementor-element-d680d86{--display:flex;--min-height:50px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--overlay-mix-blend-mode:multiply;}.elementor-3955 .elementor-element.elementor-element-d680d86:not(.elementor-motion-effects-element-type-background), .elementor-3955 .elementor-element.elementor-element-d680d86 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(59deg, #063D98 0%, #021D83 100%);}.elementor-3955 .elementor-element.elementor-element-d680d86::before, .elementor-3955 .elementor-element.elementor-element-d680d86 > .elementor-background-video-container::before, .elementor-3955 .elementor-element.elementor-element-d680d86 > .e-con-inner > .elementor-background-video-container::before, .elementor-3955 .elementor-element.elementor-element-d680d86 > .elementor-background-slideshow::before, .elementor-3955 .elementor-element.elementor-element-d680d86 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3955 .elementor-element.elementor-element-d680d86 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://hospitalsaopaulorinopolis.com.br/wp-content/uploads/2025/11/linhas-batimentos-150x150.png");--background-overlay:'';background-repeat:no-repeat;background-size:contain;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3955 .elementor-element.elementor-element-41652ea{width:100%;max-width:100%;margin:6px 6px calc(var(--kit-widget-spacing, 0px) + 6px) 6px;padding:1px 1px 1px 1px;text-align:center;}.elementor-3955 .elementor-element.elementor-element-41652ea.elementor-element{--align-self:flex-start;}.elementor-3955 .elementor-element.elementor-element-41652ea .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:25px;font-weight:600;color:#F4F6FA;}.elementor-3955 .elementor-element.elementor-element-1c5ade2{--display:flex;--min-height:85px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-3955 .elementor-element.elementor-element-1c5ade2:not(.elementor-motion-effects-element-type-background), .elementor-3955 .elementor-element.elementor-element-1c5ade2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hospitalsaopaulorinopolis.com.br/wp-content/uploads/2025/11/transparencia.webp");background-position:center center;background-size:cover;}.elementor-3955 .elementor-element.elementor-element-4ee3f98{--display:flex;--min-height:100vh;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3955 .elementor-element.elementor-element-f9efefc{text-align:justify;color:#2C2C2C;}.elementor-3955 .elementor-element.elementor-element-f4d325d{width:auto;max-width:auto;}.elementor-3955 .elementor-element.elementor-element-f4d325d.elementor-element{--align-self:center;--order:99999 /* order end hack */;--flex-grow:1;--flex-shrink:0;}/* Start custom CSS for wp-widget-wpdm_categories, class: .elementor-element-f4d325d *//* =============================
   CARDS INSTITUCIONAIS WPDM
   ============================= */

/* Flex container */
.wpdm-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding: 0;
    margin: 0;
}

/* CARD BASE */
.wpdm-categories > li {
    flex: 0 0 calc(25% - 16px); /* 4 por linha */
    background: #fff;
    border: 1px solid #d0d6e6;
    border-radius: 6px;
    padding: 14px 16px 16px 38px;
    list-style: none;
    position: relative;
    cursor: pointer;
    box-shadow: 0 1px 4px rgba(0,0,0,0.04);
    transition: all .30s ease;
    
    /* ALTURA PADRÃO DOS CARDS */
    min-height: 120px; 
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

/* Ícone pasta */
.wpdm-categories > li:before {
    content: "\f07b";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #063d98;
    position: absolute;
    left: 12px;
    top: 16px;
    opacity: .95;
    transition: transform .25s ease;
}

/* HOVER SUAVE */
.wpdm-categories > li:hover {
    border-color: #2c6ff0;
    box-shadow: 0 6px 16px rgba(7, 56, 130, 0.12);
    transform: translateY(-4px);
}

/* Ícone sobe levemente no hover */
.wpdm-categories > li:hover:before {
    transform: translateY(-2px);
}

/* Links */
.wpdm-categories a {
    text-decoration: none !important;
    color: #063d98 !important;
    font-weight: 500;
    transition: color .2s ease;
}

/* Hover link */
.wpdm-categories a:hover {
    color: #2c6ff0 !important;
    text-decoration: underline;
}

/* Subcategorias (texto menor) dentro do card */
.wpdm-categories > li > ul {
    margin-top: 10px;
    padding: 0;
}

/* Subcategoria (com documento) */
.wpdm-categories li ul li {
    font-weight: 400;
    margin-bottom: 4px;
    padding-left: 26px;
    list-style: none;
    position: relative;
}

.wpdm-categories li ul li:before {
    content: "\f15c";
    font-family: "Font Awesome 6 Free";
    font-weight: 400;
    position: absolute;
    left: 0;
    top: 2px;
    color: #0c50c7;
    opacity: .85;
}

/* 📱 Responsivo */
@media (max-width: 1024px) {
    .wpdm-categories > li { flex: 0 0 calc(33.33% - 16px); }
}
@media (max-width: 768px) {
    .wpdm-categories > li { flex: 0 0 calc(50% - 16px); }
}
@media (max-width: 480px) {
    .wpdm-categories > li { flex: 0 0 100%; }
}

/* =============================
   T A R J A  I N S T I T U C I O N A L
   ============================= */
.wpdm-categories > li {
    border-top: 3px solid #063d98; /* Tarja institucional */
}

/* Efeito suave ao passar o mouse */
.wpdm-categories > li:hover {
    border-top-color: #2c6ff0; /* azul mais vivo no hover */
    border-top-width: 3px; /* mantém a espessura */
}


/* =============================
   T I P O G R A F I A  I N S T I T U C I O N A L
   ============================= */

.wpdm-categories a {
    font-size: 15px;
    line-height: 1.35;
    font-weight: 500;
    font-family: "Inter", "Roboto", "Segoe UI", Arial, sans-serif;
}

.wpdm-categories li ul li a {
    font-size: 14px; /* subcategorias menores */
    font-weight: 400;
}


/* =============================
   Í C O N E S   F R E E   M O D E R N O S
   ============================= */

/* Ícone pasta (free + moderno) */
.wpdm-categories > li:before {
    content: "\f07c"; /* folder-open */
    font-family: "Font Awesome 6 Free";
    font-weight: 900; /* solid */
    font-size: 18px;
    color: #063d98;
    opacity: 0.90;
    transition: transform .25s ease, color .25s ease;
}

/* Ícone documento (free + moderno) */
.wpdm-categories li ul li:before {
    content: "\f15b"; /* file-alt */
    font-family: "Font Awesome 6 Free";
    font-weight: 900; /* solid */
    font-size: 16px;
    color: #0c50c7;
    opacity: .85;
    transition: transform .25s ease, color .2s ease;
}

/* Animação elegante ao passar o mouse */
.wpdm-categories > li:hover:before,
.wpdm-categories li ul li:hover:before {
    transform: scale(1.12) translateY(-1px);
    color: #2c6ff0;
}

/* =============================
   ÍCONES PADRÃO (15px)
   ============================= */

/* Ícone das categorias (pastas) */
.wpdm-categories > li:before {
    font-size: 15px !important;
}

/* =============================
   Seta animada para subcategorias
   ============================= */

/* A seta só aparece se houver UL dentro do card */
.wpdm-categories > li:has(ul) > a:after {
    content: "\f105"; /* seta fina direita */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 14px;
    margin-left: 6px;
    color: #063d98;
    transition: transform .25s ease, color .25s ease;
    display: inline-block;
}

/* No hover do card, seta gira */
.wpdm-categories > li:hover > a:after {
    transform: translateX(4px) rotate(90deg);
    color: #0e57d4;
}

/* ============================================
   🏛️ SOMBRA INTERNA INSTITUCIONAL
   (sem brilho azul)
============================================ */

/* Base dos cards */
.wpdm-categories > li {
    position: relative;
    overflow: hidden;
}

/* Sombra interna discreta */
.wpdm-categories > li::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 8px;
    box-shadow:
        inset 0 1px 2px rgba(0,0,0,0.06),   /* alto realismo */
        inset 0 -1px 2px rgba(255,255,255,0.4); /* luz leve */
    pointer-events: none;
    transition: box-shadow .28s ease;
}

/* Aumenta levemente no hover (sem exagero) */
.wpdm-categories > li:hover::after {
    box-shadow:
        inset 0 1px 3px rgba(0,0,0,0.09),
        inset 0 -1px 2px rgba(255,255,255,0.45);
}

/*  CURSOR INTELIGENTE: apenas quando houver link real dentro do card */

/* Cards cujo título é link = pointer ativado */
.wpdm-categories > li > a {
    cursor: pointer;
}

/* Cards SEM link no título (algumas categorias podem não ter link) */
.wpdm-categories > li:not(:has(> a[href])) {
    cursor: default !important;
}

/* Subcategorias (documentos) só mostram pointer se houver link também */
.wpdm-categories li ul li:not(:has(> a[href])) {
    cursor: default !important;
}

.wpdm-categories li ul li > a[href] {
    cursor: pointer;
}/* End custom CSS */