/* ========================================================== SOROPOSITIVO.ORG — HOME CARROSSEIS / DESTAQUES PRINCIPAIS VERSÃO CONSOLIDADA - títulos dourados - remove a grande caixa azul - preserva muito mais da fotografia - categoria vermelha - data legível - visualizações em etiqueta branca - autor em etiqueta branca - responsivo - preparado para "Publicado há..." e "Atualizado há..." ========================================================== */ /* ========================================================== 1. TÍTULOS PRINCIPAIS — DOURADO ========================================================== */ .rivax-posts-carousel-wrapper .main-slider .post-title, .rivax-posts-carousel-wrapper .main-slider .post-title a { color: #d4af37 !important; font-weight: 800 !important; line-height: 1.13 !important; text-decoration: none !important; text-shadow: 0 2px 3px rgba(0,0,0,.95), 0 3px 10px rgba(0,0,0,.72) !important; } .rivax-posts-carousel-wrapper .main-slider .post-title a:hover { color: #f1d978 !important; } /* ========================================================== 2. DESTAQUE GRANDE / NOTCH SLIDER Widget Elementor dadc1b9 É AQUI QUE ESTAVA A CAIXA AZUL. ========================================================== */ /* altura do destaque */ .elementor-element-dadc1b9 .notch-slider .post-wrapper { position: relative !important; height: 500px !important; overflow: hidden !important; border-radius: 10px !important; } /* fotografia */ .elementor-element-dadc1b9 .notch-slider .image-wrapper { position: relative !important; width: 100% !important; height: 100% !important; overflow: hidden !important; border-radius: 10px !important; } .elementor-element-dadc1b9 .notch-slider .image-wrapper img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center center !important; } /* ========================================================== 3. DEGRADÊ SOBRE A FOTO Substitui a caixa azul sem esconder a imagem ========================================================== */ .elementor-element-dadc1b9 .notch-slider .main-slider .image-wrapper::before { content: "" !important; position: absolute !important; inset: 0 !important; z-index: 2 !important; background: linear-gradient( to top, rgba(0,0,0,.84) 0%, rgba(0,0,0,.60) 24%, rgba(0,0,0,.28) 48%, rgba(0,0,0,0) 74% ) !important; border-radius: inherit !important; pointer-events: none !important; } /* ========================================================== 4. REMOVE DEFINITIVAMENTE A CAIXA AZUL ========================================================== */ .elementor-element-dadc1b9 .notch-slider .content-wrapper { width: 74% !important; max-width: 740px !important; padding: 0 28px 28px 28px !important; z-index: 10 !important; } .elementor-element-dadc1b9 .notch-slider .content-wrapper-inner { width: 100% !important; max-width: 100% !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ========================================================== 5. TÍTULO DO DESTAQUE GRANDE ========================================================== */ .elementor-element-dadc1b9 .notch-slider .post-title { max-width: 700px !important; margin: 7px 0 10px 0 !important; font-size: clamp(27px, 2.4vw, 38px) !important; line-height: 1.10 !important; font-weight: 850 !important; letter-spacing: -.02em !important; } .elementor-element-dadc1b9 .notch-slider .post-title a { color: #d4af37 !important; text-decoration: none !important; text-shadow: 0 2px 3px rgba(0,0,0,.98), 0 3px 12px rgba(0,0,0,.78) !important; } .elementor-element-dadc1b9 .notch-slider .post-title a:hover { color: #f1d978 !important; } /* ========================================================== 6. ÁREA DE TEXTO DOS OUTROS CARROSSEIS ========================================================== */ .rivax-posts-carousel-wrapper .main-slider .content-wrapper-inner { max-width: 92%; } /* ========================================================== 7. CATEGORIA ========================================================== */ .rivax-posts-carousel-wrapper .main-slider .terms-wrapper .term-item { display: inline-flex !important; align-items: center !important; padding: 6px 11px !important; background: #d71920 !important; color: #ffffff !important; border: 0 !important; border-radius: 5px !important; font-size: 13px !important; line-height: 1.15 !important; font-weight: 800 !important; text-transform: uppercase !important; text-shadow: none !important; } .rivax-posts-carousel-wrapper .main-slider .terms-wrapper .term-item span { color: #ffffff !important; } /* ========================================================== 8. DATA JUNTO DA CATEGORIA ========================================================== */ .rivax-posts-carousel-wrapper .main-slider .date-after-terms { display: inline-flex !important; align-items: center !important; padding: 5px 9px !important; background: rgba(255,255,255,.96) !important; color: #222222 !important; border-radius: 5px !important; font-size: 14px !important; line-height: 1.2 !important; font-weight: 700 !important; box-shadow: 0 1px 4px rgba(0,0,0,.22) !important; text-shadow: none !important; } /* ========================================================== 9. DATA NOS METADADOS ========================================================== */ .rivax-posts-carousel-wrapper .main-slider .date-wrapper .date { display: inline-flex !important; align-items: center !important; padding: 6px 10px !important; background: #ffffff !important; color: #222222 !important; border-radius: 5px !important; font-size: 14px !important; line-height: 1.2 !important; font-weight: 700 !important; box-shadow: 0 1px 4px rgba(0,0,0,.20) !important; text-shadow: none !important; } /* ========================================================== 10. VISUALIZAÇÕES ========================================================== */ .rivax-posts-carousel-wrapper .main-slider .soro-home-card-views { display: inline-flex !important; align-items: center !important; width: fit-content !important; margin-top: 8px !important; padding: 6px 11px !important; background: #ffffff !important; color: #c90000 !important; border-radius: 5px !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 900 !important; box-shadow: 0 1px 4px rgba(0,0,0,.22) !important; text-shadow: none !important; } /* ========================================================== 11. AUTOR ========================================================== */ .rivax-posts-carousel-wrapper .main-slider .author-meta { display: inline-flex !important; align-items: center !important; gap: 4px !important; padding: 6px 10px !important; background: #ffffff !important; border-radius: 5px !important; color: #333333 !important; font-size: 14px !important; line-height: 1.2 !important; font-weight: 700 !important; box-shadow: 0 1px 4px rgba(0,0,0,.20) !important; text-shadow: none !important; } .rivax-posts-carousel-wrapper .main-slider .author-meta .by { color: #333333 !important; font-weight: 600 !important; } .rivax-posts-carousel-wrapper .main-slider .author-meta a { color: #c90000 !important; font-size: 14px !important; font-weight: 850 !important; text-decoration: none !important; text-shadow: none !important; } /* avatar */ .rivax-posts-carousel-wrapper .main-slider .author-image img { width: 32px !important; height: 32px !important; border: 2px solid rgba(255,255,255,.90) !important; border-radius: 50% !important; } /* ========================================================== 12. BLOCO DE METADADOS ========================================================== */ .rivax-posts-carousel-wrapper .main-slider .meta-wrapper { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 8px 10px !important; margin-top: 10px !important; } /* remove as bolinhas automáticas */ .rivax-posts-carousel-wrapper .main-slider .meta-wrapper > div + div::before { display: none !important; } /* ========================================================== 13. EXCERTO NO DESTAQUE ========================================================== */ .elementor-element-dadc1b9 .notch-slider .excerpt { max-width: 660px !important; margin-top: 10px !important; color: #ffffff !important; font-size: 15px !important; line-height: 1.45 !important; font-weight: 500 !important; text-shadow: 0 1px 3px rgba(0,0,0,.95), 0 2px 8px rgba(0,0,0,.70) !important; } /* ========================================================== 14. COMENTÁRIOS ========================================================== */ .elementor-element-dadc1b9 .notch-slider .comments-wrapper, .elementor-element-dadc1b9 .notch-slider .comments-wrapper span, .elementor-element-dadc1b9 .notch-slider .comments-wrapper i { color: #ffffff !important; text-shadow: 0 1px 4px rgba(0,0,0,.90) !important; } /* ========================================================== 15. MINIATURAS DO CARROSSEL ========================================================== */ .rivax-posts-carousel-wrapper .thumbs-slider-wrapper .thumb-title { line-height: 1.25 !important; font-weight: 700 !important; } .rivax-posts-carousel-wrapper .thumbs-slider-wrapper .soro-home-card-views { display: inline-block !important; margin-top: 5px !important; padding: 3px 7px !important; background: #ffffff !important; color: #c90000 !important; border-radius: 4px !important; font-size: 13px !important; line-height: 1.2 !important; font-weight: 800 !important; box-shadow: 0 1px 3px rgba(0,0,0,.16) !important; text-shadow: none !important; } /* ========================================================== 16. MINIATURAS DO NOTCH SLIDER ========================================================== */ .elementor-element-dadc1b9 .notch-slider .thumbs-slider-wrapper { overflow: hidden !important; border-radius: 10px !important; } .elementor-element-dadc1b9 .notch-slider .thumb-wrapper .image-wrapper { border-radius: 8px !important; } .elementor-element-dadc1b9 .notch-slider .thumb-wrapper .image-wrapper img { border-radius: 8px !important; } /* ========================================================== 17. TEMPO EDITORIAL — PREPARAÇÃO ========================================================== */ .soro-published-age, .soro-updated-age { display: inline-flex; align-items: center; padding: 6px 10px; border-radius: 5px; font-size: 15px; line-height: 1.2; font-weight: 750; box-shadow: 0 1px 4px rgba(0,0,0,.15); } .soro-published-age { background: #ffffff; color: #202124; } .soro-updated-age { background: rgba(0,0,0,.76); color: #ffffff; border: 1px solid rgba(255,255,255,.38); } /* ========================================================== 18. TABLET ========================================================== */ @media (max-width: 1024px) { .elementor-element-dadc1b9 .notch-slider .post-wrapper { height: 440px !important; } .elementor-element-dadc1b9 .notch-slider .content-wrapper { width: 84% !important; padding: 0 22px 24px 22px !important; } .elementor-element-dadc1b9 .notch-slider .post-title { font-size: clamp(24px, 3vw, 31px) !important; } } /* ========================================================== 19. CELULAR ========================================================== */ @media (max-width: 767px) { .elementor-element-dadc1b9 .notch-slider .rivax-posts-carousel-wrapper { margin-right: 0 !important; } .elementor-element-dadc1b9 .notch-slider .thumbs-slider-wrapper { display: none !important; } .elementor-element-dadc1b9 .notch-slider .post-wrapper { height: 390px !important; border-radius: 8px !important; } .elementor-element-dadc1b9 .notch-slider .content-wrapper { width: 100% !important; max-width: 100% !important; padding: 0 17px 18px 17px !important; } .rivax-posts-carousel-wrapper .main-slider .post-title, .rivax-posts-carousel-wrapper .main-slider .post-title a { font-size: 23px !important; line-height: 1.12 !important; } .elementor-element-dadc1b9 .notch-slider .post-title { font-size: 23px !important; line-height: 1.12 !important; } .rivax-posts-carousel-wrapper .main-slider .terms-wrapper .term-item { padding: 4px 7px !important; font-size: 11px !important; } .rivax-posts-carousel-wrapper .main-slider .date-after-terms { padding: 4px 7px !important; font-size: 12px !important; } .rivax-posts-carousel-wrapper .main-slider .soro-home-card-views { padding: 5px 8px !important; font-size: 13px !important; } .rivax-posts-carousel-wrapper .main-slider .author-meta { padding: 5px 8px !important; font-size: 12px !important; } .rivax-posts-carousel-wrapper .main-slider .author-meta a { font-size: 12px !important; } .rivax-posts-carousel-wrapper .main-slider .date-wrapper .date { padding: 5px 8px !important; font-size: 12px !important; } .rivax-posts-carousel-wrapper .main-slider .author-image { display: none !important; } .elementor-element-dadc1b9 .notch-slider .excerpt { font-size: 13px !important; line-height: 1.4 !important; } } /* ========================================================== SOROPOSITIVO.ORG — TÍTULOS DA HOME EM DOURADO Reduz o excesso de vermelho sem alterar categorias e alertas ========================================================== */ /* Títulos dos posts, cards, grids, sliders e carrosséis */ .home .post-title, .home .post-title a, .home .entry-title, .home .entry-title a { color: #d4af37 !important; font-weight: 800; text-decoration: none !important; } /* Títulos das seções da home */ .home .rivax-divider-heading .title, .home .rivax-divider-heading .title-inner, .home .rivax-divider-heading .title a, .home .rivax-divider-heading .title-inner a { color: #d4af37 !important; } /* Títulos Elementor existentes na home */ .home .elementor-heading-title, .home .elementor-heading-title a { color: #d4af37 !important; } /* Títulos de widgets */ .home .widget-title, .home .widget-title a { color: #d4af37 !important; } /* Hover — dourado mais claro */ .home .post-title a:hover, .home .entry-title a:hover, .home .rivax-divider-heading .title a:hover, .home .rivax-divider-heading .title-inner a:hover, .home .elementor-heading-title a:hover, .home .widget-title a:hover { color: #f1d978 !important; } /* ========================================================== TÍTULOS QUE FICAM SOBRE FOTOGRAFIA Mantém o dourado, mas acrescenta contraste. ========================================================== */ .home .rivax-posts-carousel-wrapper .main-slider .post-title, .home .rivax-posts-carousel-wrapper .main-slider .post-title a, .home .notch-slider .post-title, .home .notch-slider .post-title a { color: #d4af37 !important; text-shadow: 0 2px 3px rgba(0,0,0,.95), 0 3px 11px rgba(0,0,0,.75) !important; } /* ========================================================== DARK MODE Dourado permanece dourado ========================================================== */ html[scheme="dark"] .home .post-title, html[scheme="dark"] .home .post-title a, html[scheme="dark"] .home .entry-title, html[scheme="dark"] .home .entry-title a, html[scheme="dark"] .home .rivax-divider-heading .title, html[scheme="dark"] .home .rivax-divider-heading .title-inner, html[scheme="dark"] .home .elementor-heading-title, html[scheme="dark"] .home .widget-title { color: #d4af37 !important; }