/* ============================================================ BIO Theme – Scoped color overrides Paleta: engenharia + biotecnologia + sustentabilidade Aplica-se apenas quando ============================================================ */ /* ── CSS Variables ── */ .bio-theme { --background-color: #F3EFE3; --default-color: #202622; --heading-color: #123D2B; --accent-color: #123D2B; --surface-color: #F3EFE3; --contrast-color: #F3EFE3; --bio-text-size: 19px; } /* Nav */ .bio-theme { --nav-color: #F3EFE3; --nav-hover-color: #D4B875; --nav-mobile-background-color: #F3EFE3; --nav-dropdown-background-color: #F3EFE3; --nav-dropdown-color: #202622; --nav-dropdown-hover-color: #D4B875; } /* ── Header ── */ .bio-theme .header { --background-color: #183F31; --heading-color: #F3EFE3; } .bio-theme .header .topbar { background-color: #0A2D21; } .bio-theme .header .branding { background-color: #183F31; border-bottom: 1px solid rgba(243, 239, 227, .08); } /* ── Nav active/hover accent ── */ .bio-theme .navmenu .active, .bio-theme .navmenu .active:focus, .bio-theme .navmenu li:hover > a, .bio-theme .navmenu > ul > li > a:before { color: #D4B875; } .bio-theme .navmenu > ul > li > a:before { background-color: #D4B875; } .bio-theme .header .logo span { color: #D4B875; } /* ── Accent background (hero + footer) ── */ .bio-theme .accent-background { --background-color: #123D2B; --default-color: #F3EFE3; --heading-color: #F3EFE3; --accent-color: #F3EFE3; --surface-color: #1F6545; --contrast-color: #F3EFE3; } /* ── Dark background ── */ .bio-theme .dark-background { --background-color: #123D2B; --surface-color: #1F6545; } /* ── Links ── */ .bio-theme a { color: var(--accent-color); } .bio-theme a:hover { color: #1F6545; } /* ── Buttons ── */ .bio-theme .btn-success { background-color: #123D2B; border-color: #123D2B; color: #F3EFE3; } .bio-theme .btn-success:hover { background-color: #1F6545; border-color: #1F6545; color: #F3EFE3; } .bio-theme .btn-outline-success { border-color: #123D2B; color: #123D2B; } .bio-theme .btn-outline-success:hover { background-color: #123D2B; border-color: #123D2B; color: #F3EFE3; } .bio-theme .btn-primary { background-color: #123D2B; border-color: #123D2B; color: #F3EFE3; } .bio-theme .btn-primary:hover { background-color: #1F6545; border-color: #1F6545; color: #F3EFE3; } /* ── Bootstrap utilities ── */ .bio-theme .bg-success { background-color: #123D2B !important; } .bio-theme .text-success { color: #123D2B !important; } .bio-theme .bg-primary { background-color: #123D2B !important; } .bio-theme .text-primary { color: #123D2B !important; } .bio-theme .border-success { border-color: #123D2B !important; } .bio-theme .border-primary { border-color: #123D2B !important; } /* ── Scroll top button ── */ .bio-theme .scroll-top { background-color: #123D2B; } .bio-theme .scroll-top:hover { background-color: #1F6545; } /* ── Contact section ── */ .bio-theme .contato .info-container { background-color: #123D2B; } .bio-theme .contato .php-email-form button[type=submit] { background: #123D2B; } .bio-theme .contato .php-email-form button[type=submit]:hover { background: #1F6545; } /* ── FAQ ── */ .bio-theme .faq .faq-container .faq-active h3 { color: #123D2B; } .bio-theme .faq .faq-container .faq-item h3:hover { color: #123D2B; } .bio-theme .faq .faq-container .faq-item .faq-toggle:hover { color: #123D2B; } .bio-theme .faq .faq-container .faq-active .faq-toggle { color: #123D2B; } /* ── Testimonials ── */ .bio-theme .testimonials .swiper-pagination .swiper-pagination-bullet-active { background-color: #123D2B; } /* ── Portfolio ── */ .bio-theme .portfolio .portfolio-filters li:hover, .bio-theme .portfolio .portfolio-filters li.filter-active { color: #123D2B; } /* ── Preloader ── */ .bio-theme #preloader:before { border-color: #123D2B transparent #123D2B transparent; } /* ── Section title underline ── */ .bio-theme .section-title h2:after { background: #123D2B; } /* ── Pricing ── */ .bio-theme .pricing ul i { color: #1F6545; } .bio-theme .pricing .icon { background: #123D2B; } .bio-theme .pricing h4 { color: #123D2B; } /* ── Blog pagination ── */ .bio-theme .blog-pagination li a.active, .bio-theme .blog-pagination li a:hover { background: #123D2B; } /* ── Services ── */ .bio-theme .servicos .servico-item:hover .icon:before { background: color-mix(in srgb, #123D2B, transparent 50%); } .bio-theme .servicos .servico-item:hover h3 { border-color: color-mix(in srgb, #123D2B, transparent 10%); } .bio-theme .servicos .servico-item:hover .readmore { color: #123D2B; } /* ── Recent posts ── */ .bio-theme .recent-posts .title a:hover { color: #123D2B; } /* ── Tags widget ── */ .bio-theme .tags-widget ul a:hover { background: #123D2B; border-color: #123D2B; } /* ── Search widget ── */ .bio-theme .search-widget form button { background: #123D2B; } .bio-theme .search-widget form button:hover { background: #1F6545; } /* ── Categories widget ── */ .bio-theme .categories-widget ul a:hover { color: #123D2B; } /* ── Comment form ── */ .bio-theme .comment-form form .btn-primary { background-color: #123D2B; color: #F3EFE3; } .bio-theme .comment-form form .btn-primary:hover { background-color: #1F6545; } /* ── Page title ── */ .bio-theme .page-title { --background-color: #123D2B; } /* ── About section icons ── */ .bio-theme .sobre .content ul i { color: #123D2B; } /* ── Stats icons ── */ .bio-theme .stats .stats-item i { color: #123D2B; } /* ── Service details ── */ .bio-theme .servico-details .servicos-list a.active { border-color: #123D2B; } .bio-theme .servico-details ul i { color: #123D2B; } /* ── Portfolio details ── */ .bio-theme .portfolio-details .portfolio-info h3:after { background: #123D2B; } .bio-theme .portfolio-details .portfolio-info .btn-visit { background: #123D2B; } .bio-theme .portfolio-details .portfolio-info .btn-visit:hover { background: #1F6545; } .bio-theme .portfolio-details .swiper-pagination .swiper-pagination-bullet-active { background-color: #123D2B; } /* ── Blog details ── */ .bio-theme .blog-details .content blockquote:after { background-color: #123D2B; } .bio-theme .blog-details .meta-bottom a:hover { color: #123D2B; } /* ── Home icon-box cards ── */ .bio-theme .home .icon-box { background-color: #3d614a; } .bio-theme .home .icon-box .title a, .bio-theme .home .icon-box .icon { color: #F3EFE3; } .bio-theme .home .icon-box:hover { background-color: #4d715a; } .bio-theme .home .icon-box:hover .title a, .bio-theme .home .icon-box:hover .icon { color: #ffffff; } /* ── BIO Hero Section ── */ .bio-theme .bio-hero-title { font-weight: 700; line-height: 1.05; margin-bottom: 18px; } .bio-theme .bio-hero-line1 { display: block; color: #F3EFE3; } .bio-theme .bio-hero-line2 { display: block; color: #D4B875; } .bio-theme .bio-hero-line3 { display: block; color: #F3EFE3; } .bio-theme .bio-hero-divider { width: 40px; height: 2px; background: #D4B875; margin-bottom: 20px; } .bio-theme .bio-hero-text { color: rgba(243, 239, 227, 0.88); max-width: 550px; margin-bottom: 24px; } .bio-theme .bio-hero-btn { display: inline-block; align-self: flex-start; background: #D4B875; color: #123D2B; border: 1px solid #D4B875; font-weight: 600; font-size: var(--bio-text-size); padding: 10px 18px; border-radius: 6px; transition: all .2s ease; text-decoration: none; } .bio-theme .bio-hero-btn:hover { background: #E0C88B; border-color: #E0C88B; color: #123D2B; } /* ── BIO Cards ── */ .bio-theme .home .icon-box.bio-card { background: #3D614A; padding: 28px 24px; text-align: center; min-height: 245px; } .bio-theme .home .icon-box .icon.bio-card-icon { margin-bottom: 16px; color: #D4B875; font-size: 48px; } .bio-theme .home .icon-box .icon.bio-card-icon img { width: 48px; height: 48px; object-fit: contain; filter: invert(63%) sepia(34%) saturate(471%) hue-rotate(9deg) brightness(93%) contrast(89%); } .bio-theme .home .icon-box .title.bio-card-title { color: #F3EFE3; font-weight: 700; text-align: center; font-size: 18px; margin-bottom: 0; line-height: 1.15; } .bio-theme .bio-card-divider { width: 24px; height: 2px; background: #D4B875; margin: 12px auto 14px; } .bio-theme .bio-card-desc { color: rgba(243, 239, 227, 0.88); text-align: center; font-size: var(--bio-text-size); margin-bottom: 0; line-height: 1.5; } /* ── BIO Navbar link readability ── */ .bio-theme .navmenu a, .bio-theme .navmenu a:focus { color: rgba(243, 239, 227, 0.78); } /* ── BIO body / paragraph base size ── */ .bio-theme p { font-size: var(--bio-text-size); }