.elementor-973 .elementor-element.elementor-element-e389c01{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:70px;--padding-left:24px;--padding-right:24px;}.elementor-973 .elementor-element.elementor-element-09e81a7{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-973 .elementor-element.elementor-element-39a8035{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 4px) 0px;}.elementor-973 .elementor-element.elementor-element-39a8035 .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:30px;font-weight:800;line-height:1em;letter-spacing:-0.8px;}.elementor-973 .elementor-element.elementor-element-44b5b95{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 12px) 0px;}.elementor-973 .elementor-element.elementor-element-44b5b95 .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:68px;font-weight:800;text-transform:uppercase;line-height:0.95em;letter-spacing:-2px;color:#10213D;}.elementor-973 .elementor-element.elementor-element-a30c14d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-973 .elementor-element.elementor-element-16ac7d8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-973 .elementor-element.elementor-element-16ac7d8 img{width:38px;}.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-973 .elementor-element.elementor-element-7351c29{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Space Grotesk", Sans-serif;font-size:16px;font-weight:500;color:#536176;}.elementor-973 .elementor-element.elementor-element-471e287{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-973 .elementor-element.elementor-element-3146a44{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-973 .elementor-element.elementor-element-3146a44.e-con{--order:99999 /* order end hack */;}.elementor-973 .elementor-element.elementor-element-0ea6c5c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-973 .elementor-element.elementor-element-6079b8e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;}.elementor-973 .elementor-element.elementor-element-c08a851{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-973 .elementor-element.elementor-element-0b1abb1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-973 .elementor-element.elementor-element-0b1abb1.e-con{--order:-99999 /* order start hack */;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-973 .elementor-element.elementor-element-e7b9c91{--grid-columns:1;}.elementor-973 .elementor-element.elementor-element-1733855{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-973 .elementor-element.elementor-element-c3776eb{--grid-columns:1;--load-more-button-align:center;}@media(max-width:1024px){.elementor-973 .elementor-element.elementor-element-e7b9c91{--grid-columns:2;}.elementor-973 .elementor-element.elementor-element-c3776eb{--grid-columns:2;}}@media(min-width:768px){.elementor-973 .elementor-element.elementor-element-a30c14d{--width:70%;}.elementor-973 .elementor-element.elementor-element-3146a44{--width:32%;}.elementor-973 .elementor-element.elementor-element-0b1abb1{--width:68%;}}@media(max-width:767px){.elementor-973 .elementor-element.elementor-element-471e287{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-973 .elementor-element.elementor-element-3146a44{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-973 .elementor-element.elementor-element-0ea6c5c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-973 .elementor-element.elementor-element-e7b9c91{--grid-columns:1;}.elementor-973 .elementor-element.elementor-element-c3776eb{--grid-columns:1;}}/* Start custom CSS for heading, class: .elementor-element-39a8035 *//* ========================================================= PRATELEIRA DOS NERDS CABEÇALHO — "CATEGORIA:" TIPOGRAFIA APROVADA + ALINHAMENTO FINAL ========================================================= */ .elementor-973 .elementor-element.elementor-element-39a8035{ width: auto !important; max-width: max-content !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: -3px !important; /* ALINHAMENTO VISUAL COM O "ANIMES" */ margin-left: 8px !important; padding: 0 !important; } .elementor-973 .elementor-element.elementor-element-39a8035 .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } .elementor-973 .elementor-element.elementor-element-39a8035 .elementor-heading-title{ display: inline-block !important; margin: 0 !important; padding: 0 !important; color: #0067B2 !important; font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif !important; font-size: 29px !important; line-height: 0.96 !important; font-weight: 400 !important; letter-spacing: 1px !important; text-transform: uppercase !important; transform: scaleX(0.86) !important; transform-origin: left center !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-44b5b95 *//* ========================================================= PRATELEIRA DOS NERDS CABEÇALHO — NOME DA CATEGORIA ========================================================= */ .elementor-973 .elementor-element.elementor-element-44b5b95{ width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-973 .elementor-element.elementor-element-44b5b95 .elementor-widget-container{ width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-973 .elementor-element.elementor-element-44b5b95 .elementor-heading-title{ display: inline-block !important; margin: 0 !important; padding: 0 !important; color: #10213D !important; font-family: "Arial Black", Arial, Helvetica, sans-serif !important; font-size: 64px !important; line-height: 0.92 !important; font-weight: 900 !important; letter-spacing: -2px !important; text-transform: uppercase !important; transform: scaleX(0.80) !important; transform-origin: left center !important; } /* TABLET */ @media (max-width: 1024px){ .elementor-973 .elementor-element.elementor-element-44b5b95 .elementor-heading-title{ font-size: 55px !important; } } /* MOBILE */ @media (max-width: 767px){ .elementor-973 .elementor-element.elementor-element-44b5b95 .elementor-heading-title{ font-size: 44px !important; line-height: 0.94 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a30c14d *//* ========================================================= PRATELEIRA DOS NERDS CATEGORIA — ÍCONE + DESCRIÇÃO ========================================================= */ .elementor-973 .elementor-element.elementor-element-a30c14d{ display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; gap: 12px !important; width: 100% !important; max-width: 790px !important; margin-top: -1px !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: -28px !important; padding: 0 !important; box-sizing: border-box !important; } /* ========================================================= ÍCONE ========================================================= */ .elementor-973 .elementor-element.elementor-element-a30c14d .pdn-category-icon{ flex: 0 0 36px !important; width: 36px !important; max-width: 36px !important; margin: 0 !important; padding: 0 !important; } .elementor-973 .elementor-element.elementor-element-a30c14d .pdn-category-icon .elementor-widget-container{ width: 36px !important; height: 36px !important; margin: 0 !important; padding: 0 !important; } .elementor-973 .elementor-element.elementor-element-a30c14d .pdn-category-icon img{ display: block !important; width: 36px !important; height: 36px !important; max-width: none !important; object-fit: contain !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= DESCRIÇÃO ========================================================= */ .elementor-973 .elementor-element.elementor-element-a30c14d .pdn-category-description{ flex: 0 1 700px !important; width: auto !important; max-width: 700px !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } .elementor-973 .elementor-element.elementor-element-a30c14d .pdn-category-description .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } .elementor-973 .elementor-element.elementor-element-a30c14d .pdn-category-description, .elementor-973 .elementor-element.elementor-element-a30c14d .pdn-category-description p{ margin: 0 !important; padding: 0 !important; color: #34425A !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 14px !important; line-height: 1.38 !important; font-weight: 500 !important; letter-spacing: 0 !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px){ .elementor-973 .elementor-element.elementor-element-a30c14d{ max-width: 720px !important; } .elementor-973 .elementor-element.elementor-element-a30c14d .pdn-category-description{ max-width: 640px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px){ .elementor-973 .elementor-element.elementor-element-a30c14d{ align-items: flex-start !important; gap: 10px !important; max-width: 100% !important; margin-left: 0 !important; margin-top: 0 !important; } .elementor-973 .elementor-element.elementor-element-a30c14d .pdn-category-icon{ flex-basis: 31px !important; width: 31px !important; max-width: 31px !important; } .elementor-973 .elementor-element.elementor-element-a30c14d .pdn-category-icon .elementor-widget-container, .elementor-973 .elementor-element.elementor-element-a30c14d .pdn-category-icon img{ width: 31px !important; height: 31px !important; } .elementor-973 .elementor-element.elementor-element-a30c14d .pdn-category-description{ flex: 1 1 auto !important; max-width: none !important; } .elementor-973 .elementor-element.elementor-element-a30c14d .pdn-category-description, .elementor-973 .elementor-element.elementor-element-a30c14d .pdn-category-description p{ font-size: 12.5px !important; line-height: 1.4 !important; font-weight: 500 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09e81a7 *//* ========================================================= PRATELEIRA DOS NERDS CATEGORIA — HEADER FECHADO: - pixels superiores esquerdos - barra vertical - posição geral AJUSTE: - pixel art superior direito fiel à referência ========================================================= */ .elementor-973 .elementor-element.elementor-element-09e81a7.pdn-category-header{ --pdn-cyan: #43BAD5; --pdn-cyan-soft: rgba(67, 186, 213, .48); --pdn-cyan-mid: rgba(67, 186, 213, .72); position: relative !important; width: 100% !important; margin: 0 0 22px 0 !important; padding: 0 0 0 40px !important; box-sizing: border-box !important; overflow: visible !important; } /* ========================================================= NÃO DUPLICAR PIXELS NO KICKER ========================================================= */ .elementor-973 .elementor-element.elementor-element-09e81a7.pdn-category-header .pdn-category-kicker::before{ content: none !important; display: none !important; } /* ========================================================= CANTO SUPERIOR ESQUERDO MANTIDO EXATAMENTE COMO APROVADO ========================================================= */ .elementor-973 .elementor-element.elementor-element-09e81a7.pdn-category-header::before{ content: "" !important; position: absolute !important; top: -5px !important; left: 0 !important; width: 34px !important; height: 118px !important; pointer-events: none !important; z-index: 5 !important; background: /* BARRA VERTICAL */ linear-gradient( var(--pdn-cyan), var(--pdn-cyan) ) 0 36px / 2px 82px no-repeat, /* PIXELS */ linear-gradient( var(--pdn-cyan), var(--pdn-cyan) ) 0 0 / 6px 6px no-repeat, linear-gradient( var(--pdn-cyan), var(--pdn-cyan) ) 12px 0 / 6px 6px no-repeat, linear-gradient( var(--pdn-cyan), var(--pdn-cyan) ) 0 12px / 6px 6px no-repeat, linear-gradient( var(--pdn-cyan), var(--pdn-cyan) ) 12px 12px / 6px 6px no-repeat, linear-gradient( var(--pdn-cyan), var(--pdn-cyan) ) 24px 12px / 6px 6px no-repeat, linear-gradient( var(--pdn-cyan), var(--pdn-cyan) ) 12px 24px / 6px 6px no-repeat; } /* ========================================================= CANTO SUPERIOR DIREITO DESENHO PIXELADO — REFERÊNCIA ========================================================= */ .elementor-973 .elementor-element.elementor-element-09e81a7.pdn-category-header::after{ content: "" !important; position: absolute !important; top: -4px !important; right: 4px !important; left: auto !important; width: 5px !important; height: 5px !important; background: var(--pdn-cyan) !important; pointer-events: none !important; z-index: 5 !important; /* * DESENHO: * - concentração junto ao canto * - diagonal descendo * - pixels soltos * - alguns tons mais fracos para profundidade */ box-shadow: /* pequenos pixels soltos à esquerda */ -54px 0 0 var(--pdn-cyan-soft), -42px 0 0 var(--pdn-cyan), /* topo do desenho */ -30px 0 0 var(--pdn-cyan), -20px 5px 0 var(--pdn-cyan), -10px 5px 0 var(--pdn-cyan-mid), 0 5px 0 var(--pdn-cyan), /* miolo diagonal */ -30px 10px 0 var(--pdn-cyan-soft), -20px 15px 0 var(--pdn-cyan), -10px 15px 0 var(--pdn-cyan), 0 15px 0 var(--pdn-cyan), /* segunda diagonal */ -20px 25px 0 var(--pdn-cyan-mid), -10px 25px 0 var(--pdn-cyan), 0 25px 0 var(--pdn-cyan), /* afinando para baixo */ -10px 35px 0 var(--pdn-cyan-soft), 0 35px 0 var(--pdn-cyan), /* coluna final */ 0 47px 0 var(--pdn-cyan), /* pixel isolado final */ 0 62px 0 var(--pdn-cyan); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px){ .elementor-973 .elementor-element.elementor-element-09e81a7.pdn-category-header::after{ transform: scale(.85); transform-origin: top right; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px){ .elementor-973 .elementor-element.elementor-element-09e81a7.pdn-category-header{ padding-left: 26px !important; } .elementor-973 .elementor-element.elementor-element-09e81a7.pdn-category-header::before{ transform: scale(.78); transform-origin: top left; } .elementor-973 .elementor-element.elementor-element-09e81a7.pdn-category-header::after{ transform: scale(.68); transform-origin: top right; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3146a44 *//* ========================================================= PRATELEIRA DOS NERDS PDN - CATEGORIAS 2.0 MAIS LIDOS EM [CATEGORIA] VERSÃO FINAL POLIDA - largura controlada pelo Elementor - altura natural - ranking 01–05 - CTA conforme referência - alinhamento óptico com o DESTAQUE ========================================================= */ /* ========================================================= 01. CARD PRINCIPAL ========================================================= */ .elementor-973 .elementor-element.elementor-element-3146a44{ position: relative !important; display: flex !important; flex-direction: column !important; align-self: flex-start !important; flex-grow: 0 !important; flex-shrink: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: 16px 22px 18px 22px !important; box-sizing: border-box !important; background: #FFFFFF !important; border: 1px solid rgba(13,47,83,.10) !important; border-radius: 8px !important; box-shadow: 0 4px 14px rgba(10,31,54,.08) !important; overflow: hidden !important; } /* ========================================================= 02. HEADER ========================================================= */ .elementor-973 .elementor-element.elementor-element-3146a44 .pdn-category-most-read-header{ position: relative !important; display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: baseline !important; justify-content: flex-start !important; column-gap: 4px !important; row-gap: 0 !important; flex: 0 0 auto !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= 03. TÍTULOS DO CABEÇALHO ========================================================= */ .elementor-973 .elementor-element.elementor-element-3146a44 .pdn-category-most-read-header .elementor-widget-heading:not(.pdn-category-most-read-more){ width: auto !important; max-width: max-content !important; flex: 0 0 auto !important; margin: 0 !important; padding: 0 !important; } .elementor-973 .elementor-element.elementor-element-3146a44 .pdn-category-most-read-header .elementor-widget-heading .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } .elementor-973 .elementor-element.elementor-element-3146a44 .pdn-category-most-read-header .elementor-widget-heading:not(.pdn-category-most-read-more) .elementor-heading-title{ margin: 0 !important; padding: 0 !important; color: #F04432 !important; font-size: 15px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -.015em !important; text-transform: uppercase !important; white-space: nowrap !important; } /* ========================================================= 04. PIXELS DECORATIVOS ========================================================= */ .elementor-973 .elementor-element.elementor-element-3146a44 .pdn-category-most-read-header::after{ content: "" !important; position: absolute !important; top: -5px !important; right: 1px !important; width: 5px !important; height: 5px !important; background: #F04432 !important; box-shadow: 11px 0 0 #F04432, 11px 11px 0 #F04432, 0 22px 0 #F04432, 11px 27px 0 #F04432 !important; pointer-events: none !important; } /* ========================================================= 05. SHORTCODE ========================================================= */ .elementor-973 .elementor-element.elementor-element-3146a44 .pdn-category-most-read-header .elementor-widget-shortcode{ flex: 0 0 100% !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 14px 0 0 0 !important; padding: 0 !important; } .elementor-973 .elementor-element.elementor-element-3146a44 .pdn-category-most-read-header .elementor-widget-shortcode .elementor-widget-container{ width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= 06. LISTA ========================================================= */ .elementor-973 .elementor-element.elementor-element-3146a44 .pdn-category-most-read-list{ position: relative !important; display: flex !important; flex-direction: column !important; flex: 0 0 auto !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: 17px 0 0 0 !important; box-sizing: border-box !important; border-top: 2px solid #D9DDE1 !important; } /* ========================================================= 07. TRECHO VERMELHO DA LINHA SUPERIOR ========================================================= */ .elementor-973 .elementor-element.elementor-element-3146a44 .pdn-category-most-read-list::before{ content: "" !important; position: absolute !important; top: -2px !important; left: 0 !important; width: 102px !important; height: 3px !important; background: #F04432 !important; } /* ========================================================= 08. ITEM ========================================================= */ .elementor-973 .elementor-element.elementor-element-3146a44 .pdn-category-most-read-item{ position: relative !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; flex: 0 0 auto !important; width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 70px !important; margin: 0 !important; padding: 11px 0 11px 0 !important; box-sizing: border-box !important; border-bottom: 1px solid #E1E4E7 !important; } /* ========================================================= 09. ÚLTIMO ITEM ========================================================= */ .elementor-973 .elementor-element.elementor-element-3146a44 .pdn-category-most-read-item:last-child{ border-bottom: none !important; } /* ========================================================= 10. NÚMERO ========================================================= */ .elementor-973 .elementor-element.elementor-element-3146a44 .pdn-category-most-read-number{ position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 40px !important; width: 40px !important; height: 40px !important; margin: 0 16px 0 0 !important; padding: 0 !important; color: transparent !important; font-size: 0 !important; background: linear-gradient( 180deg, #155BA7 0%, #0C458C 100% ) !important; clip-path: polygon( 8% 0, 92% 0, 92% 5%, 100% 5%, 100% 92%, 92% 92%, 92% 100%, 8% 100%, 8% 95%, 0 95%, 0 8%, 8% 8% ) !important; } /* ========================================================= 11. NUMERAÇÃO 01–05 ========================================================= */ .elementor-973 .elementor-element.elementor-element-3146a44 .pdn-category-most-read-number::after{ color: #FFFFFF !important; font-size: 16px !important; line-height: 1 !important; font-weight: 800 !important; letter-spacing: .02em !important; } .elementor-973 .elementor-element.elementor-element-3146a44 .pdn-category-most-read-item:nth-child(1) .pdn-category-most-read-number::after{ content: "01" !important; } .elementor-973 .elementor-element.elementor-element-3146a44 .pdn-category-most-read-item:nth-child(2) .pdn-category-most-read-number::after{ content: "02" !important; } .elementor-973 .elementor-element.elementor-element-3146a44 .pdn-category-most-read-item:nth-child(3) .pdn-category-most-read-number::after{ content: "03" !important; } .elementor-973 .elementor-element.elementor-element-3146a44 .pdn-category-most-read-item:nth-child(4) .pdn-category-most-read-number::after{ content: "04" !important; } .elementor-973 .elementor-element.elementor-element-3146a44 .pdn-category-most-read-item:nth-child(5) .pdn-category-most-read-number::after{ content: "05" !important; } /* ========================================================= 12. TÍTULO DO POST ========================================================= */ .elementor-973 .elementor-element.elementor-element-3146a44 .pdn-category-most-read-post-title{ display: block !important; flex: 1 1 auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } .elementor-973 .elementor-element.elementor-element-3146a44 .pdn-category-most-read-post-title a{ display: block !important; margin: 0 !important; padding: 0 !important; color: #0B2F63 !important; font-size: 15px !important; line-height: 1.32 !important; font-weight: 700 !important; letter-spacing: -.012em !important; text-decoration: none !important; transition: color .18s ease !important; } .elementor-973 .elementor-element.elementor-element-3146a44 .pdn-category-most-read-post-title a:hover{ color: #F04432 !important; } /* ========================================================= 13. CTA — VER MAIS DESTAQUES ========================================================= */ .elementor-973 .elementor-element.elementor-element-3146a44 .pdn-category-most-read-more{ position: relative !important; display: block !important; flex: 0 0 100% !important; width: 100% !important; max-width: none !important; margin: 15px 0 0 0 !important; padding: 20px 0 2px 0 !important; box-sizing: border-box !important; border-top: 1px solid #D6DBDF !important; } /* ========================================================= 14. CTA — RESET ========================================================= */ .elementor-973 .elementor-element.elementor-element-3146a44 .pdn-category-most-read-more .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* ========================================================= 15. CTA — TEXTO ========================================================= */ .elementor-973 .elementor-element.elementor-element-3146a44 .pdn-category-most-read-more .elementor-heading-title{ display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; gap: 17px !important; width: auto !important; margin: 0 !important; padding: 0 !important; color: #F44332 !important; font-size: 12.5px !important; line-height: 1 !important; font-weight: 800 !important; letter-spacing: -.01em !important; text-transform: uppercase !important; white-space: nowrap !important; } /* ========================================================= 16. CTA — LINK ========================================================= */ .elementor-973 .elementor-element.elementor-element-3146a44 .pdn-category-most-read-more .elementor-heading-title a{ color: #F44332 !important; font: inherit !important; text-decoration: none !important; } /* ========================================================= 17. CTA — SETA ========================================================= */ .elementor-973 .elementor-element.elementor-element-3146a44 .pdn-category-most-read-more .elementor-heading-title::after{ content: "" !important; display: inline-block !important; flex: 0 0 auto !important; width: 9px !important; height: 9px !important; border-top: 2px solid #F44332 !important; border-right: 2px solid #F44332 !important; transform: rotate(45deg) !important; transition: transform .18s ease !important; } .elementor-973 .elementor-element.elementor-element-3146a44 .pdn-category-most-read-more:hover .elementor-heading-title::after{ transform: translateX(3px) rotate(45deg) !important; } /* ========================================================= 18. TABLET ========================================================= */ @media (max-width: 1024px){ .elementor-973 .elementor-element.elementor-element-3146a44{ padding: 16px 20px 18px 20px !important; } .elementor-973 .elementor-element.elementor-element-3146a44 .pdn-category-most-read-header .elementor-widget-heading:not(.pdn-category-most-read-more) .elementor-heading-title{ font-size: 14px !important; } .elementor-973 .elementor-element.elementor-element-3146a44 .pdn-category-most-read-item{ min-height: 67px !important; padding: 10px 0 !important; } .elementor-973 .elementor-element.elementor-element-3146a44 .pdn-category-most-read-number{ flex-basis: 38px !important; width: 38px !important; height: 38px !important; margin-right: 14px !important; } .elementor-973 .elementor-element.elementor-element-3146a44 .pdn-category-most-read-number::after{ font-size: 15px !important; } .elementor-973 .elementor-element.elementor-element-3146a44 .pdn-category-most-read-post-title a{ font-size: 14px !important; } } /* ========================================================= 19. MOBILE ========================================================= */ @media (max-width: 767px){ .elementor-973 .elementor-element.elementor-element-3146a44{ width: 100% !important; height: auto !important; padding: 17px 17px 17px 17px !important; border-radius: 7px !important; } .elementor-973 .elementor-element.elementor-element-3146a44 .pdn-category-most-read-header .elementor-widget-heading:not(.pdn-category-most-read-more) .elementor-heading-title{ font-size: 13px !important; } .elementor-973 .elementor-element.elementor-element-3146a44 .pdn-category-most-read-header .elementor-widget-shortcode{ margin-top: 14px !important; } .elementor-973 .elementor-element.elementor-element-3146a44 .pdn-category-most-read-list{ padding-top: 16px !important; } .elementor-973 .elementor-element.elementor-element-3146a44 .pdn-category-most-read-item{ min-height: 62px !important; padding: 9px 0 !important; } .elementor-973 .elementor-element.elementor-element-3146a44 .pdn-category-most-read-number{ flex-basis: 36px !important; width: 36px !important; height: 36px !important; margin-right: 12px !important; } .elementor-973 .elementor-element.elementor-element-3146a44 .pdn-category-most-read-number::after{ font-size: 14px !important; } .elementor-973 .elementor-element.elementor-element-3146a44 .pdn-category-most-read-post-title a{ font-size: 13.5px !important; line-height: 1.34 !important; } .elementor-973 .elementor-element.elementor-element-3146a44 .pdn-category-most-read-more{ margin-top: 13px !important; padding: 17px 0 2px 0 !important; } .elementor-973 .elementor-element.elementor-element-3146a44 .pdn-category-most-read-more .elementor-heading-title{ gap: 14px !important; font-size: 12px !important; } }/* End custom CSS */ /* Start custom CSS for loop-grid, class: .elementor-element-e7b9c91 *//* ========================================================= PRATELEIRA DOS NERDS PDN - CATEGORIAS 2.0 — POST EM DESTAQUE (LOOP GRID) VERSÃO: - desktop PRESERVADO - tablet PRESERVADO - mobile compactado - imagem mobile deslocada ALÉM do object-position - zoom + translate horizontal - selo DESTAQUE preservado - linha divisória preservada ========================================================= */ /* ========================================================= 01. LOOP GRID (WRAPPER) ========================================================= */ .pdn-category-featured-main { width: 100% !important; } .pdn-category-featured-main .elementor-loop-container { display: block !important; width: 100% !important; } /* ========================================================= 02. CARD ========================================================= */ .pdn-category-featured-card { position: relative !important; display: flex !important; flex-direction: column !important; width: 100% !important; max-width: 100% !important; margin: 0 0 30px 0 !important; overflow: hidden !important; border-radius: 8px !important; background: #131f40 !important; box-shadow: 0 18px 40px rgba(4,8,18,.20), inset 0 0 0 1px rgba(255,255,255,.05) !important; } /* ========================================================= 03. MEDIA ========================================================= */ .pdn-category-featured-media { position: relative !important; display: flex !important; flex-direction: column !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= 04. IMAGEM ========================================================= */ .pdn-category-featured-image { position: relative !important; display: block !important; width: 100% !important; height: 340px !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; } .pdn-category-featured-image a { display: block !important; width: 100% !important; height: 100% !important; overflow: hidden !important; } .pdn-category-featured-image img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center center !important; border-radius: 0 !important; transform: none !important; } /* ========================================================= 05. LABEL "DESTAQUE" ========================================================= */ .pdn-category-featured-label { position: absolute !important; top: 18px !important; left: 18px !important; z-index: 5 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; max-width: max-content !important; margin: 0 !important; padding: 8px 12px !important; background: linear-gradient( 180deg, #18B4DF 0%, #0D9BC7 100% ) !important; color: #FFFFFF !important; opacity: 1 !important; border: 1px solid rgba(69,211,241,.72) !important; border-radius: 4px !important; box-shadow: 0 3px 7px rgba(3,17,35,.30), inset 0 1px 0 rgba(255,255,255,.18) !important; } .pdn-category-featured-label .elementor-widget-container { margin: 0 !important; padding: 0 !important; } .pdn-category-featured-label, .pdn-category-featured-label *, .pdn-category-featured-label .elementor-heading-title, .pdn-category-featured-label .elementor-heading-title a { color: #FFFFFF !important; opacity: 1 !important; font-size: 11.5px !important; line-height: 1 !important; font-weight: 800 !important; letter-spacing: .035em !important; text-transform: uppercase !important; text-decoration: none !important; white-space: nowrap !important; } /* ========================================================= 06. CONTEÚDO ========================================================= */ .pdn-category-featured-content { display: flex !important; flex-direction: column !important; width: 100% !important; padding: 22px 28px 22px 28px !important; background: #131f40 !important; } /* ========================================================= 07. TÍTULO ========================================================= */ .pdn-category-featured-title { margin: 0 0 10px 0 !important; padding: 0 !important; max-width: 780px !important; } .pdn-category-featured-title .elementor-heading-title, .pdn-category-featured-title a { margin: 0 !important; padding: 0 !important; color: #ffffff !important; font-size: 25px !important; line-height: 1.28 !important; font-weight: 800 !important; letter-spacing: -.015em !important; text-decoration: none !important; } .pdn-category-featured-title a:hover { color: rgba(255,255,255,.82) !important; } /* ========================================================= 08. RESUMO ========================================================= */ .pdn-category-featured-excerpt { margin: 0 0 16px 0 !important; padding: 0 !important; max-width: 720px !important; color: rgba(226,230,241,.72) !important; font-size: 15.5px !important; line-height: 1.55 !important; font-weight: 500 !important; } /* ========================================================= 09. META ========================================================= */ .pdn-category-featured-meta { margin: 0 !important; padding: 0 !important; width: 100% !important; } .pdn-category-featured-meta .elementor-post-info { position: relative !important; display: flex !important; align-items: center !important; gap: 8px !important; margin: 0 !important; padding-top: 14px !important; border-top: none !important; list-style: none !important; } .pdn-category-featured-meta .elementor-post-info::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 13% !important; height: 1px !important; background: rgba(255,255,255,.25) !important; pointer-events: none !important; } .pdn-category-featured-meta .elementor-icon-list-item { display: inline-flex !important; align-items: center !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; } .pdn-category-featured-meta .elementor-icon-list-icon { display: flex !important; align-items: center !important; justify-content: center !important; line-height: 0 !important; } /* ========================================================= AVATAR ========================================================= */ .pdn-category-featured-meta .elementor-avatar { display: block !important; width: 28px !important; height: 28px !important; border-radius: 50% !important; object-fit: cover !important; border: 1px solid rgba(255,255,255,.18) !important; } .pdn-category-featured-meta li[itemprop="author"] .elementor-icon-list-icon { width: 28px !important; height: 28px !important; } /* ========================================================= AUTOR ========================================================= */ .pdn-category-featured-meta .elementor-icon-list-text.elementor-post-info__item--type-author { color: #ffffff !important; font-size: 12px !important; font-weight: 800 !important; letter-spacing: .04em !important; text-transform: uppercase !important; } .pdn-category-featured-meta .elementor-post-info__item--type-author a { color: inherit !important; font-weight: inherit !important; text-decoration: none !important; } /* ========================================================= BOLINHA ========================================================= */ .pdn-category-featured-meta li[itemprop="author"] { position: relative !important; } .pdn-category-featured-meta li[itemprop="author"]::after { content: "" !important; display: inline-block !important; width: 5px !important; height: 5px !important; margin-left: 8px !important; margin-right: 8px !important; border-radius: 50% !important; background: #5b9bff !important; flex: 0 0 auto !important; position: static !important; } /* ========================================================= CALENDÁRIO ========================================================= */ .pdn-category-featured-meta li[itemprop="datePublished"] .elementor-icon-list-icon { width: 13px !important; height: 13px !important; } .pdn-category-featured-meta li[itemprop="datePublished"] svg { width: 13px !important; height: 13px !important; fill: #5b9bff !important; } /* ========================================================= DATA ========================================================= */ .pdn-category-featured-meta .elementor-post-info__item--type-date { color: rgba(255,255,255,.55) !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: .01em !important; text-transform: uppercase !important; } .pdn-category-featured-meta time { color: inherit !important; } /* ========================================================= 10. TABLET ========================================================= */ @media (max-width: 1024px) { .pdn-category-featured-content { padding: 24px 26px 22px 26px !important; } .pdn-category-featured-title .elementor-heading-title, .pdn-category-featured-title a { font-size: 24px !important; } .pdn-category-featured-excerpt { font-size: 14px !important; } } /* ========================================================= 11. MOBILE ========================================================= */ @media (max-width: 767px) { .pdn-category-featured-card { margin-bottom: 0 !important; border-radius: 8px !important; box-shadow: 0 10px 24px rgba(4,8,18,.16), inset 0 0 0 1px rgba(255,255,255,.05) !important; } /* ===================================================== IMAGEM MOBILE object-position já chegou ao limite. Agora: - zoom 1.22x - deslocamento forte para esquerda ===================================================== */ .pdn-category-featured-image { height: 240px !important; min-height: 240px !important; max-height: 240px !important; overflow: hidden !important; } .pdn-category-featured-image img { object-fit: cover !important; object-position: 100% center !important; transform: translateX(-12%) scale(1.22) !important; transform-origin: center center !important; } /* ===================================================== SELO ===================================================== */ .pdn-category-featured-label { top: 12px !important; left: 12px !important; padding: 6px 10px !important; border-radius: 4px !important; } .pdn-category-featured-label, .pdn-category-featured-label *, .pdn-category-featured-label .elementor-heading-title, .pdn-category-featured-label .elementor-heading-title a { font-size: 10px !important; } /* ===================================================== CONTEÚDO ===================================================== */ .pdn-category-featured-content { padding: 16px 18px 16px 18px !important; } /* ===================================================== TÍTULO ===================================================== */ .pdn-category-featured-title { margin: 0 0 8px 0 !important; } .pdn-category-featured-title .elementor-heading-title, .pdn-category-featured-title a { font-size: 20px !important; line-height: 1.22 !important; letter-spacing: -.015em !important; } /* ===================================================== RESUMO ===================================================== */ .pdn-category-featured-excerpt { margin: 0 0 13px 0 !important; font-size: 13px !important; line-height: 1.45 !important; display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden !important; } /* ===================================================== META ===================================================== */ .pdn-category-featured-meta .elementor-post-info { padding-top: 12px !important; gap: 6px !important; flex-wrap: nowrap !important; } .pdn-category-featured-meta .elementor-post-info::before { left: 0 !important; right: 10% !important; } .pdn-category-featured-meta .elementor-avatar { width: 26px !important; height: 26px !important; } .pdn-category-featured-meta li[itemprop="author"] .elementor-icon-list-icon { width: 26px !important; height: 26px !important; flex: 0 0 26px !important; } .pdn-category-featured-meta .elementor-icon-list-text.elementor-post-info__item--type-author { font-size: 10.5px !important; letter-spacing: .025em !important; white-space: nowrap !important; } .pdn-category-featured-meta li[itemprop="author"]::after { width: 4px !important; height: 4px !important; margin-left: 6px !important; margin-right: 6px !important; } .pdn-category-featured-meta li[itemprop="datePublished"] .elementor-icon-list-icon { width: 12px !important; height: 12px !important; flex: 0 0 12px !important; } .pdn-category-featured-meta li[itemprop="datePublished"] svg { width: 12px !important; height: 12px !important; } .pdn-category-featured-meta .elementor-post-info__item--type-date { font-size: 10.5px !important; white-space: nowrap !important; } } /* ========================================================= 12. MOBILE PEQUENO ========================================================= */ @media (max-width: 480px) { .pdn-category-featured-image { height: 220px !important; min-height: 220px !important; max-height: 220px !important; } .pdn-category-featured-image img { object-position: 100% center !important; transform: translateX(-12%) scale(1.22) !important; transform-origin: center center !important; } .pdn-category-featured-content { padding: 15px 16px 15px 16px !important; } .pdn-category-featured-title .elementor-heading-title, .pdn-category-featured-title a { font-size: 19px !important; line-height: 1.22 !important; } .pdn-category-featured-excerpt { font-size: 12.5px !important; line-height: 1.44 !important; margin-bottom: 12px !important; } .pdn-category-featured-meta .elementor-post-info { gap: 5px !important; } .pdn-category-featured-meta .elementor-icon-list-text.elementor-post-info__item--type-author, .pdn-category-featured-meta .elementor-post-info__item--type-date { font-size: 10px !important; } .pdn-category-featured-meta li[itemprop="author"]::after { margin-left: 5px !important; margin-right: 5px !important; } }/* End custom CSS */ /* Start custom CSS for loop-grid, class: .elementor-element-c3776eb *//* ========================================================= PRATELEIRA DOS NERDS PDN - CATEGORIAS 2.0 LISTAGEM PRINCIPAL DE POSTS VERSÃO POLIDA: - estrutura aprovada PRESERVADA - tipografia preservada - bolinha ciano centralizada - ícone do AUTOR realmente maior ========================================================= */ /* ========================================================= 01. LOOP GRID ========================================================= */ .elementor-973 .elementor-element.elementor-element-c3776eb{ position: relative !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 0 50px 0 !important; box-sizing: border-box !important; } /* ========================================================= 02. CONTAINER DO LOOP ========================================================= */ .elementor-973 .elementor-element.elementor-element-c3776eb .elementor-loop-container{ display: flex !important; flex-direction: column !important; width: 100% !important; gap: 10px !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= 03. ITEM DO LOOP ========================================================= */ .elementor-973 .elementor-element.elementor-element-c3776eb .e-loop-item{ width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* ========================================================= 04. CARD ========================================================= */ .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-item{ position: relative !important; display: flex !important; flex-direction: row !important; align-items: stretch !important; justify-content: flex-start !important; width: 100% !important; min-width: 0 !important; height: 148px !important; min-height: 148px !important; max-height: 148px !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; box-sizing: border-box !important; background: #FFFFFF !important; border: 1px solid rgba(13,47,83,.09) !important; border-radius: 7px !important; box-shadow: 0 3px 11px rgba(7,29,53,.09) !important; overflow: hidden !important; transition: transform .18s ease, box-shadow .18s ease !important; } .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-item:hover{ transform: translateY(-1px) !important; box-shadow: 0 5px 15px rgba(7,29,53,.13) !important; } /* ========================================================= 05. IMAGEM ========================================================= */ .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-image{ position: relative !important; display: block !important; flex: 0 0 34% !important; width: 34% !important; max-width: 34% !important; height: 148px !important; min-height: 148px !important; max-height: 148px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-image .elementor-widget-container, .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-image a{ display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-image img{ display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; object-position: center center !important; border-radius: 0 !important; transition: transform .35s ease !important; } .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-item:hover .pdn-category-list-image img{ transform: scale(1.025) !important; } /* ========================================================= 06. CONTEÚDO ========================================================= */ .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-content{ position: static !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; height: 148px !important; max-height: 148px !important; margin: 0 !important; padding: 14px 64px 12px 20px !important; gap: 0 !important; box-sizing: border-box !important; background: #FFFFFF !important; overflow: hidden !important; } /* ========================================================= 07. RESET DOS WIDGETS INTERNOS ========================================================= */ .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-content > .elementor-element{ min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } /* ========================================================= 08. TAG ========================================================= */ .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-tag{ position: absolute !important; top: 11px !important; left: 12px !important; z-index: 10 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; max-width: max-content !important; margin: 0 !important; padding: 7px 11px !important; background: linear-gradient( 180deg, #18B5DE 0%, #079DCA 100% ) !important; border: 1px solid rgba(255,255,255,.20) !important; border-radius: 4px !important; box-shadow: 0 2px 6px rgba(5,24,41,.24) !important; color: #FFFFFF !important; } .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-tag .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-tag, .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-tag *, .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-tag a{ color: #FFFFFF !important; font-family: "Montserrat", Arial, Helvetica, sans-serif !important; font-size: 9.5px !important; line-height: 1 !important; font-weight: 800 !important; letter-spacing: .025em !important; text-transform: uppercase !important; text-decoration: none !important; white-space: nowrap !important; } /* ========================================================= 09. TÍTULO ========================================================= */ .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-title{ width: 100% !important; margin: 0 0 7px 0 !important; padding: 0 !important; } .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-title .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-title .elementor-heading-title, .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-title .elementor-heading-title a{ margin: 0 !important; padding: 0 !important; color: #082F63 !important; font-family: "Montserrat", Arial, Helvetica, sans-serif !important; font-size: 20px !important; line-height: 1.17 !important; font-weight: 800 !important; letter-spacing: -.025em !important; text-decoration: none !important; } .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-title .elementor-heading-title{ display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden !important; } .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-title .elementor-heading-title a:hover{ color: #EA3928 !important; } /* ========================================================= 10. RESUMO ========================================================= */ .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-excerpt{ width: 100% !important; margin: 0 0 8px 0 !important; padding: 0 !important; color: #566477 !important; font-family: "Montserrat", Arial, Helvetica, sans-serif !important; font-size: 14px !important; line-height: 1.34 !important; font-weight: 500 !important; letter-spacing: -.005em !important; } .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-excerpt .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-excerpt p{ display: -webkit-box !important; margin: 0 !important; padding: 0 !important; color: inherit !important; font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; font-weight: inherit !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden !important; } /* ========================================================= 11. METADADOS ========================================================= */ .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-meta{ width: 100% !important; margin: auto 0 0 0 !important; padding: 0 !important; } .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-meta .elementor-widget-container{ margin: 0 !important; padding: 0 !important; } /* ========================================================= 12. META — LISTA ========================================================= */ .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-meta .elementor-post-info, .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-meta .elementor-icon-list-items{ display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-start !important; gap: 20px !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= 13. META — ITEM ========================================================= */ .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-meta .elementor-icon-list-item{ display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= 14. BOLINHA CIANO ========================================================= */ .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-meta .elementor-icon-list-item + .elementor-icon-list-item::before{ content: "" !important; position: static !important; display: block !important; flex: 0 0 4px !important; width: 4px !important; height: 4px !important; min-width: 4px !important; min-height: 4px !important; margin: 0 10px 0 -10px !important; padding: 0 !important; background: #20AFD5 !important; border-radius: 50% !important; transform: none !important; align-self: center !important; pointer-events: none !important; } /* ========================================================= 15. META — TEXTO ========================================================= */ .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-meta .elementor-icon-list-text, .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-meta .elementor-post-info__item, .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-meta a{ color: #5F6C7D !important; font-family: "Montserrat", Arial, Helvetica, sans-serif !important; font-size: 10.5px !important; line-height: 1 !important; font-weight: 700 !important; letter-spacing: .01em !important; text-decoration: none !important; text-transform: uppercase !important; white-space: nowrap !important; } /* ========================================================= 16. META — ÍCONES PADRÃO CALENDÁRIO CONTINUA MENOR ========================================================= */ .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-meta .elementor-icon-list-icon{ display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 6px !important; line-height: 0 !important; color: #20AFD5 !important; } .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-meta .elementor-icon-list-icon svg{ width: 12px !important; height: 12px !important; fill: #20AFD5 !important; } /* ========================================================= 17. AUTOR — ÍCONE MAIOR Usa o identificador REAL do Post Info: itemprop="author" ========================================================= */ .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-meta li[itemprop="author"] .elementor-icon-list-icon{ display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 24px !important; width: 24px !important; height: 24px !important; min-width: 24px !important; min-height: 24px !important; margin-right: 7px !important; line-height: 0 !important; } /* SVG DO AUTOR */ .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-meta li[itemprop="author"] .elementor-icon-list-icon svg{ width: 17px !important; height: 17px !important; min-width: 17px !important; min-height: 17px !important; fill: #20AFD5 !important; } /* FONT ICON DO AUTOR */ .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-meta li[itemprop="author"] .elementor-icon-list-icon i{ font-size: 17px !important; color: #20AFD5 !important; } /* ========================================================= 18. CASO O AUTOR SEJA AVATAR EM IMAGEM ========================================================= */ .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-meta li[itemprop="author"] .elementor-avatar{ display: block !important; width: 24px !important; height: 24px !important; min-width: 24px !important; min-height: 24px !important; border-radius: 50% !important; object-fit: cover !important; } /* ========================================================= 19. FALLBACK DO ELEMENTOR PARA AUTOR ========================================================= */ .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-meta .elementor-post-info__item--type-author ~ .elementor-icon-list-icon{ width: 24px !important; height: 24px !important; } /* ========================================================= 20. SETA CIANO ========================================================= */ .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-item::after{ content: "" !important; position: absolute !important; top: 50% !important; right: 22px !important; width: 10px !important; height: 10px !important; border-top: 2px solid #14B1DD !important; border-right: 2px solid #14B1DD !important; transform: translateY(-50%) rotate(45deg) !important; pointer-events: none !important; transition: transform .18s ease !important; } .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-item:hover::after{ transform: translate(4px,-50%) rotate(45deg) !important; } /* ========================================================= 21. CARREGAR MAIS ========================================================= */ .elementor-973 .elementor-element.elementor-element-c3776eb .elementor-button-wrapper{ display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; margin: 16px 0 0 0 !important; padding: 0 !important; } .elementor-973 .elementor-element.elementor-element-c3776eb .elementor-button{ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 210px !important; height: 34px !important; margin: 0 !important; padding: 0 38px 0 22px !important; box-sizing: border-box !important; background: #FFFFFF !important; color: #EA3928 !important; border: 1.5px solid #12AFE0 !important; border-radius: 5px !important; box-shadow: none !important; font-family: "Montserrat", Arial, Helvetica, sans-serif !important; font-size: 10px !important; line-height: 1 !important; font-weight: 800 !important; letter-spacing: .01em !important; text-transform: uppercase !important; } /* ========================================================= 22. SETA DO CARREGAR MAIS ========================================================= */ .elementor-973 .elementor-element.elementor-element-c3776eb .elementor-button::after{ content: "" !important; position: absolute !important; top: 50% !important; right: 24px !important; width: 6px !important; height: 6px !important; border-right: 1.5px solid #EA3928 !important; border-bottom: 1.5px solid #EA3928 !important; transform: translateY(-70%) rotate(45deg) !important; } /* ========================================================= 23. PIXELS VERMELHOS ========================================================= */ .elementor-973 .elementor-element.elementor-element-c3776eb::before{ content: "" !important; position: absolute !important; left: 3px !important; bottom: 5px !important; width: 4px !important; height: 4px !important; background: #EA3928 !important; box-shadow: 0 -7px 0 #EA3928, 7px 0 0 #EA3928, 7px 7px 0 #EA3928, 14px 7px 0 #EA3928, 21px 13px 0 #EA3928, 31px 13px 0 #EA3928, 43px 13px 0 #EA3928 !important; pointer-events: none !important; } /* ========================================================= 24. PIXELS CIANOS ========================================================= */ .elementor-973 .elementor-element.elementor-element-c3776eb::after{ content: "" !important; position: absolute !important; right: 3px !important; bottom: 5px !important; width: 4px !important; height: 4px !important; background: #13AEDD !important; box-shadow: -7px 0 0 #13AEDD, 0 -7px 0 #13AEDD, -7px -7px 0 #13AEDD, -14px 7px 0 #13AEDD, -24px 13px 0 #13AEDD, -34px 13px 0 #13AEDD !important; pointer-events: none !important; } /* ========================================================= 25. TABLET ========================================================= */ @media (max-width: 1024px){ .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-item{ height: 136px !important; min-height: 136px !important; max-height: 136px !important; } .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-image{ height: 136px !important; min-height: 136px !important; max-height: 136px !important; flex-basis: 35% !important; width: 35% !important; max-width: 35% !important; } .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-content{ height: 136px !important; max-height: 136px !important; padding: 13px 54px 11px 18px !important; } .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-title .elementor-heading-title, .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-title .elementor-heading-title a{ font-size: 18px !important; } .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-excerpt{ font-size: 13px !important; line-height: 1.34 !important; } .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-meta .elementor-icon-list-text, .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-meta .elementor-post-info__item, .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-meta a{ font-size: 10px !important; } .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-meta li[itemprop="author"] .elementor-icon-list-icon{ flex-basis: 22px !important; width: 22px !important; height: 22px !important; min-width: 22px !important; min-height: 22px !important; } .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-meta li[itemprop="author"] .elementor-icon-list-icon svg{ width: 16px !important; height: 16px !important; } } /* ========================================================= 26. MOBILE ========================================================= */ @media (max-width: 767px){ /* Espaço entre "Mais Lidos" e o início da listagem */ .elementor-973 .elementor-element.elementor-element-c3776eb{ padding-top: 18px !important; } .elementor-973 .elementor-element.elementor-element-c3776eb .elementor-loop-container{ gap: 12px !important; } .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-item{ flex-direction: column !important; height: auto !important; min-height: 0 !important; max-height: none !important; } .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-image{ flex: none !important; width: 100% !important; max-width: 100% !important; height: 190px !important; min-height: 190px !important; max-height: 190px !important; } .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-content{ position: static !important; width: 100% !important; height: auto !important; max-height: none !important; padding: 16px 44px 16px 17px !important; } .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-tag{ top: 12px !important; left: 12px !important; } .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-title .elementor-heading-title, .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-title .elementor-heading-title a{ font-size: 17px !important; } .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-excerpt{ display: block !important; font-size: 13px !important; line-height: 1.36 !important; max-height: 35.36px !important; overflow: hidden !important; overflow-x: hidden !important; overflow-y: hidden !important; } .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-meta .elementor-icon-list-text, .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-meta .elementor-post-info__item, .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-meta a{ font-size: 9.5px !important; } .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-meta .elementor-post-info, .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-meta .elementor-icon-list-items{ gap: 18px !important; } .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-meta .elementor-icon-list-item + .elementor-icon-list-item::before{ margin: 0 9px 0 -9px !important; } .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-meta li[itemprop="author"] .elementor-icon-list-icon{ flex-basis: 21px !important; width: 21px !important; height: 21px !important; min-width: 21px !important; min-height: 21px !important; } .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-meta li[itemprop="author"] .elementor-icon-list-icon svg{ width: 15px !important; height: 15px !important; } .elementor-973 .elementor-element.elementor-element-c3776eb .pdn-category-list-item::after{ top: auto !important; bottom: 30px !important; right: 18px !important; } .elementor-973 .elementor-element.elementor-element-c3776eb .elementor-button{ min-width: 190px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e389c01 *//* ========================================================= PRATELEIRA DOS NERDS CATEGORIA — CONTÊINER PRINCIPAL BASE GLOBAL ========================================================= */ .elementor-973 .elementor-element.elementor-element-e389c01{ --pdn-navy: #10213D; --pdn-red: #EA3928; --pdn-cyan: #43BAD5; --pdn-bg: #FBFAF7; position: relative; width: 100% !important; max-width: 1180px !important; margin-left: auto !important; margin-right: auto !important; padding: 28px 22px 60px 22px !important; box-sizing: border-box !important; background: var(--pdn-bg) !important; } /* ========================================================= FUNCIONAL — DESTAQUE mantém somente o primeiro post ========================================================= */ .elementor-973 .elementor-element.elementor-element-e389c01 .pdn-category-featured-main .elementor-loop-container > .e-loop-item ~ .e-loop-item{ display: none !important; } /* ========================================================= FUNCIONAL — LISTA remove o primeiro post porque ele já está no destaque ========================================================= */ .elementor-973 .elementor-element.elementor-element-e389c01 .pdn-category-latest .elementor-loop-container > .e-loop-item:first-of-type{ display: none !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px){ .elementor-973 .elementor-element.elementor-element-e389c01{ max-width: 100% !important; padding: 26px 20px 52px 20px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px){ .elementor-973 .elementor-element.elementor-element-e389c01{ padding: 22px 16px 44px 16px !important; } }/* End custom CSS */