@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//oitoemeia.com.br/wp-content/themes/fast-webx/assets/fonts/inter-v20-latin-regular.woff2) format('woff2');
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(//oitoemeia.com.br/wp-content/themes/fast-webx/assets/fonts/inter-v20-latin-700.woff2) format('woff2');
} @font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//oitoemeia.com.br/wp-content/themes/fast-webx/assets/fonts/montserrat-v31-latin-regular.woff2) format('woff2');
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(//oitoemeia.com.br/wp-content/themes/fast-webx/assets/fonts/montserrat-v31-latin-700.woff2) format('woff2');
} @font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//oitoemeia.com.br/wp-content/themes/fast-webx/assets/fonts/poppins-v24-latin-regular.woff2) format('woff2');
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(//oitoemeia.com.br/wp-content/themes/fast-webx/assets/fonts/poppins-v24-latin-700.woff2) format('woff2');
} @font-face {
font-family: 'Questrial';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//oitoemeia.com.br/wp-content/themes/fast-webx/assets/fonts/questrial-v19-latin-regular.woff2) format('woff2');
} @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//oitoemeia.com.br/wp-content/themes/fast-webx/assets/fonts/roboto-v51-latin-regular.woff2) format('woff2');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(//oitoemeia.com.br/wp-content/themes/fast-webx/assets/fonts/roboto-v51-latin-700.woff2) format('woff2');
} :root {
--fwx-primary: #dd3333;
--fwx-secondary: #34a881; --fwx-bg-color: #ffffff;
--fwx-bg-color-dark: rgba(255, 255, 255, 0.02);
--fwx-bg-color-light: rgb(249, 249, 249); --fwx-text-color: #000000;
--fwx-transition: all 0.2s ease; --fwx-border: 1px solid rgba(0, 0, 0, 0.06);
--fwx-border-dark: 1px solid rgba(255, 255, 255, 0.06); --fwx-borderc-light: rgba(0, 0, 0, 0.06);
--fwx-borderc-dark: rgba(255, 255, 255, 0.06); --fwx-rad-4: 4px;
--fwx-rad-8: 8px;
--fwx-rad-12: 12px;
--fwx-rad-24: 24px;
--fwx-rad-48: 48px;
--fwx-rad-100: 100%;
}
html {
scroll-behavior: smooth; overflow-x: clip !important; } *,
*:before,
*:after {
box-sizing: border-box;
}
img,
video,
iframe {
max-width: 100%;
height: auto;
display: block;
}
body {
margin: 0;
padding: 0;
font-family: var(--fwx-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
color: var(--fwx-text-color);
background-color: var(--fwx-bg-color);
line-height: 1.6;
transition: var(--fwx-transition); }
input,
button,
select,
textarea {
font-family: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700;
margin-top: 0; line-height: 1.25;
margin-bottom: 0.5em;
}
a {
color: var(--fwx-link-color, var(--fwx-primary));
text-decoration: none;
font-weight: 700;
transition: var(--fwx-transition);
}
a:hover {
color: var(--fwx-secondary);
} .site-header {
background: var(--fwx-bg-color);
border-bottom: 1px solid rgba(0, 0, 0, var(--fwx-border-opacity, 0.05));
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
padding: 20px 0;
transition: var(--fwx-transition);
}
.site-branding img.custom-logo {
max-height: 50px;
width: auto;
}
html[data-theme='dark'] .site-branding img.fwx-light-logo {
display: none !important;
}
html[data-theme='dark'] .site-branding img.fwx-dark-logo {
display: block !important;
}
html[data-theme='dark'] .site-header {
border-bottom-color: rgba(255, 255, 255, 0.05);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}
html[data-theme='dark'] .fwx-sidebar-box {
background: rgba(255, 255, 255, 0.02);
border-color: var(--fwx-borderc-dark);
}
html[data-theme='dark'] .fwx-author-box {
border-top-color: rgba(255, 255, 255, 0.08);
border-bottom-color: rgba(255, 255, 255, 0.08);
background: transparent;
}
html[data-theme="dark"] .fwx-post-item {
border: var(--fwx-border-dark);
background-color: var(--fwx-bg-color-dark);
}
html[data-theme='dark'] .fwx-lead-wrapper {
background: rgba(255, 255, 255, 0.02);
border-color: var(--fwx-borderc-dark);
} .fwx-toc-container {  border-left: 4px solid var(--fwx-primary);
padding: 20px 20px 0px 10px;
margin: 30px 0;
border-radius: var(--fwx-rad-4);
}
.fwx-toc-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 8px;
}
.fwx-toc-title {
font-size: 1.0rem;
font-weight: 700;
} .fwx-toc-toggle {
background: none;
border: var(--fwx-border);
border-radius: var(--fwx-rad-4);
width: 26px;
height: 26px;
cursor: pointer;
font-size: 1.1em;
line-height: 1;
color: inherit;
display: flex;
align-items: center;
justify-content: center;
transition: var(--fwx-transition);
padding: 0;
flex-shrink: 0;
}
html[data-theme='dark'] .fwx-toc-toggle {
border-color: var(--fwx-borderc-dark);
}
.fwx-toc-toggle:hover {
background: rgba(0, 0, 0, 0.07);
border-color: var(--fwx-primary);
color: var(--fwx-primary);
}
.fwx-toc-toggle[aria-expanded="false"] {
transform: rotate(-90deg);
} .fwx-toc-list {
list-style: none;
padding-left: 0;
margin: 0;
overflow: hidden;
transition: max-height 0.3s ease, opacity 0.3s ease;
max-height: 1080px;
opacity: 1;
}
.fwx-toc-list.fwx-toc-collapsed {
max-height: 0;
opacity: 0;
}
.entry-content ul.fwx-toc-list {
padding: 0px 0px 10px 10px; margin-bottom: 0;
}
.fwx-toc-list li {
margin-bottom: 8px; font-size: 0.9rem;
line-height: 1.2;
}
.fwx-toc-list a {
color: var(--fwx-text-color);
text-decoration: none;
transition: var(--fwx-transition);
font-weight: 400;
}
.fwx-toc-list a:hover {
color: var(--fwx-secondary);
text-decoration: underline;
}
.fwx-toc-list li.fwx-toc-active a {
color: var(--fwx-primary);
font-weight: 700;
} .fwx-actual-content h2[id] {
scroll-margin-top: 100px;
} @media (min-width: 1250px) {
.fwx-content-with-toc {
position: relative;
display: block;
}
.fwx-sticky-toc {
position: absolute;
top: 0; right: 100%;
margin-right: 20px; width: 240px; height: 100%;
pointer-events: none;
z-index: 10;
}
.fwx-sticky-toc .fwx-toc-container {
position: sticky;
top: 110px; margin-top: 0;
pointer-events: auto;
max-height: calc(100vh - 150px);
overflow-y: auto;
scrollbar-width: thin;  }
}      .fwx-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
} #page {
overflow-x: clip;
}
.fwx-sticky-header .site-header {
position: sticky !important;
top: 0 !important;
z-index: 1000;
} .fwx-sticky-header body {
overflow-y: visible !important;
}
.header-inner {
display: flex;
justify-content: space-between;
align-items: center;
}
.site-title a {
text-decoration: none;
color: var(--fwx-text-color);
font-weight: 700;
} .main-navigation ul,
.footer-navigation ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
gap: 24px;
align-items: center;
} .main-navigation ul li {
position: relative;
}
.main-navigation ul li a {
display: flex;
align-items: center;
gap: 5px;
padding: 10px 0;
}
.main-navigation .sub-menu {
position: absolute;
top: 100%;
left: 0;
background: var(--fwx-bg-color);
min-width: 200px;
flex-direction: column;
align-items: flex-start;
gap: 0;
padding: 10px 0;
box-shadow: 0 15px 35px rgba(0,0,0,0.15);
border-top: 3px solid var(--fwx-primary);
border-radius: 0 0 var(--fwx-rad-8) var(--fwx-rad-8);
opacity: 0;
visibility: hidden;
transition: var(--fwx-transition);
z-index: 9999;
margin-top: 0;
}
.main-navigation li:hover > .sub-menu {
opacity: 1;
visibility: visible;
}
.main-navigation .sub-menu li {
width: 100%;
position: relative;
}
.main-navigation .sub-menu a {
padding: 12px 20px;
width: 100%;
font-size: 0.95rem;
text-align: left;
display: block;
white-space: nowrap;
}
.main-navigation .sub-menu a:hover {
background: var(--fwx-bg-color-light);
color: var(--fwx-primary);
} html[data-theme='dark'] .main-navigation .sub-menu {
background: #1a1a1a; box-shadow: 0 10px 25px rgba(0,0,0,0.3);
}
html[data-theme='dark'] .main-navigation .sub-menu a:hover {
background: var(--fwx-bg-color-dark);
} .fwx-submenu-indicator {
display: flex;
align-items: center;
transition: var(--fwx-transition);
}
.main-navigation li:hover > a > .fwx-submenu-indicator {
transform: rotate(180deg);
}
.footer-navigation ul {
justify-content: center;
gap: 15px;
margin-bottom: 20px;
}
.site-info {
margin-top: 30px;
} .fwx-theme-toggle {
background: none;
border: none;
cursor: pointer;
color: var(--fwx-text-color);
padding: 5px;
display: flex;
align-items: center;
border-radius: var(--fwx-rad-4);
transition: var(--fwx-transition);
flex-shrink: 0;
}
.fwx-theme-toggle svg {
width: 20px;
height: 20px;
}
.fwx-theme-toggle:hover {
background: rgba(0, 0, 0, 0.05);
color: var(--fwx-secondary);
}
html[data-theme='dark'] .fwx-theme-toggle:hover {
background: rgba(255, 255, 255, 0.1);
color: var(--fwx-secondary);
} .fwx-mobile-btn {
display: none;
background: none;
border: none;
color: var(--fwx-text-color);
cursor: pointer;
padding: 10px;
}
.fwx-mobile-btn-close {
display: none;
}
.fwx-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 10001;
opacity: 0;
transition: var(--fwx-transition);
}
.fwx-overlay.active {
display: block;
opacity: 1;
}
[data-theme="dark"] .fwx-icon-sun {
display: none !important;
}
[data-theme="dark"] .fwx-icon-moon {
display: block !important;
} .fwx-reading-progress {
position: fixed;
top: 0;
left: 0;
height: 4px;
background-color: var(--fwx-primary);
width: 0%;
z-index: 9999;
transition: width 0.1s ease;
} .admin-bar .fwx-sticky-header .site-header {
top: 32px !important;
}
@media screen and (max-width: 782px) {
.admin-bar .fwx-sticky-header .site-header {
top: 46px !important;
}
}  .fwx-archive-layout {
display: block; margin-top: 40px;
margin-bottom: 50px;
}
.fwx-archive-layout.has-sidebar {
display: grid;
grid-template-columns: 1fr 300px;
gap: 40px;
align-items: stretch;
}
.fwx-archive-content {
min-width: 0; width: 100%; } .fwx-posts-grid {
display: grid;
gap: 30px;
margin-top: 40px; width: 100%;
overflow-x: clip;
} .fwx-archive-layout.has-sidebar .fwx-posts-grid {
margin-top: 0;
} .fwx-grid-layout-a {
grid-template-columns: minmax(0, 1fr);
max-width: 800px;
margin: 40px auto;
}  .fwx-archive-layout.no-sidebar .fwx-grid-layout-a,
.fwx-archive-layout.no-sidebar .fwx-grid-layout-e,
.fwx-archive-layout.has-sidebar .fwx-grid-layout-a,
.fwx-archive-layout.has-sidebar .fwx-grid-layout-e {
max-width: none;
margin-left: 0;
margin-right: 0;
} .fwx-archive-layout.has-sidebar .fwx-grid-layout-c {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 992px) {
.fwx-archive-layout.has-sidebar .fwx-grid-layout-c {
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}
} .fwx-archive-layout.has-sidebar .fwx-grid-layout-c .fwx-post-featured {
grid-template-columns: repeat(2, minmax(0, 1fr));
} .fwx-grid-layout-b {
grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
} .fwx-grid-layout-c {
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
.fwx-grid-layout-c .fwx-post-featured {
grid-column: 1 / -1; display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
align-items: stretch;
}
@media screen and (max-width: 600px) {
.fwx-grid-layout-c .fwx-post-featured {
gap: 0px;
}
} .fwx-post-featured .fwx-post-thumb {
height: 100%;
}
.fwx-post-featured .fwx-post-thumb a {
display: block;
height: 100%;
}
.fwx-post-featured .fwx-post-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
aspect-ratio: auto;
border-radius: 12px 0 0 12px;
} @media screen and (max-width: 600px) {
.fwx-post-featured .fwx-post-thumb img {
border-radius: 0;
}
} .fwx-grid-layout-d {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.fwx-grid-layout-d .fwx-post-featured {
grid-column: 1 / -1;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 30px;
align-items: stretch;
} @media screen and (max-width: 600px) {
.fwx-grid-layout-d .fwx-post-featured {
gap: 0px;
}
}
.fwx-grid-layout-d .fwx-post-item {
border: var(--fwx-border);
background: var(--fwx-bg-color);
border-radius: var(--fwx-rad-8);
overflow: hidden;
}
html[data-theme='dark'] .fwx-grid-layout-d .fwx-post-item {
border-color: var(--fwx-borderc-dark);
background: rgba(255, 255, 255, 0.02);
}
@media (max-width: 768px) {
.fwx-grid-layout-d,
.fwx-grid-layout-d .fwx-post-featured {
grid-template-columns: 1fr;
}
} .fwx-grid-layout-e {
grid-template-columns: 1fr;
max-width: 900px;
margin: 40px auto;
}
.fwx-grid-layout-e .fwx-post-item {
display: flex;
flex-direction: row;
align-items: stretch;
background: var(--fwx-bg-color);
border: var(--fwx-border);
border-radius: var(--fwx-rad-12); margin-bottom: 0px;
overflow: hidden;
}
html[data-theme='dark'] .fwx-grid-layout-e .fwx-post-item {
background: rgba(255, 255, 255, 0.02);
border-color: var(--fwx-borderc-dark);
}
.fwx-grid-layout-e .fwx-post-thumb {
width: 42%;
flex-shrink: 0;
line-height: 0;
}
.fwx-grid-layout-e .fwx-post-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: 0; }
.fwx-grid-layout-e .fwx-post-content {
width: 58%;
padding: 30px;
display: flex;
flex-direction: column;
justify-content: center;
} .fwx-blog-hero {
background: var(--fwx-hero-color);
color: var(--fwx-hero-text-color);
padding: 80px 20px;
text-align: center;
margin-bottom: 50px;
}
.fwx-blog-hero-inner {
max-width: 800px;
margin: 0 auto;
}
.fwx-blog-hero-title {
font-size: 2.5em;
font-weight: 800;
margin: 0 0 15px 0;
line-height: 1.2;
}
.fwx-blog-hero-desc {
font-size: 1.2em;
opacity: 0.9;
margin: 0;
line-height: 1.5;
}
.fwx-blog-hero-layout-2 {
background: transparent;
color: var(--fwx-text-color);
padding: 60px 0 0;
text-align: left;
margin-bottom: 20px;
}
.fwx-blog-hero-layout-2 .fwx-blog-hero-inner {
max-width: 1200px;
margin: 0 auto;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
padding: 0 20px 40px;
}
html[data-theme='dark'] .fwx-blog-hero-layout-2 .fwx-blog-hero-inner {
border-color: var(--fwx-borderc-dark);
}
.fwx-blog-hero-layout-2 .fwx-blog-hero-title {
font-size: 3.5rem;
font-weight: 900;
letter-spacing: -1px;
margin: 0 0 15px 0;
line-height: 1.1;
}
.fwx-blog-hero-layout-2 .fwx-blog-hero-desc {
font-size: 1.25em;
opacity: 0.8;
max-width: 700px;
}
@media (max-width: 768px) {
.fwx-blog-hero {
padding: 30px 20px;
margin-bottom: 30px;
}
.fwx-blog-hero-layout-2 {
padding: 30px 0 0;
margin-bottom: 10px;
}
.fwx-blog-hero-layout-2 .fwx-blog-hero-inner {
padding-bottom: 20px;
}
.fwx-blog-hero-title {
font-size: 2em;
}
.fwx-blog-hero-layout-2 .fwx-blog-hero-title {
font-size: 2.5rem;
}
.fwx-grid-layout-e .fwx-post-item {
flex-direction: column;
}
.fwx-grid-layout-e .fwx-post-thumb,
.fwx-grid-layout-e .fwx-post-content {
width: 100%;
}
.fwx-grid-layout-e .fwx-post-thumb {
height: 250px;
}
.fwx-grid-layout-e .fwx-post-content {
padding: 20px;
}
} .fwx-load-more-wrapper {
text-align: center;
margin: 50px 0 20px;
grid-column: 1 / -1;
}
.fwx-btn-load-more {
background: var(--fwx-primary);
color: #fff;
border: none;
padding: 15px 40px;
font-size: 1.1rem;
font-weight: 700;
border-radius: var(--fwx-rad-8);
cursor: pointer;
transition: var(--fwx-transition);
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}
.fwx-btn-load-more:disabled {
opacity: 0.7;
cursor: not-allowed;
box-shadow: none;
}
.fwx-btn-load-more:hover:not(:disabled) {
background: var(--fwx-secondary);
transform: translateY(-2px);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}   .fwx-post-item {
border: var(--fwx-border);
border-radius: var(--fwx-rad-12);
overflow: hidden;
background: var(--fwx-bg-color);
transition: var(--fwx-transition);
}
.fwx-post-item:hover {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}
.fwx-post-thumb {
overflow: hidden;
background: rgba(0, 0, 0, 0.03);
} .fwx-post-thumb img {
width: 100%;
height: auto;
object-fit: cover;
display: block;
aspect-ratio: 3 / 2;
}
.fwx-post-content {
padding: 20px;
}
.entry-title a {
text-decoration: none;
color: var(--fwx-text-color);
transition: var(--fwx-transition);
}
.entry-title a:hover {
color: var(--fwx-secondary);
}
.fwx-cat-label {
display: inline-block;
background: var(--fwx-primary);
color: #fff;
padding: 2px 8px;
border-radius: var(--fwx-rad-4);
font-size: 0.8em;
margin-bottom: 10px;
text-decoration: none;
font-weight: 700;
}
.fwx-cat-label:hover {
background: var(--fwx-secondary);
color: #fff;
} .fwx-single-layout {
display: grid;
gap: 40px;
margin-top: 40px;
margin-bottom: 50px; }
.fwx-single-layout.has-sidebar {
grid-template-columns: minmax(0, 1fr) 300px; gap: 40px;
align-items: stretch;
} .fwx-single-layout.has-sidebar .fwx-single-content {
max-width: 700px;
width: 100%;
min-width: 0; }
.fwx-single-layout.no-sidebar {
display: block; max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.fwx-single-layout.no-sidebar .fwx-single-content,
.fwx-single-layout.no-sidebar .fwx-page-content {
width: 100%;
} .fwx-single-layout.fwx-single-layout-2 {
margin-top: 0;
}
.fwx-single-header-2 {
text-align: center;
max-width: 800px;
margin: 0 auto 40px;
padding: 60px 20px 0;
}
.fwx-single-header-2 .fwx-cat-label { margin-bottom: 10px;
}
.fwx-single-header-2 .entry-title {
font-size: 3rem;
line-height: 1.1;
letter-spacing: -1px;
margin-top: 0;
margin-bottom: 20px;
}
.entry-excerpt {
font-style: italic;
opacity: 0.8;
margin-bottom: 25px; font-size: 0.9rem;
line-height: 1.5;
}
.fwx-single-header-2 .entry-meta {
justify-content: center;
display: flex;
gap: 15px;   text-transform: uppercase;
}
.fwx-hero-wide-thumb {
width: 100%;
max-width: 1200px;
margin: 0 auto 50px auto;
padding: 0 20px;
box-sizing: border-box;
}
.fwx-hero-wide-thumb img {
width: 100%;
height: auto;
object-fit: cover;
aspect-ratio: 3 / 2;
border-radius: var(--fwx-rad-8);
display: block;
}
@media (max-width: 768px) {
.fwx-single-layout.has-sidebar,
.fwx-single-layout.no-sidebar {
grid-template-columns: 1fr !important;
display: block !important;
width: 100% !important;
max-width: 100% !important;
gap: 0 !important;
padding: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.fwx-single-content,
.fwx-page-content {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding: 0 20px !important;
box-sizing: border-box !important;
} .fwx-single-header-2 {
padding: 40px 20px 0;
text-align: center !important;
}
.fwx-single-header-2 .entry-title {
font-size: 1.8rem;
}
.fwx-single-header-2 .fwx-cat-label {
font-size: 0.7em;
} .fwx-single-layout .entry-content h2 {
font-size: 1.7rem;
}
.fwx-hero-wide-thumb {
width: 100%;
margin: 0 0 30px 0;
padding: 0;
}
.fwx-hero-wide-thumb img {
border-radius: 0;
aspect-ratio: 3 / 2;
}
.fwx-single-header-2 .entry-meta {
justify-content: center !important; gap: 15px; } .fwx-grid-layout-c,
.fwx-archive-layout.has-sidebar .fwx-grid-layout-c,
.fwx-grid-layout-c .fwx-post-featured,
.fwx-archive-layout.has-sidebar .fwx-grid-layout-c .fwx-post-featured {
grid-template-columns: 1fr !important;
}
.fwx-grid-layout-c .fwx-post-featured .fwx-post-thumb,
.fwx-grid-layout-d .fwx-post-featured .fwx-post-thumb,
.fwx-archive-layout.has-sidebar .fwx-grid-layout-c .fwx-post-featured .fwx-post-thumb {
height: auto;
aspect-ratio: 3/2;
}
}
.entry-meta {
font-size: 0.7em;  margin-bottom: 20px;
}
.fwx-hero-thumb {
margin-bottom: 30px;
} .entry-content iframe,
.entry-content embed,
.entry-content object,
.entry-content video {
max-width: 100%;
width: 100%;
aspect-ratio: 16 / 9;
height: auto;
border: none;
display: block;
border-radius: var(--fwx-rad-8);
} .fwx-blank-content {
margin: 40px auto;
padding: 20px;
} .entry-content {
font-size: 1.15rem;
line-height: 1.8;
color: var(--fwx-text-color);
max-width: 100%;
}
@media (max-width: 991px) {
.entry-content {
overflow-x: hidden; }
}
.entry-content p {
margin-bottom: 28px;
}
.entry-content h2,
.entry-content h3,
.entry-content h4 {
color: var(--fwx-text-color);
margin-top: 50px;
margin-bottom: 20px;
line-height: 1.2;
}
.entry-content h2 {
font-size: 2rem;
}
.entry-content h3 {
font-size: 1.6rem;
}
.entry-content h4 {
font-size: 1.3rem;
}
.entry-content ul,
.entry-content ol {
margin-bottom: 20px; padding-left: 20px;
}
.entry-content li {
margin-bottom: 12px;
} .fwx-share-buttons {
margin: 40px 0;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 15px;
flex-wrap: wrap;
text-align: left;
}
.fwx-share-title {
font-weight: 700;
margin-right: 5px;
}
.fwx-btn-share {
display: inline-block;
padding: 8px 16px;
margin-right: 10px;
border-radius: var(--fwx-rad-4);
color: #fff;
text-decoration: none;
font-size: 0.9em;
}
.fwx-whatsapp {
background: #25D366;
}
.fwx-facebook {
background: #1877F2;
}
.fwx-twitter {
background: #000000;
}
.fwx-author-box {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
background: transparent;
padding: 0 20px 40px 20px;
border-top: 1px solid rgba(0, 0, 0, 0.08);
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
margin-top: 60px;
margin-bottom: 50px;
position: relative;
}
.fwx-author-avatar {
flex-shrink: 0;
width: 100px;
margin-top: -40px;
margin-bottom: 15px;
background: var(--fwx-bg-color);
padding: 0 15px;
position: relative;
z-index: 2;
}
.fwx-author-avatar img {
border-radius: var(--fwx-rad-100);
width: 100%;
height: auto;
aspect-ratio: 1 / 1;
object-fit: cover;
display: block;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.fwx-author-info {
max-width: 650px;
}
.fwx-author-name {
margin-top: 0;
margin-bottom: 10px;
font-size: 1.4rem;
font-weight: 700;
}
.fwx-author-bio {
font-size: 1.05rem;
line-height: 1.7;
color: var(--fwx-text-color);
opacity: 0.8;
margin-bottom: 15px;
} .fwx-author-link {
text-decoration: none;
}
.fwx-author-link:hover {
color: var(--fwx-secondary);
text-decoration: none;
}  .entry-content .fwx-author-box {
margin-top: 90px;
margin-bottom: 30px;
}
.entry-content .fwx-author-avatar {
margin: -30px 0;
} .fwx-sidebar-author-avatar {
display: flex;
justify-content: center;
margin-bottom: -10px;
}
.entry-content .fwx-sidebar-author-avatar {
margin-bottom: -50px;
}
.fwx-sidebar-author-avatar img {
border-radius: var(--fwx-rad-100) !important;
width: 96px !important;
height: 96px !important;
object-fit: cover;
border: 2px solid var(--fwx-primary);
padding: 2px;
display: block;
margin: 0 auto 15px;
} .entry-content .fwx-sidebar-rel-thumb img,
.fwx-sidebar-rel-thumb img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
border-radius: var(--fwx-rad-4);
display: block !important;
}
.entry-content .fwx-sidebar-rel-info h4 {
margin-top: 0px;
font-size: 1rem;
} .entry-content .fwx-sidebar-related {
max-width: 100%;
} .entry-content .fwx-related-posts {
margin-top: 30px;
}
.entry-content .fwx-related-item {
margin: 0;
}
.entry-content .fwx-related-post-title {
margin: 10px;
padding: 12px 14px;
font-size: 1rem;
} .fwx-sidebar .widget {
margin-bottom: 30px;
background: var(--fwx-bg-color);
border: var(--fwx-border);
border-radius: var(--fwx-rad-8);
padding: 18px;
overflow: hidden;
box-sizing: border-box;
}
html[data-theme='dark'] .fwx-sidebar .widget {
background: rgba(255, 255, 255, 0.02);
border-color: var(--fwx-borderc-dark);
}
.fwx-sidebar .widget-title {
font-size: 1.1rem;
font-weight: 700;
margin: 0 0 15px 0;
padding-bottom: 10px;
border-bottom: 2px solid var(--fwx-primary);
display: block;
color: var(--fwx-text-color);
} .fwx-sidebar .widget>img,
.fwx-sidebar .widget>a>img,
.fwx-sidebar .widget_media_image img,
.fwx-sidebar .widget .wp-block-image img {
width: 100%;
height: auto;
border-radius: var(--fwx-rad-4);
display: block;
} .fwx-sidebar .widget button,
.fwx-sidebar .widget .button,
.fwx-sidebar .widget .wp-block-button__link {
display: block;
width: 100%;
padding: 12px 20px;
background: var(--fwx-primary);
color: #fff !important;
border: none;
border-radius: var(--fwx-rad-4);
font-weight: 700;
text-align: center;
cursor: pointer;
transition: var(--fwx-transition);
font-size: 1rem;
box-sizing: border-box;
text-decoration: none;
}
.fwx-sidebar .widget button:hover,
.fwx-sidebar .widget .button:hover,
.fwx-sidebar .widget .wp-block-button__link:hover {
background: var(--fwx-secondary);
transform: translateY(-2px);
color: #fff !important;
} .fwx-sidebar-author {
margin-bottom: 30px;
}
.fwx-sidebar-author-inner {
text-align: center;
} .fwx-sidebar .fwx-sidebar-author-avatar img {
border-radius: var(--fwx-rad-100) !important;
width: 96px !important;
height: 96px !important;
margin: 0 auto 15px;
object-fit: cover;
border: 2px solid var(--fwx-primary);
padding: 2px;
display: block;
}
.fwx-sidebar-author-name {
font-size: 1.25em;
margin-top: 0;
margin-bottom: 10px;
}
.fwx-sidebar-author-bio {
font-size: 0.9em;  margin-bottom: 20px;
line-height: 1.5;
}
.fwx-sidebar-btn-author {
display: inline-block;
padding: 10px 20px;
background: var(--fwx-primary);
color: #fff;
text-decoration: none;
border-radius: var(--fwx-rad-4);
font-weight: 700;
font-size: 0.9em;
transition: var(--fwx-transition);
}
.fwx-sidebar-btn-author:hover {
background: var(--fwx-secondary);
color: #fff;
} .fwx-lead-wrapper {
background: #fdfdfd;
border: var(--fwx-border);
padding: 30px;
border-radius: var(--fwx-rad-8);
margin: 40px 0;
} .fwx-sidebar .fwx-lead-wrapper {
margin: 0;
padding: 0;
background: none;
border: none;
}
.fwx-input-group {
display: flex;
gap: 10px;
margin-bottom: 15px;
}
.fwx-sidebar .fwx-input-group {
flex-direction: column;
}
.fwx-sidebar .fwx-input-group button {
padding: 12px;
}
.fwx-input-group input[type="email"] {
flex: 1;
padding: 12px 15px;
border: 1px solid #ccc;
border-radius: var(--fwx-rad-4);
font-size: 1em;
}
.fwx-input-group button {
background: var(--fwx-primary);
color: #fff !important;
border: none;
padding: 0 35px;
border-radius: var(--fwx-rad-4);
font-weight: 700;
font-size: 1.1rem;
cursor: pointer;
transition: var(--fwx-transition);
font-family: var(--fwx-font-family);
}
.fwx-input-group button:hover {
background: var(--fwx-secondary);
transform: translateY(-2px);
}
.fwx-checkbox-group label {
font-size: 0.9em;
color: var(--fwx-text-color);
display: flex;
gap: 10px;
align-items: flex-start;
font-weight: 500;
}
.fwx-checkbox-group label input {
margin-top: 5px;
}
.fwx-form-msg {
margin-top: 15px;
font-weight: bold;
font-size: 0.9em;
}
.fwx-form-msg.fwx-success {
color: #25D366;
}
.fwx-form-msg.fwx-error {
color: #d32525;
} #fwx-redirect-overlay {
display: none;
position: fixed;
inset: 0;
z-index: 999999;
background: rgba(255, 255, 255, 0.25);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
html[data-theme='dark'] #fwx-redirect-overlay {
background: rgba(0, 0, 0, 0.45);
}
#fwx-redirect-overlay.fwx-redirect-active {
display: flex;
align-items: center;
justify-content: center;
animation: fwxFadeIn 0.2s ease;
}
@keyframes fwxFadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fwx-redirect-box {
display: flex;
flex-direction: column;
align-items: center;
gap: 18px;
background: var(--fwx-bg-color, #fff);
border-radius: var(--fwx-rad-12);
padding: 40px 50px;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
text-align: center;
}
.fwx-redirect-spinner {
width: 48px;
height: 48px;
border: 4px solid rgba(0, 0, 0, 0.08);
border-top-color: var(--fwx-primary, #0073aa);
border-radius: var(--fwx-rad-100);
animation: fwxSpin 0.8s linear infinite;
}
html[data-theme='dark'] .fwx-redirect-spinner {
border-color: var(--fwx-borderc-dark);
border-top-color: var(--fwx-primary, #0073aa);
}
@keyframes fwxSpin {
to {
transform: rotate(360deg);
}
}
.fwx-redirect-text {
margin: 0;
font-size: 1rem;
font-weight: 700;
color: var(--fwx-text-color, #333);
opacity: 0.85;
letter-spacing: 0.01em;
} .fwx-contact-wrapper {
background: var(--fwx-bg-color);
padding: 30px;
border-radius: var(--fwx-rad-8);
border: none; margin: 40px 0;
}
html[data-theme='dark'] .fwx-contact-wrapper {
background: none; border-color: none; }
.fwx-form-row {
display: flex;
gap: 20px;
}
.fwx-form-row .fwx-input-group {
flex: 1;
}
.fwx-contact-wrapper .fwx-input-group {
flex-direction: column;
align-items: stretch;
}
.fwx-contact-wrapper label {
font-weight: 700;
margin-bottom: 5px;
display: block;
}
.fwx-contact-wrapper .fwx-required {
color: #d32525;
}
.fwx-contact-wrapper input[type="text"],
.fwx-contact-wrapper input[type="email"],
.fwx-contact-wrapper textarea {
width: 100%;
padding: 12px;
border: var(--fwx-border);
border-radius: var(--fwx-rad-4);
font-size: 1em;
background: var(--fwx-bg-color);
color: var(--fwx-text-color);
box-sizing: border-box;
}
html[data-theme='dark'] .fwx-contact-wrapper input,
html[data-theme='dark'] .fwx-contact-wrapper textarea {
border-color: var(--fwx-borderc-dark);
}
.fwx-action-group {
margin-top: 20px;
}
.fwx-btn-submit {
background: var(--fwx-primary);
color: #fff;
border: none;
padding: 12px 30px;
border-radius: var(--fwx-rad-4);
font-size: 1em;
font-weight: bold;
cursor: pointer;
transition: var(--fwx-transition);
}
.fwx-btn-submit:hover {
background: var(--fwx-secondary);
} .fwx-lgpd-banner {
position: fixed;
bottom: 20px;
left: 20px;
width: auto;
max-width: 400px;
background: #111;
color: #fff;
padding: 20px 0px;
border-radius: var(--fwx-rad-8);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
z-index: 100000;
box-sizing: border-box;
}
.fwx-lgpd-content {
display: flex;
flex-direction: column;
gap: 15px;
}
.fwx-lgpd-content p {
margin: 0;
font-size: 0.9em;
line-height: 1.5;
opacity: 0.9;
}
.fwx-lgpd-actions {
display: flex;
gap: 10px;
align-items: stretch;
flex-wrap: wrap;
}
.fwx-lgpd-policy-btn {
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.3);
color: #fff !important;
padding: 10px 10px;
border-radius: var(--fwx-rad-4);
cursor: pointer;
font-weight: 700 !important;
font-size: 0.7em;
transition: var(--fwx-transition);
display: flex;
align-items: center;
justify-content: center;
flex: 1;
min-width: 120px;
text-align: center;
}
.fwx-lgpd-policy-btn:hover {
background: rgba(255, 255, 255, 0.1);
}
.fwx-lgpd-btn {
background: var(--fwx-primary);
color: #fff;
border: none;
padding: 10px 10px;
border-radius: var(--fwx-rad-4);
cursor: pointer;
font-weight: bold;
min-width: 120px;
flex: 1;
font-size: 0.7em;
transition: var(--fwx-transition);
}
.fwx-lgpd-btn:hover {
background: var(--fwx-secondary);
} #respond {
background: rgba(0, 0, 0, 0.02);
padding: 30px;
border-radius: var(--fwx-rad-8);
margin-top: 40px;
}
html[data-theme='dark'] #respond {
background: rgba(255, 255, 255, 0.02);
}
#respond label {
display: block;
margin-bottom: 8px;
font-weight: 700;
}
#respond input[type="text"],
#respond input[type="email"],
#respond input[type="url"],
#respond textarea {
width: 100%;
padding: 12px;
border: var(--fwx-border);
border-radius: var(--fwx-rad-4);
font-size: 1rem;
font-family: inherit;
background: var(--fwx-bg-color);
color: var(--fwx-text-color);
margin-bottom: 20px;
box-sizing: border-box;
}
html[data-theme='dark'] #respond input[type="text"],
html[data-theme='dark'] #respond input[type="email"],
html[data-theme='dark'] #respond input[type="url"],
html[data-theme='dark'] #respond textarea {
border-color: var(--fwx-borderc-dark);
}
#respond .submit {
background: var(--fwx-primary);
color: #fff;
border: none;
padding: 12px 30px;
border-radius: var(--fwx-rad-4);
font-size: 1rem;
font-weight: bold;
cursor: pointer;
transition: var(--fwx-transition);
}
#respond .submit:hover {
background: var(--fwx-secondary);
}
@media (max-width: 768px) {
h1.entry-title {
font-size: 1.8rem;
}
.fwx-single-layout.has-sidebar,
.fwx-archive-layout.has-sidebar {
grid-template-columns: 1fr;
gap: 40px;
}
.fwx-share-buttons,
.fwx-post-tags {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
gap: 8px;
text-align: left;
}
.fwx-share-title,
.fwx-post-tags strong {
width: 100%;
margin: 0 0 5px 0;
line-height: 1.2;
}
.site-branding img.custom-logo {
max-height: 40px;
}
.fwx-input-group {
flex-direction: column;
}
.fwx-input-group button {
padding: 15px;
}
.fwx-lgpd-banner {
bottom: 10px;
left: 10px;
right: 10px;
max-width: none;
}
.fwx-mobile-btn {
display: block;
}
.main-navigation {
position: fixed;
top: 0;
right: -300px;
width: 250px;
height: 100vh;
background: var(--fwx-bg-color);
flex-direction: column;
align-items: flex-start;
padding: 60px 20px 20px;
box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
transition: var(--fwx-transition);
z-index: 10002;
}
.main-navigation.mobile-open {
right: 0;
}
.fwx-mobile-hide-sidebar aside.fwx-sidebar {
display: none !important;
}
.main-navigation ul {
flex-direction: column;
gap: 0;
align-items: flex-start;
width: 100%;
}
.main-navigation li {
width: 100%;
border-bottom: var(--fwx-borderc-light);
}
html[data-theme='dark'] .main-navigation li {
border-bottom: var(--fwx-borderc-dark);
}
.main-navigation li a {
padding: 15px 0;
width: 100%;
justify-content: space-between;
}
.main-navigation .sub-menu {
position: static;
opacity: 1;
visibility: visible;
transform: none;
display: block;
max-height: 0;
overflow: hidden;
background: var(--fwx-bg-color-light);
box-shadow: none;
border: none;
padding: 0;
width: 100%;
transition: max-height 0.3s ease;
}
html[data-theme='dark'] .main-navigation .sub-menu {
background: var(--fwx-bg-color-dark);
}
.main-navigation .sub-menu li {
border: none;
}
.main-navigation .sub-menu a {
padding: 12px 20px;
}
.main-navigation li.active > a .fwx-submenu-indicator {
transform: rotate(180deg);
}
.fwx-mobile-btn-close {
display: block;
position: absolute;
top: 20px;
right: 20px;
background: none;
border: none;
color: var(--fwx-text-color);
cursor: pointer;
}
.footer-navigation ul {
flex-direction: column;
align-items: center;
} .fwx-btn-share {
font-size: 0; padding: 12px;
border-radius: var(--fwx-rad-100);
width: 44px;
height: 44px;
}
.fwx-btn-share svg {
margin: 0;
}
} .fwx-breadcrumbs {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 4px;
font-size: 0.85em;
color: #555;
margin-bottom: 20px;
padding: 10px 0;
} .entry-header .fwx-breadcrumbs {
margin-top: 4px;
margin-bottom: 8px;
padding: 0;
font-size: 0.8em;
} .fwx-single-header-2 .fwx-breadcrumbs {
margin-top: 4px;
margin-bottom: 8px;
padding: 0;
font-size: 0.8em;
justify-content: center;
}
.fwx-bc-item {
color: var(--fwx-link-color);
text-decoration: none;
font-weight: 700;
transition: var(--fwx-transition);
}
.fwx-bc-item:hover {
color: var(--fwx-secondary);
}
.fwx-bc-current {
color: #555;
font-weight: 400;
}
html[data-theme='dark'] .fwx-breadcrumbs,
html[data-theme='dark'] .fwx-bc-current {
color: rgba(255, 255, 255, 0.7);
}
.fwx-bc-sep {
color: #ccc;
font-size: 1.1em;
line-height: 1;
user-select: none;
} .fwx-related-posts {
margin: 40px 0;
}
html[data-theme='dark'] .fwx-related-posts {
border-top: none;
}
.fwx-related-title {
font-size: 1.2rem;
font-weight: 700;
margin-bottom: 24px;
margin-top: 0;
}
.fwx-related-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.fwx-related-item {
border: var(--fwx-border);
border-radius: var(--fwx-rad-8);
overflow: hidden;
background: var(--fwx-bg-color-dark);
transition: var(--fwx-transition);
}
html[data-theme='dark'] .fwx-related-item {
border-color: var(--fwx-borderc-dark);
}
.fwx-related-item:hover {
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
transform: translateY(-3px);
} .fwx-related-thumb img {
width: 100%;
aspect-ratio: 3 / 2;
object-fit: cover;
display: block;
height: auto;
}
.fwx-related-post-title {
font-size: 0.95rem;
margin: 0;
padding: 14px;
line-height: 1.4;
}
.fwx-related-post-title a {
color: var(--fwx-text-color);
text-decoration: none;
transition: var(--fwx-transition);
}
.fwx-related-post-title a:hover {
color: var(--fwx-secondary);
} .fwx-sidebar-related {
margin-bottom: 30px;
}  .fwx-sidebar-rel-item {
display: flex;
gap: 12px;
align-items: flex-start;
margin-bottom: 14px;
padding-bottom: 14px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
html[data-theme='dark'] .fwx-sidebar-rel-item {
border-bottom-color: rgba(255, 255, 255, 0.05);
}
.fwx-sidebar-rel-item:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.fwx-sidebar-rel-thumb {
flex-shrink: 0;
width: 70px; height: 80px;
overflow: hidden;
border-radius: var(--fwx-rad-4);
display: block;
}
.fwx-sidebar .fwx-sidebar-rel-thumb img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
border-radius: var(--fwx-rad-4);
}
.fwx-sidebar-rel-info {
flex: 1;
min-width: 0;
}
.fwx-sidebar-rel-title {
font-size: 0.85rem;
margin: 0;
line-height: 1.4;
font-weight: 600;
}
.fwx-sidebar-rel-title a {
color: var(--fwx-text-color);
text-decoration: none;
font-weight: 400;
}
.fwx-sidebar-rel-title a:hover {
color: var(--fwx-secondary);
}
@media (max-width: 768px) {
.site-branding img.custom-logo {
max-height: 44px !important;
}
.fwx-related-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
.fwx-related-grid {
grid-template-columns: 1fr;
}
} .fwx-fs-search-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.98);
z-index: 999999;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
visibility: hidden;
transition: var(--fwx-transition);
}
html[data-theme='dark'] .fwx-fs-search-overlay {
background: rgba(18, 18, 18, 0.98);
}
.fwx-fs-search-overlay.active {
opacity: 1;
visibility: visible;
}
.fwx-fs-search-close {
position: absolute;
top: 30px;
right: 30px;
background: none;
border: none;
color: var(--fwx-text-color);
cursor: pointer;
transition: var(--fwx-transition);
}
.fwx-fs-search-close:hover {
transform: scale(1.1);
}
.fwx-fs-search-content {
width: 100%;
max-width: 800px;
padding: 20px;
text-align: center;
}
.fwx-fs-search-form {
display: flex;
align-items: center;
border-bottom: 3px solid var(--fwx-text-color);
margin-bottom: 20px;
}
.fwx-fs-search-input {
flex: 1;
background: transparent;
border: none;
padding: 20px 0;
font-size: 2.5rem;
font-weight: 700;
color: var(--fwx-text-color);
outline: none;
}
.fwx-fs-search-input::placeholder {
color: rgba(0, 0, 0, 0.2);
}
html[data-theme='dark'] .fwx-fs-search-input::placeholder {
color: rgba(255, 255, 255, 0.2);
}
.fwx-fs-search-submit {
background: none;
border: none;
color: var(--fwx-text-color);
cursor: pointer;
padding: 10px;
transition: var(--fwx-transition);
}
.fwx-fs-search-submit:hover {
color: var(--fwx-secondary);
}
.fwx-fs-search-help {
font-size: 1rem;
color: var(--fwx-text-color);
opacity: 0.6;
}
@media (max-width: 768px) {
.fwx-fs-search-input {
font-size: 1.4rem;
}
}
@media (max-width: 480px) {
.fwx-fs-search-input {
font-size: 1.1rem;
}
} .fwx-post-tags {
margin-top: 40px;
margin-bottom: 40px;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
} .fwx-auto-ad-container {
width: 100%;
max-width: 100%;
margin: 40px auto;
display: block;
clear: both;
text-align: center;
overflow: hidden; }
.fwx-top-ad {
margin-top: 0;
}
.fwx-auto-ad-container>* {
margin-left: auto !important;
margin-right: auto !important;
max-width: 100% !important;
} .fwx-auto-ad-container ins,
.fwx-auto-ad-container iframe,
.fwx-auto-ad-container img {
display: block !important;
max-width: 100% !important;
width: auto;
overflow: hidden !important;
}    ins.adsbygoogle {
max-width: 100% !important;
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
overflow: hidden !important;
box-sizing: border-box !important;
} ins.adsbygoogle iframe,
ins.adsbygoogle>div,
ins.adsbygoogle>div>iframe {
max-width: 100% !important;
overflow: hidden !important;
} .fwx-auto-ad-container {
contain: content; }
html[data-theme='dark'] .fwx-post-tags {
border: none;
}
.fwx-post-tags strong {
margin-right: 5px;
}
.fwx-post-tags a {
display: inline-block;
background: var(--fwx-primary);
color: #fff !important;
padding: 2px 8px;
border-radius: var(--fwx-rad-4);
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none !important;
transition: var(--fwx-transition);
}
.fwx-post-tags a:hover {
background: var(--fwx-secondary);
} .fwx-404-wrapper {
padding: 80px 0;
text-align: center;
}
.fwx-404-content {
max-width: 600px;
margin: 0 auto 80px;
}
.fwx-404-icon {
color: var(--fwx-primary);
margin-bottom: 30px;
opacity: 0.8;
} .site-footer {
background: #f9f9f9;
padding-top: 80px;
border-top: 1px solid rgba(0, 0, 0, 0.05); margin-top: 60px;
text-align: left; }
.footer-top {
display: grid;
grid-template-columns: 1.5fr 1fr 1fr 1fr;
gap: 40px;
padding-bottom: 60px;
}
.footer-col .footer-title {
font-size: 1.1rem;
font-weight: 800;
margin-top: 0;
margin-bottom: 25px;
line-height: 1.2;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #1a1a1a;
position: relative;
text-align: left;
}
.footer-col .footer-title::after,
.footer-logo-text::after {
content: '';
position: absolute;
left: 0;
bottom: -8px;
width: 30px;
height: 2px;
background: var(--fwx-primary);
}
.footer-logo-text {
font-size: 1.1rem;
font-weight: 800;
text-decoration: none;
color: #1a1a1a;
display: inline-block;
text-align: left;
text-transform: uppercase;
letter-spacing: 0.5px;
position: relative;
margin-bottom: 25px;
line-height: 1.2;
}
.footer-logo-text span {
color: var(--fwx-primary);
}
.footer-description {
margin-top: 20px;
line-height: 1.7; font-size: 0.95rem;
}
.footer-links {
list-style: none;
padding: 0;
margin: 0;
}
.footer-links li {
margin-bottom: 12px;
}
.footer-links a {
text-decoration: none;
color: var(--fwx-link-color);
transition: var(--fwx-transition);
font-size: 1rem;
}
.footer-links a:hover {
color: var(--fwx-secondary);
padding-left: 5px;
}
.footer-description a {
color: var(--fwx-link-color);
text-decoration: underline;
}
.footer-description a:hover {
color: var(--fwx-secondary);
text-decoration: none;
}
.footer-social-grid {
display: flex;
gap: 8px;
flex-wrap: wrap;
justify-content: flex-start;
}
.footer-social-link {
width: 34px;
height: 34px;
background: rgba(0, 0, 0, 0.05);
display: flex;
align-items: center;
justify-content: center;
border-radius: var(--fwx-rad-8);
color: inherit;
transition: var(--fwx-transition);
}
.footer-social-link:hover {
background: var(--fwx-secondary);
color: #fff;
transform: translateY(-3px);
}
.footer-bottom {
border-top: 1px solid rgba(0, 0, 0, 0.05);
padding: 30px 0;
font-size: 0.95rem;
opacity: 1;
}
.footer-copyright a {
color: var(--fwx-link-color);
text-decoration: none;
font-weight: 700;
}
.footer-copyright a:hover {
color: var(--fwx-secondary);
text-decoration: underline;
}
html[data-theme='dark'] .footer-bottom strong {
color: #fff;
}
.footer-bottom-inner {
display: flex;
justify-content: space-between;
align-items: center;
} html[data-theme='dark'] .site-footer {
background: #111;
color: #bbb;
border-top-color: rgba(255, 255, 255, 0.05);
}
html[data-theme='dark'] .footer-col .footer-title,
html[data-theme='dark'] .footer-logo-text {
color: #fff;
}
html[data-theme='dark'] .footer-bottom {
border-top-color: rgba(255, 255, 255, 0.05);
}
html[data-theme='dark'] .footer-social-link {
background: rgba(255, 255, 255, 0.05);
}
html[data-theme='dark'] .footer-social-link:hover {
background: var(--fwx-secondary);
color: #fff;
} @media (max-width: 992px) {
.footer-top {
grid-template-columns: 1fr 1fr;
gap: 50px;
}
}
@media (max-width: 600px) {
.footer-top {
grid-template-columns: 1fr;
text-align: left; }
.footer-col .footer-title::after {
left: 0;
transform: none;
}
.footer-social-grid {
justify-content: flex-start;
}
.footer-bottom-inner {
flex-direction: column;
gap: 10px;
align-items: flex-start; text-align: left;
}
}
.fwx-404-title {
font-size: 3rem;
font-weight: 900;
margin-bottom: 20px;
line-height: 1.1;
}
.fwx-404-text {
font-size: 1.2rem;
color: var(--fwx-text-color);
opacity: 0.8;
margin-bottom: 40px;
}
.fwx-404-actions {
display: flex;
justify-content: center;
gap: 15px;
flex-wrap: wrap;
}
.fwx-btn-404 {
display: inline-flex;
align-items: center;
padding: 15px 30px;
border-radius: var(--fwx-rad-8);
font-weight: 700;
text-decoration: none;
transition: var(--fwx-transition);
cursor: pointer;
border: none;
font-size: 1rem;
}
.btn-primary {
background: var(--fwx-primary);
color: #fff !important;
}
.btn-primary:hover {
background: var(--fwx-secondary);
transform: translateY(-2px);
}
.btn-secondary {
background: rgba(0, 0, 0, 0.05);
color: var(--fwx-text-color) !important;
}
html[data-theme='dark'] .btn-secondary {
background: rgba(255, 255, 255, 0.05);
}
.btn-secondary:hover {
background: rgba(0, 0, 0, 0.1);
transform: translateY(-2px);
}
html[data-theme='dark'] .btn-secondary:hover {
background: rgba(255, 255, 255, 0.1);
}
.fwx-404-recent {
border-top: 1px solid rgba(0, 0, 0, 0.05);
padding-top: 60px;
}
html[data-theme='dark'] .fwx-404-recent {
border-top-color: rgba(255, 255, 255, 0.05);
}
.fwx-recent-title {
font-size: 1.5rem;
font-weight: 800;
margin-bottom: 40px;
}
@media (max-width: 768px) {
.fwx-404-wrapper {
padding: 60px 0;
}
.fwx-404-title {
font-size: 2.2rem;
}
.fwx-btn-404 {
width: 100%;
justify-content: center;
}
} .fwx-page-wide-content {
max-width: 1200px;
margin: 40px auto;
}
.fwx-page-wide-content .entry-header {
margin-bottom: 40px;
text-align: center;
}
.fwx-page-wide-content .entry-title {
font-size: 3rem;
} .fwx-grid-layout-portal {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
}
.fwx-portal-featured {
grid-column: 1 / -1;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
align-items: center;
}
.fwx-portal-compact {
grid-column: 1 / -1;
display: flex;
align-items: center;
background: transparent !important;
border: none !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
border-radius: 0 !important;
padding: 15px 0 !important;
margin-bottom: 0 !important;
box-shadow: none !important;
}
html[data-theme='dark'] .fwx-portal-compact {
border-bottom-color: rgba(255, 255, 255, 0.05) !important;
}
.fwx-portal-compact:hover {
transform: none !important;
}
.fwx-portal-compact .entry-title {
font-size: 1.1rem;
margin: 0;
}
.fwx-portal-compact .fwx-post-content {
padding: 0;
}
@media (max-width: 992px) {
.fwx-portal-featured {
grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.fwx-grid-layout-portal {
grid-template-columns: 1fr;
}
} .fwx-home-lp {
line-height: 1.6;
} .fwx-home-lp {
--lp-bg: #ffffff;
--lp-text: #1a1a1a;
--lp-card-bg: #ffffff;
--lp-card-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
--lp-border: rgba(0, 0, 0, 0.08);
}
html[data-theme='dark'] .fwx-home-lp {
--lp-bg: #111111;
--lp-text: #f0f0f0;
--lp-card-bg: #1a1a1a;
--lp-card-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
--lp-border: rgba(255, 255, 255, 0.08);
}
.fwx-lp-hero {
min-height: calc(100vh - 90px);
display: flex;
align-items: center;
padding: 80px 0;
background: var(--fwx-primary);
color: #fff;
position: relative;
overflow: hidden;
}
.fwx-lp-hero::before {
content: '';
position: absolute;
top: -10%;
right: -10%;
width: 40%;
height: 60%;
background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
pointer-events: none;
}
.fwx-lp-hero-inner {
display: flex;
align-items: center;
gap: 60px;
position: relative;
z-index: 2;
width: 100%;
}
.fwx-lp-hero-content {
flex: 1.2;
}
.fwx-lp-hero-title {
font-size: clamp(2.5rem, 5vw, 4.5rem);
line-height: 1.05;
margin-bottom: 25px;
letter-spacing: -1px;
}
.fwx-lp-hero-desc {
font-size: 1.25rem;
opacity: 0.9;
margin-bottom: 40px;
line-height: 1.6;
max-width: 600px;
}
.fwx-lp-hero-media {
flex: 1;
display: flex;
justify-content: center;
}
.fwx-hero-img-wrapper {
position: relative;
box-shadow: 0 30px 60px rgba(0, 0, 0, 0.3);
}
.fwx-hero-img-wrapper img {
display: block;
max-width: 100%;
height: auto;
border-radius: var(--fwx-rad-24);
}
.fwx-btn-lp {
display: inline-block;
padding: 18px 45px;
border-radius: var(--fwx-rad-48);
font-weight: 700;
text-decoration: none;
font-size: 1.1rem;
transition: var(--fwx-transition);
cursor: pointer;
border: none;
}
.fwx-btn-lp.btn-primary {
background: #fff;
color: var(--fwx-primary) !important;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.fwx-btn-lp.btn-primary:hover {
background: var(--fwx-secondary) !important;
color: #fff !important;
transform: translateY(-3px);
box-shadow: 0 15px 30px rgba(var(--fwx-secondary-rgb), 0.3);
} .fwx-scroll-indicator {
position: absolute;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
z-index: 5;
}
.fwx-mouse {
width: 26px;
height: 42px;
border: 2px solid currentColor;
opacity: 0.5;
border-radius: var(--fwx-rad-24);
position: relative;
}
.fwx-wheel {
width: 4px;
height: 8px;
background: currentColor;
position: absolute;
top: 6px;
left: 50%;
transform: translateX(-50%);
border-radius: var(--fwx-rad-4);
animation: scrollWheel 2s infinite;
}
@keyframes scrollWheel {
0% {
opacity: 1;
transform: translate(-50%, 0);
}
100% {
opacity: 0;
transform: translate(-50%, 15px);
}
} .fwx-lp-about,
.fwx-lp-services,
.fwx-lp-steps,
.fwx-lp-testimonials,
.fwx-lp-blog,
.fwx-lp-contact {
padding: 100px 0;
background: var(--lp-bg);
color: var(--lp-text);
}
.fwx-lp-section-header {
text-align: center;
margin-bottom: 60px;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.fwx-lp-section-title {
font-size: clamp(2rem, 4vw, 2.8rem);
line-height: 1.2;
margin-bottom: 20px;
} .fwx-lp-about-grid {
display: grid;
grid-template-columns: 350px 1fr;
gap: 80px;
align-items: center;
}
.fwx-lp-about-image-side {
display: flex;
justify-content: center;
}
.fwx-lp-about-avatar-wrapper {
position: relative;
z-index: 1;
}
.fwx-lp-about-avatar-wrapper img {
width: 280px;
height: 280px;
border-radius: var(--fwx-rad-48);
object-fit: cover;
border: 8px solid #ffffff;
}
html[data-theme='dark'] .fwx-lp-about-avatar-wrapper img {
border-color: #ffffff;
} :root .fwx-lp-about-avatar-wrapper img {
border-color: #f0f0f0;
}
.fwx-lp-about-badge {
position: absolute;
bottom: -15px;
right: -15px;
background: var(--fwx-primary);
color: #fff;
padding: 10px 20px;
border-radius: var(--fwx-rad-48);
font-size: 0.9rem;
font-weight: 700;
text-transform: uppercase;
box-shadow: 0 10px 20px rgba(var(--fwx-secondary-rgb), 0.3);
border: 3px solid #ffffff;
}
html[data-theme='dark'] .fwx-lp-about-badge {
border-color: #ffffff;
}
.fwx-lp-about-badge {
z-index: 2;
animation: badgeFloat 3s ease-in-out infinite;
}
@keyframes badgeFloat {
0%,
100% {
transform: translateY(0);
}
50% {
transform: translateY(-5px);
}
}
.fwx-lp-eyebrow {
display: inline-block;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 0.8rem;
font-weight: 700;
background: var(--fwx-primary);
color: #fff;
padding: 6px 16px;
border-radius: var(--fwx-rad-48);
margin-bottom: 15px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.fwx-lp-about-text {
font-size: 1.15rem;
line-height: 1.8;
color: var(--lp-text);
opacity: 0.9;
margin-bottom: 30px;
}
.fwx-lp-about-socials {
border-top: 1px solid var(--lp-border);
padding-top: 25px;
}
.fwx-lp-about-socials .fwx-author-socials {
justify-content: flex-start;
gap: 12px;
}
.fwx-lp-about-socials .fwx-author-socials a {
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: var(--fwx-rad-8);
transition: var(--fwx-transition);
color: var(--lp-text);
opacity: 0.8;
}
.fwx-lp-about-socials .fwx-author-socials a:hover {
background: var(--fwx-secondary);
color: #fff !important;
opacity: 1;
transform: translateY(-3px);
} .fwx-lp-services {
background: rgba(0, 0, 0, 0.02);
}
html[data-theme='dark'] .fwx-lp-services {
background: rgba(255, 255, 255, 0.02);
}
.fwx-lp-services-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.fwx-lp-service-item {
background: var(--lp-card-bg);
padding: 50px 40px;
border-radius: var(--fwx-rad-24);
text-align: center;
box-shadow: var(--lp-card-shadow);
border: 1px solid var(--lp-border);
transition: var(--fwx-transition);
}
.fwx-lp-service-item:hover {
transform: translateY(-10px);
border-color: var(--fwx-primary);
}
.fwx-lp-service-icon {
color: var(--fwx-primary);
margin-bottom: 25px;
background: rgba(var(--fwx-primary-rgb), 0.1);
width: 70px;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
border-radius: var(--fwx-rad-24);
margin-left: auto;
margin-right: auto;
} .fwx-lp-steps-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
position: relative;
}
.fwx-lp-step-item {
text-align: center;
position: relative;
}
.fwx-lp-step-number {
width: 60px;
height: 60px;
background: var(--fwx-primary);
color: #fff;
font-size: 1.5rem;
font-weight: 700;
border-radius: var(--fwx-rad-100);
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 25px;
box-shadow: 0 10px 20px rgba(var(--fwx-primary-rgb), 0.3);
} .fwx-lp-capture-cta {
padding: 80px 0;
background: var(--fwx-primary);
color: #fff;
}
.fwx-lp-capture-inner {
display: flex;
align-items: center;
gap: 50px;
}
.fwx-lp-capture-content {
flex: 1.2;
}
.fwx-lp-capture-content p {
font-size: 1.2rem;
opacity: 0.9;
}
.fwx-lp-capture-form {
flex: 1;
} .fwx-lp-capture-form .fwx-lead-wrapper {
background: #ffffff !important;
color: #333333 !important;
margin: 0;
padding: 30px;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
border-radius: var(--fwx-rad-24);
} .fwx-lp-capture-form a {
color: var(--fwx-link-color) !important;
font-weight: 700;
text-decoration: underline;
transition: var(--fwx-transition);
}
.fwx-lp-capture-form a:hover {
color: var(--fwx-secondary) !important;
text-decoration: none;
}
.fwx-lp-capture-form .fwx-lead-title,
.fwx-lp-capture-form .fwx-lead-desc,
.fwx-lp-capture-form .fwx-checkbox-group span {
color: #333333 !important;
}
html[data-theme='dark'] .fwx-lp-capture-form .fwx-lead-wrapper {
background: #1a1a1a !important;
color: #ffffff !important;
}
html[data-theme='dark'] .fwx-lp-capture-form .fwx-lead-title,
html[data-theme='dark'] .fwx-lp-capture-form .fwx-lead-desc,
html[data-theme='dark'] .fwx-lp-capture-form .fwx-checkbox-group span {
color: #ffffff !important;
} .fwx-lp-testimonials-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.fwx-lp-testimonial-item {
background: var(--lp-card-bg);
padding: 40px;
border-radius: var(--fwx-rad-24);
box-shadow: var(--lp-card-shadow);
border: 1px solid var(--lp-border);
}
.fwx-testimonial-quote {
font-size: 3rem;
color: var(--fwx-primary);
line-height: 1;
opacity: 0.3;
margin-bottom: -10px;
}
.fwx-lp-testimonial-item p {
font-style: italic;
margin-bottom: 20px;
line-height: 1.6;
}
.fwx-lp-testimonial-item cite {
display: inline-block;
font-style: normal;
font-weight: 700;
font-size: 0.8rem;
background: var(--fwx-primary);
color: #fff;
padding: 6px 14px;
border-radius: var(--fwx-rad-48);
text-transform: uppercase;
letter-spacing: 0.5px;
box-shadow: 0 4px 10px rgba(var(--fwx-primary-rgb), 0.2);
} .fwx-lp-contact-box {
max-width: 900px;
margin: 0 auto;
background: var(--lp-card-bg);
padding: 60px;
border-radius: var(--fwx-rad-24);
box-shadow: 0 30px 60px rgba(0, 0, 0, 0.1);
border: 1px solid var(--lp-border);
} .fwx-home-type-autor .fwx-lp-hero {
background: linear-gradient(135deg, var(--fwx-primary) 0%, var(--fwx-secondary) 100%);
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
}
.fwx-home-type-autor .fwx-lp-hero-inner {
flex-direction: column;
text-align: center;
justify-content: center;
}
.fwx-home-type-autor .fwx-lp-hero-content {
flex: none;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.fwx-home-type-autor .fwx-lp-hero-desc {
margin-left: auto;
margin-right: auto;
}
.fwx-home-type-editorial .fwx-lp-hero {
background: transparent;
color: var(--lp-text);
padding: 80px 0;
border-bottom: 1px solid var(--lp-border);
}
.fwx-home-type-editorial .fwx-lp-hero::before {
display: none;
}
.fwx-home-type-editorial .fwx-btn-lp.btn-primary {
background: var(--fwx-primary);
color: #fff !important;
}
.fwx-home-type-editorial .fwx-hero-img-wrapper {
background: rgba(0, 0, 0, 0.05);
border-color: rgba(0, 0, 0, 0.1);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}
html[data-theme='dark'] .fwx-home-type-editorial .fwx-hero-img-wrapper {
background: rgba(255, 255, 255, 0.05);
border-color: var(--fwx-borderc-dark);
} @media (max-width: 992px) {
.fwx-lp-hero-inner,
.fwx-lp-about-grid,
.fwx-lp-capture-inner {
flex-direction: column;
text-align: center;
}
.fwx-lp-about-grid {
grid-template-columns: 1fr;
gap: 30px;
}
.fwx-lp-section-header {
text-align: center !important;
}
.fwx-lp-services-grid,
.fwx-lp-steps-grid,
.fwx-lp-testimonials-grid {
grid-template-columns: 1fr;
}
.fwx-lp-hero-media {
order: -1;
margin-bottom: 30px;
}
.fwx-lp-capture-content {
text-align: center;
}
.fwx-lp-capture-content h2 {
text-align: center !important;
}
.fwx-lp-hero-inner {
gap: 20px;
}
.fwx-scroll-indicator {
display: none;
}
.fwx-lp-about-socials .fwx-author-socials {
justify-content: center;
} .fwx-lp-hero {
padding: 40px 0;
min-height: auto;
}
.fwx-lp-about,
.fwx-lp-services,
.fwx-lp-steps,
.fwx-lp-testimonials,
.fwx-lp-blog,
.fwx-lp-contact {
padding: 40px 0;
}
.fwx-lp-section-header {
margin-bottom: 30px;
}
}
@media (max-width: 768px) {
.fwx-lp-contact-box {
padding: 40px 20px;
}
.fwx-form-row {
flex-direction: column;
gap: 15px;
}
}  blockquote {
margin: 40px 0;
padding: 20px 30px;
border-left: 5px solid var(--fwx-primary);
background: rgba(var(--fwx-primary-rgb, 221, 51, 51), 0.05);
font-style: italic;
font-size: 1.1rem;
line-height: 1.6;
color: var(--fwx-text-color);
position: relative;
border-radius: 0 10px 10px 0;
}
blockquote p:last-child {
margin-bottom: 0;
} .wp-block-table,
.fwx-table-responsive {
display: block;
width: 100%;
max-width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.wp-block-table table,
.fwx-table-responsive table {
width: 100%;
max-width: none;
margin-bottom: 0;
}
.entry-content table {
width: 100%;
border-collapse: collapse !important;
margin: 30px 0;
font-size: 0.95rem;
border: var(--fwx-border) !important;
border-radius: var(--fwx-rad-8);
overflow: hidden;
background: var(--fwx-bg-color);
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
} .entry-content .wp-block-table thead {
border-bottom: 2px solid rgba(0, 0, 0, 0.07);
}
.entry-content th,
.entry-content td {
padding: 14px 16px;
border: var(--fwx-border) !important;
text-align: left;
}
.entry-content th {
background: #f6f6f6 !important;
color: var(--fwx-text-color);
font-weight: 700;
}
.entry-content tr:nth-child(even) {
background: rgba(0, 0, 0, 0.01);
} html[data-theme='dark'] .entry-content table {
border-color: var(--fwx-borderc-dark) !important;
background: #111;
box-shadow: none !important;
}
html[data-theme='dark'] .entry-content th,
html[data-theme='dark'] .entry-content td {
border-color: var(--fwx-borderc-dark) !important;
}
html[data-theme='dark'] .entry-content th {
background: rgba(255, 255, 255, 0.08) !important;
color: #fff;
}
html[data-theme='dark'] .entry-content tr:nth-child(even) {
background: rgba(255, 255, 255, 0.02);
}  figcaption { font-size: 0.85rem;
color: var(--fwx-text-color);
color: rgba(0, 0, 0, 0.7);
text-align: left; }
html[data-theme='dark'] figcaption {
color: rgba(255, 255, 255, 0.7);
} pre {
background: #1e1e1e;
color: #d4d4d4;
padding: 20px;
border: var(--fwx-border-dark) !important;
border-radius: var(--fwx-rad-8);
overflow-x: auto;
font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
font-size: 0.9rem;
line-height: 1.5;
margin: 30px 0;
position: relative;
}
code {
background: rgba(221, 51, 51, 0.1);
color: var(--fwx-primary);
padding: 2px 6px;
border-radius: var(--fwx-rad-4);
font-family: inherit;
font-size: 0.9em;
}
pre code {
background: transparent;
color: inherit;
padding: 0;
border-radius: 0;
font-family: inherit;
} .entry-content .wp-block-code {
position: relative;
padding-top: 40px; }
.entry-content .fwx-copy-btn,
.entry-content .wp-block-code__copy-button {
position: absolute; top: 8px;
right: 0px;
left: 0px;
background: transparent !important; color: #18c92a !important;
padding: 0px 15px 5px 0 !important;
font-size: 0.75rem !important;
cursor: pointer;
text-transform: uppercase;
font-weight: 400 !important; box-shadow: none !important;
transform: none !important;
min-width: auto !important;
line-height: 1 !important; width: 100%;
text-align: right;
border-bottom: var(--fwx-border-dark) !important;
border-radius: 0px !important;
}
.entry-content .fwx-copy-btn:hover,
.entry-content .wp-block-code__copy-button:hover {
opacity: 1;
color: var(--fwx-secondary) !important;
background: transparent !important;
transform: none !important;
box-shadow: none !important;
}
.fwx-copy-btn.copied {
color: #34a881 !important;
} .fwx-back-to-top {
position: fixed;
bottom: 30px;
right: 30px;
width: 50px;
height: 50px;
background: var(--fwx-primary);
color: #fff;
border: none;
border-radius: var(--fwx-rad-100);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
opacity: 0;
visibility: hidden;
transition: var(--fwx-transition);
z-index: 999;
}
.fwx-back-to-top.visible {
opacity: 1;
visibility: visible;
}
.fwx-back-to-top:hover {
background: var(--fwx-secondary);
transform: translateY(-5px);
} .fwx-exit-popup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10000;
display: none;
align-items: center;
justify-content: center;
}
.fwx-exit-popup.active {
display: flex;
}
.fwx-exit-popup-overlay {
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
backdrop-filter: blur(5px);
}
.fwx-exit-popup-content {
position: relative;
background: #fff;
width: 90%;
max-width: 550px;
padding: 50px;
border-radius: var(--fwx-rad-24);
box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);
z-index: 10001;
animation: fwxPopupFadeIn 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
html[data-theme='dark'] .fwx-exit-popup-content {
background: #1a1a1a;
} .fwx-news-hero-section {
margin-bottom: 40px;
padding-top: 20px;
}
.fwx-news-hero-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-auto-rows: minmax(100px, auto);
gap: 15px;
}
.fwx-news-hero-grid .fwx-post-item {
position: relative;
margin-bottom: 0;
overflow: hidden; } .fwx-news-hero-main {
grid-column: 1 / span 2;
grid-row: 1 / span 2;
height: 515px;
}
.fwx-news-hero-medium {
grid-column: 3 / span 2;
grid-row: 1;
height: 250px;
}
.fwx-news-hero-small {
grid-column: span 1;
grid-row: 2;
height: 250px;
}
.fwx-news-hero-main .fwx-post-thumb,
.fwx-news-hero-medium .fwx-post-thumb,
.fwx-news-hero-small .fwx-post-thumb {
height: 100%;
margin-bottom: 0;
}
.fwx-news-hero-main img,
.fwx-news-hero-medium img,
.fwx-news-hero-small img {
height: 100% !important;
object-fit: cover !important;
width: 100% !important;
display: block;
}
.fwx-news-overlay {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 40px 20px 20px;
background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.6) 50%, transparent 100%);
color: #fff;
z-index: 2;
}
.fwx-news-overlay .fwx-cat-label {
background: var(--fwx-primary);
color: #fff;
font-size: 0.65rem;
padding: 2px 8px;
border-radius: var(--fwx-rad-4);
margin-bottom: 10px;
display: inline-block;
text-transform: uppercase;
font-weight: 700;
}
.fwx-news-overlay .entry-title {
margin: 0;
font-size: 1.3rem;
line-height: 1.2;
font-weight: 800;
}
.fwx-news-hero-main .fwx-news-overlay .entry-title {
font-size: 1.9rem;
}
.fwx-news-overlay a {
color: #fff;
} .fwx-grid-layout-f {
display: block !important;
} .fwx-news-mixed-block {
display: grid;
grid-template-columns: 1.1fr 0.9fr; gap: 40px; margin-bottom: 60px; }
.fwx-news-block-main .fwx-post-thumb {
width: 100%;
aspect-ratio: 3/2;
height: auto;  margin-bottom: 0px;
overflow: hidden;
border-radius: 12px 12px 0 0;
line-height: 0;
}
.fwx-news-block-main .fwx-post-thumb a {
display: block;
height: 100%;
width: 100%;
}
.fwx-news-block-main .fwx-post-thumb img {
height: 100% !important;
width: 100% !important;
object-fit: cover !important;
border-radius: 0;
display: block;
}
.fwx-news-block-main .entry-title {
font-size: 1.6rem;
margin-bottom: 15px;
line-height: 1.2;
font-weight: 800;
} .fwx-news-block-side-list {
display: flex;
flex-direction: column;
gap: 20px;
}
.fwx-news-block-side-item {
display: flex;
flex-direction: row;
align-items: stretch; background: var(--fwx-bg-color);
border: var(--fwx-border);
border-radius: var(--fwx-rad-8);
overflow: hidden; margin-bottom: 0;
}
html[data-theme='dark'] .fwx-news-block-side-item {
background: rgba(255, 255, 255, 0.02);
border-color: var(--fwx-borderc-dark);
}
.fwx-news-block-side-item .fwx-post-thumb {
width: 38%; flex-shrink: 0;
line-height: 0; }
.fwx-news-block-side-item .fwx-post-thumb a {
display: block;
height: 100%;
width: 100%;
}
.fwx-news-block-side-item .fwx-post-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: 0; }
.fwx-news-block-side-item .fwx-post-content {
padding: 12px 15px; flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
.fwx-news-block-side-item .entry-title {
font-size: 0.85rem;
line-height: 1.4;
margin: 0;
}
.fwx-news-block-side-item .fwx-cat-label {
font-size: 10px;
padding: 2px 6px;
margin-bottom: 6px;
display: inline-block;
} .fwx-news-list-item {
display: flex;
flex-direction: row;
align-items: stretch; background: var(--fwx-bg-color);
border: var(--fwx-border);
border-radius: var(--fwx-rad-12);
margin-bottom: 25px;
overflow: hidden; }
html[data-theme='dark'] .fwx-news-list-item {
background: rgba(255, 255, 255, 0.02);
border-color: var(--fwx-borderc-dark);
}
.fwx-news-list-item .fwx-post-thumb {
width: 35%; flex-shrink: 0;
line-height: 0; }
.fwx-news-list-item .fwx-post-thumb a {
display: block;
height: 100%;
width: 100%;
}
.fwx-news-list-item .fwx-post-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: 0; }
.fwx-news-list-item .fwx-post-content {
padding: 20px 25px; flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
.fwx-news-list-item .entry-title {
font-size: 1.3rem;
margin-bottom: 10px;
line-height: 1.25;
}
.fwx-news-list-item .entry-summary {
font-size: 0.95rem;
color: #666;
line-height: 1.6;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
html[data-theme='dark'] .fwx-news-list-item .entry-summary {
color: #bbb;
}
@media (max-width: 992px) {
.fwx-news-hero-section {
overflow: hidden;
}
.fwx-news-hero-grid {
grid-template-columns: 1fr 1fr;
grid-auto-rows: auto;
}
.fwx-news-hero-main {
grid-column: 1 / -1;
grid-row: auto;
aspect-ratio: 3/2;
height: auto;
}
.fwx-news-hero-medium {
grid-column: auto;
grid-row: auto;
aspect-ratio: 3/2;
height: auto;
}
.fwx-news-hero-small {
grid-column: auto;
grid-row: auto;
aspect-ratio: 3/2;
height: auto;
} .fwx-news-hero-main .fwx-news-overlay .entry-title {
font-size: 1.3rem;
}
.fwx-news-mixed-block {
grid-template-columns: 1fr;
gap: 20px;
} .fwx-news-list-item {
flex-direction: column;
}
.fwx-news-list-item .fwx-post-thumb {
width: 100%;
height: 100%;
}
}
@media (max-width: 600px) { .fwx-news-hero-grid {
grid-template-columns: 1fr;
grid-auto-rows: auto;
} .fwx-news-hero-main,
.fwx-news-hero-medium,
.fwx-news-hero-small {
grid-column: 1 / -1; grid-row: auto; }
.fwx-news-hero-main {
aspect-ratio: 3/2;
height: auto;
}
.fwx-news-hero-medium,
.fwx-news-hero-small {
aspect-ratio: 3/2;
height: auto;
} .fwx-news-hero-main .fwx-news-overlay .entry-title {
font-size: 1.2rem;
} .fwx-news-block-side-item .fwx-post-thumb {
width: 35%;
} .fwx-news-list-item {
flex-direction: column;
}
.fwx-news-list-item .fwx-post-thumb {
width: 100%;
height: 100%;
}
}
@keyframes fwxPopupFadeIn {
from {
opacity: 0;
transform: scale(0.9);
}
to {
opacity: 1;
transform: scale(1);
}
}
.fwx-exit-popup-close {
position: absolute;
top: 20px;
right: 20px;
background: none;
border: none;
font-size: 2rem;
cursor: pointer;
line-height: 1;
color: var(--fwx-text-color);
opacity: 0.5;
}
.fwx-exit-popup-close:hover {
opacity: 1;
}
.fwx-exit-popup-title {
font-size: 2rem;
margin-bottom: 15px;
color: var(--fwx-primary);
}
.fwx-exit-popup-desc {
font-size: 1.1rem;
margin-bottom: 30px;
opacity: 0.8;
}  .entry-content button:not(.wp-block-code__copy-button):not(.fwx-toc-toggle),
.entry-content a>button:not(.wp-block-code__copy-button):not(.fwx-toc-toggle) {
background: var(--fwx-primary);
color: #fff;
border: none;
padding: 12px 28px;
border-radius: var(--fwx-rad-8);
font-weight: 700;
font-size: 1rem;
cursor: pointer;
transition: var(--fwx-transition);
font-family: var(--fwx-font-family);
line-height: 1.5;
display: inline-block;
text-decoration: none;
}
.entry-content button:not(.wp-block-code__copy-button):not(.fwx-toc-toggle):hover,
.entry-content a>button:not(.wp-block-code__copy-button):not(.fwx-toc-toggle):hover {
background: var(--fwx-secondary);
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.entry-content a:has(> button:not(.wp-block-code__copy-button)) {
text-decoration: none;
border: none;
} .entry-content img.avatar,
.entry-content .wp-block-image.is-style-rounded img {
object-fit: cover;
aspect-ratio: 1 / 1;
border-radius: var(--fwx-rad-100);
}  .fwx-checkbox-group {
text-align: left;
}
.fwx-checkbox-group label {
text-align: left;
justify-content: flex-start;
} .fwx-lightbox-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.92);
z-index: 99999;
display: flex;
align-items: center;
justify-content: center;
cursor: zoom-out;
animation: fwxLightboxIn 0.25s ease;
}
.fwx-lightbox-overlay.fwx-lightbox-closing {
animation: fwxLightboxOut 0.2s ease forwards;
}
.fwx-lightbox-overlay img {
max-width: 92vw;
max-height: 90vh;
object-fit: contain;
border-radius: var(--fwx-rad-4);
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
cursor: default;
}
.fwx-lightbox-close {
position: absolute;
top: 20px;
right: 25px;
background: none;
border: none;
color: #fff;
font-size: 2.5rem;
cursor: pointer;
opacity: 0.7;
transition: var(--fwx-transition);
line-height: 1;
z-index: 100000;
}
.fwx-lightbox-close:hover {
opacity: 1;
}
@keyframes fwxLightboxIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fwxLightboxOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
} .fwx-lp-service-item .fwx-service-cta {
display: inline-block;
margin-top: 15px;
padding: 10px 24px;
background: var(--fwx-primary);
color: #fff;
border-radius: var(--fwx-rad-8);
font-weight: 700;
font-size: 0.9rem;
text-decoration: none;
transition: var(--fwx-transition);
}
.fwx-lp-service-item .fwx-service-cta:hover {
background: var(--fwx-secondary);
transform: translateY(-2px);
} .fwx-lp-section-header .fwx-lp-section-desc {
font-size: 1.1rem;
opacity: 0.75;
max-width: 600px;
margin: 10px auto 0 auto;
text-align: center;
line-height: 1.6;
} .fwx-link-tree-wrapper {
max-width: 500px;
margin: 0 auto;
text-align: center;
padding: 20px;
}
.fwx-link-tree-avatar img {
border-radius: var(--fwx-rad-100);
border: 3px solid var(--fwx-primary);
padding: 3px;
object-fit: cover;
width: 120px;
height: 120px;
display: inline-block;
}
h2.fwx-link-tree-name {
font-size: 1.5em;
margin: 15px 0 5px 0;
}
.fwx-link-tree-bio {
color: var(--fwx-text-color);
opacity: 0.8;
margin-bottom: 30px;
font-size: 0.95em;
line-height: 1.5;
}
.fwx-link-tree-btn {
display: block;
width: 100%;
padding: 16px;
background: var(--fwx-bg-color-light);
border: var(--fwx-border);
color: var(--fwx-text-color);
margin-bottom: 15px;
border-radius: var(--fwx-rad-8);
text-decoration: none;
transition: var(--fwx-transition); }
.fwx-link-tree-btn:hover {
background: var(--fwx-primary);
color: #fff;
transform: translateY(-2px);
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
html[data-theme='dark'] .fwx-link-tree-btn {
background: var(--fwx-bg-color-dark);
border: var(--fwx-border-dark);
color: var(--fwx-text-color);
}
html[data-theme='dark'] .fwx-link-tree-btn:hover {
background: var(--fwx-primary);  } .fwx-author-socials {
display: flex;
justify-content: center;
gap: 15px;
margin-top: 15px;
margin-bottom: 25px;
}
.fwx-social-link {
color: var(--fwx-text-color);
opacity: 0.6;
transition: all 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
}
.fwx-social-link:hover {
opacity: 1;
color: var(--fwx-primary);
transform: scale(1.1);
}
.fwx-sidebar-author-inner .fwx-author-socials {
margin-top: 20px;
border-top: 1px solid rgba(0, 0, 0, 0.05);
padding-top: 15px;
}
html[data-theme='dark'] .fwx-sidebar-author-inner .fwx-author-socials {
border-color: var(--fwx-borderc-dark);
} .fwx-sidebar-lead .fwx-lead-form-box {
padding: 0;
margin-bottom: 0;
border: none;
background: none;
box-shadow: none;
}
html[data-theme='dark'] .fwx-sidebar-lead .fwx-lead-form-box {
border: none;
background: none;
}
.fwx-sidebar-lead .fwx-lead-title,
.fwx-sidebar-lead h2.fwx-lead-title {
font-size: 1.2em;
margin-top: 0;
margin-bottom: 15px;
}