@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
@font-face {
font-family: "Sharp Grotesk";
src: url(//afabrica.etc.br/wp-content/themes/a-fabrica/assets/fonts/SharpGrotesk-Light20.WOFF) format("woff2"),
url(//afabrica.etc.br/wp-content/themes/a-fabrica/assets/fonts/SharpGrotesk-Light20.WOFF) format("woff");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Sharp Grotesk";
src: url(//afabrica.etc.br/wp-content/themes/a-fabrica/assets/fonts/sharpgrotesk-book20-webfont.woff2) format("woff2"),
url(//afabrica.etc.br/wp-content/themes/a-fabrica/assets/fonts/sharpgrotesk-book20-webfont.woff) format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Sharp Grotesk";
src: url(//afabrica.etc.br/wp-content/themes/a-fabrica/assets/fonts/sharpgrotesk-medium20-webfont.woff2) format("woff2"),
url(//afabrica.etc.br/wp-content/themes/a-fabrica/assets/fonts/sharpgrotesk-medium20-webfont.woff) format("woff");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "Sharp Grotesk";
src: url(//afabrica.etc.br/wp-content/themes/a-fabrica/assets/fonts/sharpgrotesk-semibold20-webfont.woff2) format("woff2"),
url(//afabrica.etc.br/wp-content/themes/a-fabrica/assets/fonts/sharpgrotesk-semibold20-webfont.woff) format("woff");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "Sharp Grotesk";
src: url(//afabrica.etc.br/wp-content/themes/a-fabrica/assets/fonts/SharpGrotesk-Bold20.woff) format("woff");
font-weight: 700;
font-style: normal;
}
p {
font-family: "Inter", sans-serif;
}
body {
background-image: url(//afabrica.etc.br/wp-content/themes/a-fabrica/assets/imgs/bg-afabrica.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
h1,
h2,
h3,
h4,
h5,
h6,
a {
font-family: "Sharp Grotesk", sans-serif;
}
h3 {
font-family: 40px;
}
a {
text-decoration: none;
}
h1 {
font-size: 96px;
font-weight: 500;
}
.navbar-nav {
width: 60%;
justify-content: space-between;
}
a.nav-link {
font-size: 15px;
font-weight: 500;
color: #111;
transition: color 0.3s ease;
}
a.nav-link:hover {
color: #ff4370;
}
.banner-home {
position: relative;
display: block;
overflow: hidden;
border-radius: 40px;
}
.banner-home-section {
overflow: hidden;
}
.banner-home-section .container-fluid {
overflow: hidden;
}
.banner-home-section .row {
overflow: hidden;
}
.banner-home-section .col-12 {
overflow: hidden;
}
.banner-home-section a {
display: block;
overflow: hidden;
}
header {
padding: 20px 0px;
}
.banner-home-image {
position: relative;
overflow: hidden;
border-radius: 40px;
transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
transform-origin: center center;
}
.banner-home-image img {
width: 100%;
max-width: 100%;
border-radius: 40px;
transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
a:hover .banner-home-image img {
transform: scale(1.04);
}
.banner-img-desktop {
display: block;
position: relative;
}
.banner-img-mobile {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.banner-home-image.is-scaled {
transform: scale(0.98);
}
.banner-home-image::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
border-radius: 40px;
opacity: var(--overlay-opacity, 0);
transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
z-index: 1;
pointer-events: none;
}
.banner-home-content {
position: absolute;
bottom: 20%;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
gap: 30px;
z-index: 2;
color: #fff;
opacity: 1;
transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
text-align: center;
}
.p-60 {
padding: 60px 0;
}
img {
max-width: 100%;
} .cards-container-destaques {
display: flex;
justify-content: center;
align-items: center;
gap: 0;
padding: 40px 0px;
min-height: 500px;
flex-wrap: nowrap;
width: 100%;
max-width: 1400px;
margin: 0 auto;
}
.card-destaque-item {
position: relative;
border-radius: 20px;
overflow: visible;
cursor: pointer;
transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
flex: 1;
height: 400px;
margin: 0 10px;
display: block;
text-decoration: none;
color: inherit;
}
.dropdown-toggle::after {
display: none;
} .dropdown {
position: relative;
}
.dropdown-menu {
background: #111;
border: none;
border-radius: 20px;
padding: 20px 0;
margin-top: 15px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
min-width: 220px;
opacity: 0;
visibility: hidden;
transform: translateY(-10px);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
z-index: 1000;
display: block;
position: absolute;
top: 100%;
left: 0;
pointer-events: none;
}
.dropdown.show .dropdown-menu,
.dropdown-menu.show {
opacity: 1;
visibility: visible;
transform: translateY(0);
display: block;
pointer-events: auto;
}
.dropdown-item {
color: #68a9ae;
font-family: "Sharp Grotesk", sans-serif;
font-size: 16px;
font-weight: 500;
padding: 12px 24px;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
display: block;
text-decoration: none;
border: none;
background: transparent;
width: 100%;
text-align: left;
}
.dropdown-item::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 0;
height: 100%;
background: #f5c6d0;
transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
z-index: -1;
}
.dropdown-item:hover,
.dropdown-item:focus {
color: #ed1652;
background: transparent;
padding-left: 30px;
}
.dropdown-item:hover::before,
.dropdown-item:focus::before {
width: 100%;
}
.dropdown-item:active {
background: transparent;
color: #ed1652;
} .dropdown .nav-link {
color: #5c013f;
font-family: "Sharp Grotesk", sans-serif;
font-size: 15px;
font-weight: 500;
transition: color 0.3s ease;
display: flex;
align-items: center;
gap: 8px;
}
.dropdown .nav-link:hover {
color: #ff4370;
}
.dropdown.show .nav-link {
color: #ff4370;
} .dropdown-icon {
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
display: inline-flex;
align-items: center;
margin-left: 8px;
}
.dropdown.show .dropdown-icon {
transform: rotate(180deg);
} @media (max-width: 991px) {
.dropdown-menu {
min-width: 200px;
padding: 15px 0;
}
.dropdown-item {
font-size: 14px;
padding: 10px 20px;
}
.dropdown-item:hover,
.dropdown-item:focus {
padding-left: 25px;
}
}
.card-destaque-item.active {
flex: 2.2;
opacity: 1;
z-index: 10;
}
.card-destaque-content {
position: relative;
width: 100%;
height: 100%;
overflow: visible;
border-radius: 20px;
}
.card-destaque-image {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 20px;
}
.card-destaque-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
border-radius: 20px;
}
.card-destaque-item.active .card-destaque-image img {
transform: scale(1.2);
}
.card-destaque-top-image {
position: absolute;
top: -20%;
left: 50%;
transform: translateX(-50%);
width: 100%;
height: auto;
z-index: 5;
pointer-events: none;
display: flex;
align-items: flex-start;
justify-content: center;
overflow: visible;
transition: left 0.5s cubic-bezier(0.4, 0, 0.2, 1),
transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.card-destaque-top-image img {
max-width: 100%;
max-height: 140%;
width: 290px;
height: auto;
object-fit: contain;
opacity: 1;
mix-blend-mode: normal;
}
.card-destaque-item.active .card-destaque-top-image {
left: 70%;
transform: translateX(-45%);
}
.card-destaque-title-overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 30px;
background: linear-gradient(
to top,
rgba(0, 0, 0, 0.8) 0%,
rgba(0, 0, 0, 0.4) 50%,
transparent 100%
);
z-index: 2;
display: flex;
flex-direction: column;
gap: 15px;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
}
.card-destaque-header {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.card-destaque-category {
color: #fff;
font-size: 14px;
font-weight: 400;
font-family: "Sharp Grotesk", sans-serif;
}
.card-destaque-icon-plus {
background: transparent;
border: none;
cursor: pointer;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
width: 16px;
height: 16px;
}
.card-destaque-icon-plus svg {
width: 16px;
height: 16px;
}
.card-destaque-title-overlay h3 {
color: #fff;
font-size: 32px;
font-weight: 400;
margin: 0;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
transition: opacity 0.3s ease;
}
.card-destaque-more-details {
display: inline-flex;
align-items: center;
gap: 8px;
color: #fff;
font-size: 14px;
font-weight: 400;
text-decoration: none;
font-family: "Sharp Grotesk", sans-serif;
margin-top: 10px;
}
.card-destaque-more-details svg {
width: 18px;
height: 18px;
} .card-destaque-item.active .card-destaque-title-overlay {
opacity: 0;
pointer-events: none;
}
.card-destaque-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(
to bottom,
rgba(0, 0, 0, 0.1) 0%,
rgba(0, 0, 0, 0.3) 50%,
rgba(0, 0, 0, 0.8) 100%
);
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 40px;
color: white;
opacity: 0;
transition: opacity 0.3s ease;
z-index: 3;
border-radius: 20px;
}
.card-destaque-item.active .card-destaque-overlay {
opacity: 1;
}
.card-destaque-info {
text-align: left;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.page-id-686 .card-destaque-info {
justify-content: space-around;
}
.card-destaque-info .card-destaque-header {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.page-id-686 .card-destaque-info h3 {
font-size: 44px;
}
.page-id-840 .card-projeto-link-no-navigate {
cursor: default;
}
.card-destaque-info .card-destaque-category {
color: #fff;
font-size: 16px;
font-weight: 500;
font-family: "Inter", sans-serif;
}
.card-destaque-info .card-destaque-icon-plus {
background: transparent;
border: none;
cursor: pointer;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
width: 16px;
height: 16px;
position: absolute;
top: 31px;
right: 26px;
}
.card-destaque-info .card-destaque-icon-plus svg {
width: 16px;
height: 16px;
}
.card-destaque-info h3 {
font-size: 64px;
font-weight: 400;
margin: 0;
color: #fff;
}
.card-destaque-info p {
font-size: 16px;
margin: 0;
opacity: 0.95;
line-height: 1.6;
color: #fff;
}
.card-destaque-info .card-destaque-more-details {
display: inline-flex;
align-items: center;
gap: 8px;
color: #fff;
font-size: 14px;
font-weight: 400;
text-decoration: none;
font-family: "Inter", sans-serif;
margin-top: 10px;
}
.card-destaque-info .card-destaque-more-details svg {
width: 10px;
height: 11px;
} .card-destaque-item:not(.active):hover {
opacity: 0.95;
transform: translateY(-5px);
}
.two-blocks {
padding-top: 40px;
}
.two-blocks-content {
padding-bottom: 60px;
}
.block-content h2 {
font-size: 32px;
color: #fff;
font-weight: 500;
margin-bottom: 35px;
} @media (max-width: 991px) {
.header-menu-desktop {
display: none !important;
} .hamburger-menu-main-mobile {
display: block;
margin-bottom: 20px;
}
.card-destaque-item.active .card-destaque-top-image {
transform: translateX(-35%);
}
} @media (min-width: 992px) {
.hamburger-menu-main-mobile {
display: none !important;
}
} @media (max-width: 768px) {
.cards-container-destaques {
flex-direction: column;
gap: 20px;
min-height: auto;
}
.title-sobre h3 {
margin-bottom: 20px;
}
a.nav-link {
font-size: 14px;
}
.card-destaque-item {
width: 100%;
height: 400px;
margin: 0;
}
.aviso-fraude h4 {
font-size: 14px;
}
.aviso-fraude a {
font-size: 14px;
}
.saiba-mais::after {
top: 2px;
right: -22px;
width: 16px;
height: 16px;
}
.card-destaque-item:not(.active) {
flex: 1;
}
.card-destaque-item.active {
flex: 1;
}
.card-destaque-title-overlay h3 {
font-size: 24px;
}
.card-destaque-info p {
font-size: 14px;
}
.card-destaque-overlay {
padding: 30px 20px;
}
}
.bg-black {
background-image: url(//afabrica.etc.br/wp-content/themes/a-fabrica/assets/imgs/bg-projeto.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 30px 30px 0px 0px;
}
.projetos h2 {
color: #fff;
font-size: 80px;
}
.card-projeto {
border-radius: 18px;
background: #212121;
padding: 4px;
transition: background 0.5s ease, opacity 0.5s ease;
opacity: 0.7;
}
a:hover #categoria-1 {
background: #eed484;
}
a:hover #categoria-2 {
background: #68a9ae;
}
a:hover #categoria-3 {
background: #9b2743;
}
.card-projeto-image {
width: 100%;
height: 0;
padding-bottom: 90%; overflow: hidden;
border-radius: 16px;
position: relative;
}
.card-projeto-image video,
.card-projeto-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: 16px;
}
.card-projeto-content {
padding: 24px 16px;
}
.card-projeto-header {
display: flex;
justify-content: space-between;
align-items: center;
}
.card-projeto-content h3 {
font-size: 18px;
font-weight: 600;
color: #fff;
margin-bottom: 0;
font-family: "Inter", sans-serif;
}
.icon-plus {
opacity: 0;
transition: opacity 0.5s ease;
}
a:hover .icon-plus {
opacity: 1;
}
a:hover .card-projeto {
opacity: 1;
} .site-footer {
padding: 80px 0 40px;
color: #fff;
position: relative;
}
.footer-main {
margin-bottom: 120px;
justify-content: space-between;
align-items: flex-start;
}
.footer-brand-col {
display: flex;
flex-direction: column;
gap: 80px;
}
.footer-brand {
display: flex;
flex-direction: column;
gap: 15px;
}
.footer-logo {
width: 342px;
height: auto;
}
.footer-banijay {
font-family: "Inter", sans-serif;
font-size: 14px;
color: #fff;
margin: 0;
opacity: 0.8;
}
.footer-contact {
display: flex;
align-items: center;
gap: 10px;
}
.footer-contact-icon {
width: 16px;
height: 16px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.footer-email {
font-family: "Inter", sans-serif;
font-size: 18px;
color: #fff;
text-decoration: none;
transition: opacity 0.3s ease;
position: relative;
display: inline-block;
}
.footer-email::after {
content: "";
position: absolute;
left: 0;
bottom: -2px;
width: 100%;
height: 1px;
background-color: #fff;
transition: opacity 0.3s ease;
}
.footer-email:hover {
opacity: 0.7;
}
.footer-email:hover::after {
opacity: 0.7;
}
.footer-links-col,
.footer-social-col {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.footer-section-title {
font-family: "Inter", sans-serif;
font-size: 14px;
font-weight: 500;
color: #fff;
opacity: 0.6;
margin-bottom: 20px;
}
.footer-nav-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 8px;
align-items: flex-start;
}
.footer-nav-list li {
margin: 0;
}
.footer-link {
font-family: "Sharp Grotesk", sans-serif;
font-size: 16px;
color: #fff;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 8px;
transition: opacity 0.3s ease;
font-weight: 500;
}
.footer-link:hover {
opacity: 0.7;
}
.footer-link-arrow {
width: 18px;
height: 18px;
flex-shrink: 0;
}
.footer-bottom {
padding-top: 30px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
align-items: center;
}
.footer-copyright {
font-family: "Inter", sans-serif;
font-size: 12px;
color: rgba(255, 255, 255, 0.6);
margin: 0;
}
.footer-legal {
display: flex;
align-items: center;
gap: 20px;
justify-content: flex-end;
}
.footer-legal-link {
font-family: "Inter", sans-serif;
font-size: 12px;
color: rgba(255, 255, 255, 0.6);
text-decoration: none;
transition: opacity 0.3s ease;
}
.footer-legal-link:hover {
opacity: 0.8;
}
.footer-dev {
font-family: "Inter", sans-serif;
font-size: 12px;
color: rgba(255, 255, 255, 0.6);
}
.footer-dev-icon {
display: inline-flex;
align-items: center;
color: rgba(255, 255, 255, 0.6);
width: 16px;
height: 16px;
}
.footer-dev-icon img {
width: 100%;
height: auto;
display: block;
}
.single-novidade-content {
padding-top: 60px;
padding-bottom: 60px;
}
.single-novidade-banner img {
border-radius: 40px;
width: 100%;
}
.block-content img {
border-radius: 20px;
}
.footer-dev-icon-link {
display: inline-flex;
align-items: center;
text-decoration: none;
transition: opacity 0.3s ease;
margin-left: 5px;
}
.footer-dev-icon-link:hover {
opacity: 0.8;
}
.footer-dev-icon-link .footer-dev-icon {
display: inline-flex;
align-items: center;
width: 16px;
height: 16px;
} .politica-privacidade-sidebar {
position: sticky;
top: 100px;
padding-right: 30px;
}
.politica-nav {
margin-bottom: 30px;
}
.politica-nav-list {
list-style: none;
padding: 0;
margin: 0;
}
.politica-nav-list li {
margin-bottom: 15px;
}
.politica-nav-link {
display: block;
color: #111;
text-decoration: none;
font-size: 18px;
font-weight: 500;
line-height: 1.4;
transition: color 0.3s ease;
padding: 8px 0;
border-bottom: 1px solid transparent;
}
.politica-nav-link:hover {
color: #666;
border-bottom-color: #ddd;
}
.politica-nav-link.active {
color: #111;
font-weight: 600;
border-bottom-color: #111;
}
.politica-content h2 {
scroll-margin-top: 120px;
}
@media (max-width: 991px) {
}
.scroll-to-top {
position: fixed;
bottom: 30px;
right: 30px;
width: 50px;
height: 50px;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
z-index: 1000;
}
.scroll-to-top.visible {
opacity: 1;
visibility: visible;
}
.scroll-to-top:hover {
background: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.3);
}
.scroll-to-top svg {
width: 20px;
height: 20px;
}
.aviso-fraude {
background: #ff4370;
padding: 30px;
color: #fff;
}
.aviso-fraude h4 a {
color: #fff;
font-size: 20px;
}
.aviso-fraude h4 {
font-size: 20px;
margin-bottom: 0;
}
.linha-projetos {
row-gap: 10px;
margin-left: -2px;
margin-right: -10px;
}
.linha-projetos > [class*="col-"] {
padding-left: 0px;
padding-right: 10px;
}
.linha-sobre {
border-radius: 40px;
background-color: #eed484;
padding: 40px 64px;
justify-content: space-between;
}
.linha-sobre p {
color: #565555;
font-weight: 500;
font-size: 18px;
}
.linha-sobre a {
color: #111;
font-weight: 600;
font-family: "Inter", sans-serif;
}
.title-sobre {
padding-top: 30px;
}
.card-number {
text-align: center;
border-radius: 40px;
margin-bottom: 0;
} .linha-big-numbers {
margin: 0 -8px; }
.linha-big-numbers > [class*="col-"] {
padding-left: 8px;
padding-right: 8px;
margin-bottom: 16px;
}
.linha-big-numbers .row {
margin: 0 -8px; }
.linha-big-numbers .row > [class*="col-"] {
padding-left: 8px;
padding-right: 8px;
margin-bottom: 16px;
}
.linha-big-numbers .card-number {
margin-bottom: 0;
height: 100%;
}
.larissa-img-sobre {
margin-top: 16px;
} .title-section {
font-size: 96px;
}
.card-number h2 {
font-size: 96px;
}
.card-number p {
font-size: 24px;
}
.card-teal {
background-color: #68a9ae;
color: #111;
min-height: 340px;
display: flex;
flex-direction: column;
justify-content: center;
}
.card-red {
background-color: #9b2743;
color: #fff;
min-height: 340px;
display: flex;
flex-direction: column;
justify-content: center;
}
.single-audiovisual h1 {
font-size: 128px;
margin-bottom: 25px;
} .height-reference {
width: 100%;
height: auto;
display: block;
}
.card-purple {
background-color: #5c013f;
color: #fff;
min-height: 245px;
display: flex;
flex-direction: column;
justify-content: center;
}
.card-yellow {
background-color: #eed484;
color: #111;
min-height: 245px;
display: flex;
flex-direction: column;
justify-content: center;
} .manifesto .row {
display: flex;
align-items: stretch;
}
.manifesto .row > [class*="col-"] {
display: flex;
flex-direction: column;
}
.content-manifesto {
border-radius: 40px;
padding: 40px;
display: flex;
flex-direction: column;
height: 100%;
flex: 1;
}
.image-manifesto {
display: flex;
}
.image-manifesto img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 40px !important;
}
.logo-a-fabrica-home img {
width: 100%;
}
.content-manifesto h3 {
margin-bottom: 32px;
} .big-numbers .col-lg-12 {
padding: 0px;
} @media (max-width: 768px) {
.linha-big-numbers {
margin: 0 -15px; }
.linha-big-numbers > [class*="col-"] {
padding-left: 15px; padding-right: 15px; } .manifesto .row {
flex-direction: column;
}
.manifesto .row > [class*="col-"] {
width: 100%;
}
.image-manifesto {
height: auto;
margin-top: 20px;
}
.image-manifesto img {
height: auto;
min-height: 300px;
object-fit: cover;
}
.content-manifesto {
height: auto;
}
}
.linha-big-numbers .row {
margin: 0 -15px; }
.linha-big-numbers .row > [class*="col-"] {
padding-left: 15px; padding-right: 15px; }
.big-numbers .col-lg-12 {
padding-left: 15px; padding-right: 15px; }
.socio-link {
text-decoration: none;
display: block;
color: inherit;
}
.lista-socios .col-lg-3.col-md-6.mb-4 {
padding-right: 0;
}
.pb-60 {
padding-bottom: 60px;
}
.pt-60 {
padding-top: 60px;
}
.socio h2 {
font-size: 96px;
color: #fff;
}
.linha-poeta-operario h4 {
margin-bottom: 20px;
} .socio h2.title-section,
.card-number h2.title-section {
font-size: 96px;
}
.card-socio {
border-radius: 20px;
overflow: hidden;
height: 100%;
transition: transform 0.5s ease;
}
.socio-image {
width: 100%;
overflow: hidden;
position: relative;
border-radius: 20px;
background: rgba(0, 0, 0, 0.3);
padding: 10px;
}
.zoom-img {
width: 100%;
height: 100%;
min-height: 300px;
overflow: hidden;
border-radius: 15px;
position: relative;
}
.zoom-img-inner {
width: 100%;
height: 100%;
object-fit: cover;
filter: grayscale(100%);
transition: filter 0.5s ease, transform 0.5s ease;
display: block;
}
.socio-link:hover .zoom-img .zoom-img-inner {
filter: grayscale(0%);
transform: scale(1.05);
}
.socio-info {
padding: 30px 20px;
}
.socio-name {
color: #fff;
font-size: 20px;
font-weight: 500;
margin-bottom: 8px;
text-transform: uppercase;
letter-spacing: 1px;
}
.socio-title {
color: #fff;
font-size: 13px;
margin: 0;
text-transform: uppercase;
opacity: 0.5;
line-height: 1.4;
} .modal-socio {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
overflow-y: auto;
}
.modal-socio.active {
display: flex;
align-items: center;
justify-content: center;
}
.modal-socio-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.9);
z-index: 1;
}
.modal-socio-content {
position: relative;
z-index: 2;
background-color: #111;
border-radius: 20px;
max-width: 700px;
width: 90%;
margin: 40px auto;
padding: 40px;
max-height: 90vh;
overflow-y: auto;
}
.modal-socio-close {
position: absolute;
top: 20px;
right: 20px;
background: none;
border: none;
color: #fff;
font-size: 32px;
cursor: pointer;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
transition: opacity 0.3s ease;
z-index: 10;
}
.modal-socio-close:hover {
opacity: 0.7;
}
.modal-socio-body {
display: flex;
flex-direction: column;
gap: 30px;
}
.modal-socio-header {
display: flex;
gap: 40px;
align-items: flex-start;
}
.modal-socio-image {
flex-shrink: 0;
width: 200px;
height: 250px;
overflow: hidden;
}
.modal-socio-image img {
width: 200px;
height: auto;
object-fit: cover;
filter: grayscale(100%);
border-radius: 10px;
}
.modal-socio-info {
flex: 1;
color: #fff;
}
.modal-socio-name {
font-size: 32px;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 10px;
color: #fff;
}
.modal-socio-title {
font-size: 16px;
text-transform: uppercase;
margin-bottom: 15px;
opacity: 0.8;
color: #fff;
}
.modal-socio-imdb {
display: inline-block;
color: #fff;
font-size: 14px;
text-decoration: underline;
margin-bottom: 0;
opacity: 0.7;
transition: opacity 0.3s ease;
}
.modal-socio-imdb:hover {
opacity: 1;
}
.modal-socio-bio {
font-size: 16px;
line-height: 1.8;
color: #fff;
margin-top: 0;
}
.modal-socio-bio p {
margin-bottom: 20px;
}
.linha-poeta-operario {
border-radius: 40px;
background-color: #f5c6d0;
padding: 64px;
}
.linha-poeta-operario h4 {
font-size: 36px;
color: #111;
font-weight: 500;
}
.linha-poeta-operario h5 {
font-size: 24px;
color: #111;
font-weight: 400;
}  .carousel-destaques.owl-loaded {
display: block !important;
}
.carousel-destaques {
width: 100%;
padding: 40px 0;
position: relative;
}
.carousel-destaques .owl-stage-outer {
padding: 0;
}
.carousel-destaques .owl-item {
height: auto;
display: flex;
align-items: stretch;
}
.carousel-destaques .item {
height: 100%;
width: 100%;
position: relative;
}
.carousel-item {
width: 100%;
border-radius: 20px;
overflow: hidden;
display: block;
position: relative;
}
.video-carousel-item {
position: relative;
width: 100%;
height: 100%;
}
.carousel-item img {
width: 100%;
display: block;
border-radius: 20px;
}
.carousel-item video {
width: 100%;
height: auto;
display: block;
border-radius: 20px;
object-fit: cover;
} .video-carousel-container {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%; border-radius: 20px;
overflow: hidden;
background: #000;
}
.video-carousel-thumbnail {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 20px;
transition: opacity 0.3s ease, visibility 0.3s ease;
z-index: 1;
}
.video-carousel-player {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
border-radius: 20px;
object-fit: cover;
z-index: 2;
background: #000;
transition: opacity 0.3s ease, visibility 0.3s ease;
pointer-events: none;
}
.video-carousel-player.playing {
opacity: 1 !important;
visibility: visible !important;
display: block !important;
z-index: 10 !important;
pointer-events: auto;
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
}
.video-carousel-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 0.2);
border-radius: 20px;
transition: opacity 0.3s ease, visibility 0.3s ease;
cursor: pointer;
z-index: 3;
}
.video-carousel-play-button {
background: none;
border: none;
cursor: pointer;
padding: 0;
transition: transform 0.3s ease, opacity 0.3s ease;
outline: none;
}
.video-carousel-play-button:hover {
transform: scale(1.1);
}
.video-carousel-play-button svg {
display: block;
filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));
} @media (max-width: 768px) {
.video-carousel-container {
padding-bottom: 56.25%; }
.video-carousel-play-button svg {
width: 60px;
height: 60px;
}
} .carousel-destaques .owl-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
display: flex;
justify-content: space-between;
padding: 0 20px;
pointer-events: none;
z-index: 10;
}
.carousel-destaques .owl-nav button {
pointer-events: all;
width: 50px;
height: 50px;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
transition: all 0.3s ease;
cursor: pointer;
outline: none;
}
.carousel-destaques .owl-nav button:hover {
background: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.3);
}
.carousel-destaques .owl-nav button svg {
width: 20px;
height: 20px;
}
.carousel-destaques .owl-nav button.disabled {
opacity: 0.3;
cursor: not-allowed;
} .carousel-destaques .owl-dots {
display: none;
} .carousel-galeria-single {
width: 100%;
padding: 40px 0;
position: relative;
}
.carousel-galeria-single .owl-stage-outer {
padding: 0;
position: relative;
}
.carousel-galeria-single .owl-stage-outer {
padding: 0;
}
.carousel-galeria-single .owl-item {
height: auto;
}
.carousel-galeria-single .item {
height: 100%;
}
.carousel-galeria-single .carousel-item {
border-radius: 20px;
overflow: hidden;
}
.carousel-galeria-single .carousel-item img {
width: 100%;
height: auto;
display: block;
border-radius: 20px;
object-fit: cover;
} .carousel-galeria-single {
position: relative;
}
.carousel-galeria-single .owl-nav {
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
width: 100%;
display: flex !important;
justify-content: space-between;
padding: 0 20px;
pointer-events: none;
z-index: 1000;
margin: 0;
} .carousel-galeria-single .owl-nav.disabled {
display: flex !important;
pointer-events: none;
}
.carousel-galeria-single .owl-nav.disabled button {
pointer-events: all !important;
opacity: 1 !important;
cursor: pointer !important;
}
.carousel-galeria-single .owl-nav button {
pointer-events: all !important;
width: 50px;
height: 50px;
background: rgba(255, 255, 255, 0.9) !important;
border: 1px solid rgba(255, 255, 255, 0.2) !important;
border-radius: 50%;
display: flex !important;
align-items: center;
justify-content: center;
color: #fff;
transition: all 0.3s ease;
cursor: pointer !important;
outline: none;
z-index: 1001 !important;
position: relative !important;
-webkit-tap-highlight-color: transparent;
touch-action: manipulation;
margin: 0;
padding: 0;
flex-shrink: 0;
} .carousel-galeria-single .owl-nav button.disabled {
opacity: 1 !important;
cursor: pointer !important;
pointer-events: all !important;
}
.carousel-galeria-single .owl-nav button:hover {
background: rgba(255, 255, 255, 0.2) !important;
border-color: rgba(255, 255, 255, 0.3) !important;
}
.carousel-galeria-single .owl-nav button svg {
width: 20px;
height: 20px;
pointer-events: none;
display: block;
}
.carousel-galeria-single .owl-nav button.disabled {
opacity: 0.3;
cursor: not-allowed;
} .carousel-galeria-single .owl-dots {
display: none;
} .galeria-item-clickable {
cursor: pointer;
transition: transform 0.3s ease;
position: relative;
z-index: 1;
}
.galeria-item-clickable:hover {
transform: scale(1.02);
} .carousel-galeria-single .owl-nav {
z-index: 1000 !important;
pointer-events: none !important;
}
.carousel-galeria-single .owl-nav button {
z-index: 1001 !important;
pointer-events: all !important;
position: relative !important;
} .carousel-galeria-single .owl-item {
z-index: 1;
}
.carousel-galeria-single .owl-stage {
z-index: 1;
} .modal-galeria {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10000;
overflow: hidden;
}
.modal-galeria.active {
display: flex;
align-items: center;
justify-content: center;
}
.modal-galeria-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.95);
z-index: 1;
opacity: 0;
transition: opacity 0.3s ease;
}
.modal-galeria.active .modal-galeria-overlay {
opacity: 1;
}
.single-novidade-content img {
border-radius: 20px;
}
.wpcf7-list-item a {
color: rgb(255 67 112);
}
.wpcf7-list-item a:hover {
color: rgb(187 0 45);
}
.modal-galeria-content {
position: relative;
z-index: 2;
width: 90%;
max-width: 1200px;
max-height: 90vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
opacity: 0;
transform: scale(0.9);
transition: opacity 0.3s ease, transform 0.3s ease;
}
.modal-galeria.active .modal-galeria-content {
opacity: 1;
transform: scale(1);
}
.modal-galeria-image-container {
width: 100%;
height: auto;
max-height: 80vh;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
border-radius: 20px;
}
.modal-galeria-image {
width: 100%;
height: auto;
max-height: 80vh;
object-fit: contain;
display: block;
border-radius: 20px;
}
.modal-galeria-close {
position: absolute;
top: -50px;
right: 0;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 50%;
color: #fff;
font-size: 24px;
cursor: pointer;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
z-index: 10;
padding: 0;
}
.modal-galeria-close:hover {
background: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.3);
transform: rotate(90deg);
}
.modal-galeria-close svg {
width: 24px;
height: 24px;
}
.modal-galeria-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 50%;
color: #fff;
cursor: pointer;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
z-index: 10;
padding: 0;
}
.modal-galeria-nav:hover {
background: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.3);
transform: translateY(-50%) scale(1.1);
}
.modal-galeria-nav svg {
width: 24px;
height: 24px;
}
.modal-galeria-prev {
left: -70px;
}
.modal-galeria-next {
right: -70px;
}
.modal-galeria-nav.disabled {
opacity: 0.3;
cursor: not-allowed;
pointer-events: none;
}
.modal-galeria-counter {
position: absolute;
bottom: -50px;
left: 50%;
transform: translateX(-50%);
color: #fff;
font-size: 16px;
font-weight: 500;
font-family: "Sharp Grotesk", sans-serif;
opacity: 0.8;
} @media (max-width: 991px) {
.modal-galeria-content {
width: 95%;
max-height: 95vh;
}
br {
display: none;
}
.modal-galeria-image-container {
max-height: 75vh;
}
.modal-galeria-image {
max-height: 75vh;
}
.modal-galeria-close {
top: -40px;
width: 40px;
height: 40px;
}
.modal-galeria-close svg {
width: 20px;
height: 20px;
}
.modal-galeria-prev {
left: 10px;
}
.modal-galeria-next {
right: 10px;
}
.modal-galeria-counter {
bottom: -40px;
font-size: 14px;
}
}
@media (max-width: 768px) {
.modal-galeria-content {
width: 100%;
padding: 20px;
}
.hamburger-menu-email {
font-size: 26px;
}
.modal-galeria-image-container {
max-height: 70vh;
border-radius: 10px;
}
.modal-galeria-image {
border-radius: 10px;
}
.modal-galeria-close {
top: 10px;
right: 10px;
width: 35px;
height: 35px;
}
.modal-galeria-nav {
width: 40px;
height: 40px;
}
.modal-galeria-nav svg {
width: 20px;
height: 20px;
}
.modal-galeria-prev {
left: 10px;
}
.modal-galeria-next {
right: 10px;
}
.modal-galeria-counter {
bottom: 10px;
font-size: 12px;
}
}
.title-list-catalogo {
display: flex;
justify-content: space-between;
align-items: baseline;
}
.title-list-catalogo ul {
display: flex;
flex-direction: row;
gap: 20px;
list-style: none;
}
.title-list-catalogo ul li a {
padding: 10px 24px;
color: #fff;
border-radius: 100px;
background-color: #565555;
font-weight: 500;
transition: all 0.3s ease;
display: inline-block;
cursor: pointer;
}
.title-list-catalogo ul li a:hover {
background-color: #fff;
color: #111;
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.title-list-catalogo ul li a.active {
background-color: #fff;
color: #111;
}
.title-list-catalogo ul li a.active:hover {
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.bg-black h2 {
color: #fff;
}
.episodios ul {
list-style: none;
padding: 0;
margin: 0;
column-count: 2;
column-gap: 20px;
width: 50%;
}
.episodios ul li {
break-inside: avoid;
page-break-inside: avoid;
margin-bottom: 10px;
}
.block-content {
position: relative;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
border-radius: 20px;
}
.block-content::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.6) 100%);
z-index: 1;
pointer-events: none;
}
.text-block {
position: absolute;
text-align: center;
z-index: 2;
}
.text-block span {
color: #fff;
font-family: "Inter", sans-serif;
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
}
.loop-artigos {
border-radius: 20px 20px 0px 0px;
background: #d7d7d7;
padding-top: 24px;
margin-bottom: -40px;
}
article a {
color: #565555;
}
.artigo-item-content {
position: absolute;
bottom: 40px;
left: 40px;
padding-right: 30px;
z-index: 1;
}
.img-zoom {
overflow: hidden;
border-radius: 20px;
}
.img-zoom img {
transition: transform 0.5s ease;
width: 100%;
height: auto;
display: block;
}
a:hover .img-zoom img {
transform: scale(1.1);
} .loop-artigos .img-zoom {
position: relative;
}
.entry-content p {
color: #565555;
font-weight: 500;
font-size: 18px;
}
.loop-artigos .img-zoom::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
transition: opacity 0.5s ease;
pointer-events: none;
z-index: 1;
border-radius: 20px;
}
.owl-carousel .owl-nav.disabled { 
display: flex !important;
}
.loop-artigos a:hover .img-zoom::after {
opacity: 0;
}
.artigo-item-content p {
margin-bottom: 0;
font-size: 22px;
color: #fff;
}
.btn-ver-mais-novidades {
padding-top: 30px;
}
.linha-artigos {
row-gap: 30px;
padding-bottom: 20px;
}
.btn-ver-mais {
color: #111;
font-size: 18px;
font-weight: 500;
position: relative;
font-family: "Inter", sans-serif;
}
.search-result h1 {
font-size: 64px;
}
.btn-ver-mais::after {
content: "";
position: absolute;
right: -35px;
top: 5px;
width: 20px;
height: 20px;
background-image: url(//afabrica.etc.br/wp-content/themes/a-fabrica/assets/imgs/icone-x.png);
background-size: cover;
}
.carregar-mais-projetos .btn-ver-mais {
color: #FFF;
}
.carregar-mais-projetos .btn-ver-mais::after {
background-image: url(//afabrica.etc.br/wp-content/themes/a-fabrica/assets/imgs/icon-saiba.png);
top: 1px;
}
.loop-artigos {
padding-bottom: 120px;
}
.title-categoria {
display: flex;
align-items: center;
gap: 20px;
}
.loop-categoria {
background-color: transparent;
}
.artigo-item {
position: relative;
}
.categoria {
position: absolute;
top: 30px;
right: 50px;
}
.categoria span {
background: rgba(86, 85, 85, 0.5);
padding: 10px 24px;
border-radius: 100px;
color: #fff;
font-size: 16px;
font-weight: 400;
}
.single-novidade h1 {
font-size: 64px;
}
.conteudo-texto {
padding: 60px;
}
.sobre-fabrica-home {
font-size: 22px;
}
.linha-contato {
padding: 64px;
border-radius: 40px;
background-color: #f5c6d0;
justify-content: space-between;
}
.contato ul li {
font-size: 20px;
font-weight: 400;
line-height: 1.2;
} @media (max-width: 768px) {
}
span.wpcf7-list-item-label {
font-size: 14px;
} .hamburger-menu-overlay {
position: fixed;
top: 0;
right: -100%;
width: 100%;
height: 100vh;
background-color: #111;
z-index: 9999;
transition: right 0.4s cubic-bezier(0.4, 0, 0.2, 1);
overflow-y: auto;
}
.hamburger-menu-overlay.active {
right: 0;
}
.hamburger-menu-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 30px 40px;
}
.hamburger-menu-logo img {
max-height: 40px;
width: auto;
}
.hamburger-menu-top-right {
display: flex;
align-items: center;
gap: 20px;
}
.hamburger-language-text {
color: #68a9ae;
font-size: 16px;
font-weight: 500;
}
.hamburger-close-btn {
color: #68a9ae;
cursor: pointer;
padding: 5px;
display: flex;
align-items: center;
justify-content: center;
transition: opacity 0.3s ease;
}
.hamburger-close-btn:hover {
opacity: 0.7;
}
.hamburger-close-btn svg {
width: 24px;
height: 24px;
}
.hamburger-menu-content {
padding: 40px;
padding-left: 130px;
display: flex;
flex-direction: column;
gap: 0px;
padding-top: 0px;
overflow: hidden;
}
.hamburger-menu-nav {
display: flex;
flex-direction: column;
gap: 10px;
}
.hamburger-menu-link {
color: #68a9ae;
font-size: 48px;
font-weight: 500;
text-decoration: none;
font-family: "Sharp Grotesk", sans-serif;
position: relative;
display: block;
padding: 12px 20px;
margin: 0 -20px;
transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1),
transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
z-index: 1;
}
.hamburger-menu-link::before {
content: "";
position: absolute;
top: 0;
left: -57px;
width: 115%;
height: 100%;
background-color: #f5c6d0;
opacity: 0;
transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
z-index: -1;
}
.hamburger-menu-link:hover {
color: #ed1652;
transform: translateX(-50px);
}
.hamburger-menu-link:hover::before {
opacity: 1;
} .hamburger-menu-item-dropdown {
position: relative;
}
.hamburger-menu-link-dropdown {
display: flex;
align-items: center;
justify-content: space-between;
}
.dropdown-arrow {
font-size: 16px;
color: #68a9ae;
transition: transform 0.3s ease, color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
margin-left: 10px;
}
.hamburger-menu-item-dropdown:hover .dropdown-arrow {
color: #ed1652;
transform: rotate(180deg);
}
.hamburger-dropdown-menu {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
padding-left: 30px;
}
.hamburger-menu-item-dropdown:hover .hamburger-dropdown-menu,
.hamburger-menu-item-dropdown.active .hamburger-dropdown-menu {
max-height: 500px;
}
.hamburger-dropdown-link {
color: #68a9ae;
font-size: 36px;
font-weight: 500;
text-decoration: none;
font-family: "Sharp Grotesk", sans-serif;
position: relative;
display: block;
padding: 10px 20px;
margin: 5px -20px;
transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1),
transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
z-index: 1;
}
.hamburger-dropdown-link::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #f5c6d0;
opacity: 0;
transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
z-index: -1;
}
.single-audiovisual-image {
position: relative;
width: 100%;
border-radius: 40px;
overflow: hidden;
}
.single-audiovisual-image .video-container {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%; border-radius: 40px;
overflow: hidden;
background: #000;
} .single-audiovisual-image .video-container.is-image .video-container-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 40px;
display: block;
}
.single-audiovisual-image .video-thumbnail {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 40px;
z-index: 2;
transition: opacity 0.3s ease;
display: block;
}
.single-audiovisual-image .video-thumbnail.hidden {
opacity: 0;
pointer-events: none;
}
.single-audiovisual-image .video-player {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 40px;
display: block;
z-index: 1;
object-fit: cover;
background: #000;
}
.single-audiovisual-image .video-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
z-index: 3;
background: rgba(0, 0, 0, 0.2);
transition: opacity 0.3s ease;
cursor: pointer;
}
.single-audiovisual-image .video-overlay.hidden {
opacity: 0;
pointer-events: none;
}
.single-audiovisual-image .video-play-button {
background: none;
border: none;
cursor: pointer;
padding: 0;
transition: transform 0.3s ease, opacity 0.3s ease;
outline: none;
}
.single-audiovisual-image .video-play-button:hover {
transform: scale(1.1);
}
.single-audiovisual-image .video-play-button.hidden {
opacity: 0;
pointer-events: none;
}
.single-audiovisual-image .video-play-button svg {
display: block;
filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));
}
.title-destaque-overlay p {
font-size: 12px;
font-weight: 500;
color: #fff;
}
.hamburger-dropdown-link:hover {
color: #ed1652;
transform: translateX(-30px);
}
.hamburger-dropdown-link:hover::before {
opacity: 1;
}
.hamburger-menu-plus {
display: inline-block;
vertical-align: middle;
font-size: 24px;
opacity: 0.5;
margin-right: 10px;
line-height: 1;
padding-top: 20px;
padding-bottom: 20px;
}
.hamburger-menu-plus svg {
width: 16px;
height: 16px;
display: block;
}
.hamburger-menu-email {
font-family: "Inter", sans-serif;
font-size: 34px;
color: #fff;
text-decoration: none;
transition: opacity 0.3s ease;
position: relative;
display: inline-block;
vertical-align: middle;
margin-top: 10px;
width: 400px;
}
.hamburger-menu-email::after {
content: "";
position: absolute;
left: 0;
bottom: -2px;
width: 100%;
height: 1px;
background-color: #fff;
transition: opacity 0.3s ease;
}
.hamburger-menu-email:hover {
opacity: 0.7;
color: #68a9ae;
}
.hamburger-menu-email:hover::after {
background-color: #68a9ae;
}
.hamburger-menu-social {
margin-top: 40px;
}
.hamburger-social-title {
color: #9f9f9f;
font-size: 14px;
font-weight: 400;
margin-bottom: 20px;
font-family: "Inter", sans-serif;
}
.hamburger-social-links {
display: flex;
flex-direction: column;
gap: 15px;
}
a.language-text.language-link {
font-size: 15px;
font-style: normal;
font-weight: 500;
color: #565555;
}
.page-id-710 .linha-contato h1 {
font-size: 66px;
}
.hamburger-social-link {
color: #fff;
font-size: 18px;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 10px;
transition: opacity 0.3s ease;
font-family: "Sharp Grotesk", sans-serif;
}
.hamburger-social-link:hover {
opacity: 0.7;
color: #68a9ae;
}
.hamburger-social-link svg {
width: 16px;
height: 16px;
flex-shrink: 0;
} .dropdown-icon svg {
width: 16px;
height: 16px;
} .language-menu-btn {
cursor: pointer;
padding: 5px;
display: flex;
flex-direction: column;
gap: 6px;
justify-content: center;
}
.menu-icon-line {
width: 42px;
height: 2px;
background-color: #111;
display: block;
transition: all 0.3s ease;
}
.language-selector {
gap: 10px;
}
.language-menu-btn.active .menu-icon-line:first-child {
transform: rotate(45deg) translate(5px, 5px);
}
.language-menu-btn.active .menu-icon-line:last-child {
transform: rotate(-45deg) translate(5px, -5px);
} body.menu-open {
overflow: hidden;
} .page-id-686.banner-home-link-no-navigate,
.page-id-686 .card-destaque-link-no-navigate,
.page-id-686 .card-projeto-link-no-navigate {
cursor: unset;
}
a.banner-home-link-no-navigate {
cursor: unset;
}
.page-id-686  .icon-plus {
display: none;
}
.page-id-840 .icon-plus {
display: none;
}
.form-contato {
border-radius: 40px;
background: rgba(0, 0, 0, 0.04);
padding: 45px;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.input-icon {
background-color: transparent;
width: 100%;
border: none;
border-bottom: 1px solid rgba(17, 17, 17, 0.4);
margin-bottom: 20px;
height: 45px;
position: relative;
}
.contato ul {
list-style: none;
padding: 0;
margin: 0;
padding-top: 40px;
padding-bottom: 40px;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.input-icon.icon-subject {
padding-bottom: 90px;
padding-top: 20px;
}
.linha-contato h1 {
margin-bottom: 40px;
color: #111;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner.btn-red {
font-size: 18px;
font-style: normal;
font-weight: 600;
color: #111;
border: none;
background: transparent;
padding: 0px;
}
.btn-container {
position: relative;
}
.btn-container:after {
content: "";
position: absolute;
top: 9px;
left: 67px;
width: 20px;
height: 20px;
background: url(//afabrica.etc.br/wp-content/themes/a-fabrica/assets/imgs/icon-btn-contato.png) no-repeat center center;
background-size: contain;
}
.catalogo-content-projeto {
position: relative;
}
.ver-catalogo {
color: #fff;
font-size: 14px;
font-weight: 400;
font-family: "Inter", sans-serif;
position: absolute;
left: 0;
top: 38px;
display: flex;
align-items: center;
gap: 10px;
}
.ver-catalogo-single {
color: #fff;
font-size: 16px;
font-weight: 500;
display: flex;
align-items: center;
gap: 10px;
justify-content: center;
margin-top: 20px;
}
.saiba-mais {
position: relative;
font-size: 20px;
color: #fff;
}
.saiba-mais::after {
content: "";
position: absolute;
top: 2px;
right: -35px;
width: 25px;
height: 25px;
background: url(//afabrica.etc.br/wp-content/themes/a-fabrica/assets/imgs/icon-saiba.png) no-repeat center center;
background-size: contain;
}
.fraude-content p {
margin-bottom: 0;
}
.fraude-content {
display: flex;
justify-content: center;
gap: 24px;
align-items: center;
}
.title-sobre h3 {
font-size: 38px;
color: #111;
}
.wpcf7-list-item {
margin : 0 !important;
}
.link-conduta {
position: relative;
}
.link-conduta::after {
content: "";
position: absolute;
top: 2px;
right: -32px;
width: 20px;
height: 20px;
background: url(//afabrica.etc.br/wp-content/themes/a-fabrica/assets/imgs/icone-x.png) no-repeat center center;
background-size: contain;
}
.single-audiovisual p {
font-size: 32px;
font-weight: 500;
color: #565555;
}
.content-title-producoes h2 {
font-size: 48px;
color: #111;
font-weight: 500;
margin-bottom: 25px;
}
.content-title-producoes h3 {
font-size: 26px;
font-weight: 300;
margin-bottom: 40px;
}
.single-audiovisual-content p {
margin-bottom: 40px;
font-size: 20px;
color: #565555;
font-weight: 500;
}
.single-novidade-content ul {
padding-left: 240px !important;
}
.single-audiovisual-content h4, .single-audiovisual-content h3 {
text-transform: uppercase;
font-family:"Inter", sans-serif;
font-weight: 700;
}
button.cky-btn.cky-btn-accept {
background: #ff4172 !important;
border-color: transparent !important;
border-radius: 8px;
}
button.cky-btn.cky-btn-reject {
border-radius: 8px;
color: #212529 !important;
border-color: #212529 !important;
}
button.cky-btn.cky-btn-customize {
color: #212529 !important;
border-color: #212529 !important;
border-radius: 8px;
}
@media (max-width: 1601px) {
h1 {
font-size: 78px;
}
}
@media (max-width: 1399px) {
.title-section {
font-size: 82px;
}
.card-projeto-content h3 {
font-size: 16px;
}
.single-novidade-content ul {
padding-left: 210px !important;
}
.card-red {
min-height: 300px;
}
.card-teal {
min-height: 300px;
}
.card-destaque-top-image img {
width: 250px;
}
.card-destaque-item {
height: 350px;
}
.block-content h2 {
font-size: 28px;
}
.card-number h2 {
font-size: 82px;
}
h1 {
font-size: 64px;
}
.card-purple {
min-height: 200px;
}
.card-yellow {
min-height: 200px;
}
button#hamburgerCloseBtn img {
width: 30px;
height: 30px;
}
.hamburger-menu-content {
gap: 20px;
}
.hamburger-menu-link {
font-size: 38px;
}
}
@media (max-width: 1199px) {
.title-section {
font-size: 62px;
}
.artigo-item-content p {
font-size: 18px;
}
.single-novidade-content ul {
padding-left: 152px !important;
}
.content-manifesto h3 {
margin-bottom: 15px;
}
.single-audiovisual h1 {
font-size: 100px;
}
.card-red {
min-height: 253px;
}
.card-teal {
min-height: 253px;
}
.entry-content p {
font-size: 16px;
}
.card-number {
margin-bottom: 20px;
}
.saiba-mais {
font-size: 16px;
}
.fraude-content {
gap: 12px;
}
.saiba-mais::after {
top: 4px;
right: -30px;
width: 20px;
height: 20px;
}
.hamburger-menu-link {
font-size: 32px;
padding: 10px 20px;
}
.card-destaque-top-image img {
width: 200px;
}
.card-destaque-item.active {
flex: 2;
}
.card-destaque-item {
height: 270px;
}
h1 {
font-size: 48px;
}
.banner-home-content {
gap: 10px;
}
a.nav-link {
font-size: 16px;
}
.card-number h2 {
font-size: 62px;
}
.ver-catalogo {
font-size: 16px;
}
.card-number p {
font-size: 20px;
}
.card-purple {
min-height: 160px;
}
.card-yellow {
min-height: 160px;
}
.card-destaque-info h3 {
font-size: 42px;
}
.card-destaque-overlay {
padding: 20px;
}
.cards-container-destaques {
min-height: auto;
}
.sobre-fabrica-home p {
font-size: 19px;
}
.projetos h2 {
font-size: 94px;
}
.aviso-fraude h4 {
font-size: 16px;
}
.aviso-fraude h4 a {
font-size: 16px;
}
.hamburger-menu-nav {
gap: 10px;
}
.footer-brand-col {
gap: 40px;
}
} @media (max-width: 991px) {
.linha-sobre p {
font-size: 16px;
}
.single-novidade-content ul {
padding-left: 90px !important;
}
.block-content h2 {
margin-bottom: 14px;
}
.single-audiovisual h1 {
font-size: 80px;
}
.politica-privacidade-sidebar {
position: relative;
top: 0;
margin-bottom: 40px;
padding-right: 0;
}
.footer-logo {
width: 290px;
}
.footer-email {
font-size: 16px;
}
.politica-nav-list {
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.politica-nav-list li {
margin-bottom: 0;
}
.politica-nav-link {
font-size: 16px;
padding: 5px 0;
}
.title-section {
font-size: 48px;
}
.fraude-content {
flex-wrap: wrap;
}
.card-destaque-top-image img {
width: 160px;
}
.card-destaque-item {
height: 240px;
}
.card-destaque-top-image {
top:-12px
}
.ver-catalogo {
font-size: 14px;
top: 10px;
}
.block-content h2 {
font-size: 28px;
}
.text-block span {
font-size: 16px;
}
.title-list-catalogo {
flex-direction: column;
}
.title-list-catalogo ul {
padding: 0;
padding-top: 20px;
flex-wrap: wrap;
row-gap: 30px;
}
.socio h2.title-section,
.card-number h2.title-section {
font-size: 48px;
}
.card-destaque-item.active .card-destaque-top-image {
left: 54%;
top: -12px;
}
.card-destaque-info h3 {
font-size: 28px;
}
.projetos h2 {
font-size: 68px;
}
.footer-links-col,
.footer-social-col {
align-items: flex-start;
margin-top: 40px;
}
.footer-nav-list {
align-items: flex-start;
}
.footer-legal {
justify-content: flex-start;
margin-top: 20px;
flex-wrap: wrap;
}
.footer-bottom {
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
.card-purple {
min-height: auto;
}
.card-yellow {
min-height: auto;
}
.card-teal,
.card-red {
min-height: auto;
height: auto;
}
.card-destaque-item {
margin: 0 5px;
}
.content-manifesto {
padding: 30px;
margin-bottom: 30px;
height: auto;
}
} @media (max-width: 768px) {
.single-audiovisual h1 {
font-size: 60px;
}
.single-novidade-content ul {
padding-left: 20px !important;
}
.hamburger-menu-email {
width: 190px;
}
.hamburger-menu-link::before {
left: 0px;
}
.single-audiovisual p {
font-size: 22px;
}
.carousel-galeria-single {
padding-top: 0;
}
.linha-contato h3 {
font-size: 18px;
}
.linha-contato h1 {
margin-bottom: 24px; 
}
h1 {
font-size: 38px;
}
.title-section {
font-size: 38px;
}
.endereco {
padding-bottom: 30px;
}
.linha-poeta-operario h4 {
font-size: 16px;
margin-bottom: 0px;
}
.hamburger-menu-header {
padding: 20px;
}
.fraude-content {
gap: 0;
}
.footer-main {
row-gap: 30px;
padding-top: 90px;
margin-bottom: 60px;
}
.two-blocks img {
width: 70%;
}
.single-audiovisual-image {
border-radius: 20px;
}
.single-audiovisual-image .video-container {
padding-bottom: 56.25%; border-radius: 20px;
}
.single-audiovisual-image .video-container.is-image .video-container-image {
border-radius: 20px;
}
.single-audiovisual-image .video-thumbnail {
border-radius: 20px;
}
.single-audiovisual-image .video-player {
border-radius: 20px;
}
.single-audiovisual-image .video-overlay {
border-radius: 20px;
}
.title-list-catalogo ul {
row-gap: 20px;
}
.card-projeto-content h3 {
font-size: 16px;
}
.hamburger-menu-content {
padding: 30px 20px;
gap: 10px;
}
.card-destaque-item.active .card-destaque-top-image {
transform: translate(-30%, 1%);
}
.hamburger-menu-link {
font-size: 20px;
margin: 0 -20px;
padding: 10px 20px;
}
.lista-socios .col-lg-3.col-md-6.mb-4 {
padding-right: 12px;
}
.page-template-page-novidades section.two-blocks-content.pb-60 {
padding-bottom: 20px;
}
.single-novidade h1 {
font-size: 32px;
}
.content-title-producoes h3 {
font-size: 24px;
}
.content-title-producoes h2 {
font-size: 48px;
}
.carousel-galeria-single .item {
margin: 0 10px;
} .carousel-galeria-single .owl-nav {
z-index: 100 !important;
pointer-events: none !important;
padding: 0 15px !important;
}
.carousel-galeria-single .owl-nav button {
pointer-events: all !important;
z-index: 101 !important;
width: 45px !important;
height: 45px !important;
min-width: 45px !important;
min-height: 45px !important;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0.3) !important;
touch-action: manipulation !important;
user-select: none !important;
-webkit-user-select: none !important;
}
.single-audiovisual-content p {
font-size: 16px;
}
.single-audiovisual-content h4 {
font-size: 18px;
}
.carousel-galeria-single .owl-nav button:active {
background: rgba(255, 255, 255, 0.3) !important;
transform: scale(0.95);
}
.carousel-galeria-single .owl-nav button:focus {
outline: none !important;
}
.carousel-destaques .item {
margin: 0 10px;
}
.card-destaque-top-image img {
width: 45%;
}
.single-novidade-content {
padding-top: 20px;
padding-bottom: 20px;
}
.single-novidade-banner img {
border-radius: 20px;
}
.card-destaque-top-image {
top: 0;
}
.hamburger-menu-email {
font-size: 16px;
}
.hamburger-dropdown-link { 
font-size: 16px;
}
.hamburger-social-link {
font-size: 16px;
}
.hamburger-menu-social {
margin-top: 20px;
} .hamburger-menu-main-mobile {
padding-bottom: 10px;
border-bottom: 1px solid rgba(104, 169, 174, 0.2);
margin-bottom: 0px;
}
.hamburger-menu-link:hover {
transform: translateX(0px);
}
.form-contato {
padding: 30px;
}
.contato ul {
padding-top: 20px;
padding-bottom: 20px;
}
.modal-socio-content {
padding: 30px 20px;
width: 95%;
}
.block-content {
margin-bottom: 40px;
}
.banner-home-image::after { 
border-radius: 10px;
}
.block-content h2 {
font-size: 20px;
}
.artigo-item-content {
padding-right: 50px;
}
.artigo-item-content p {
font-size: 14px;
}
button#hamburgerCloseBtn img {
width: 20px;
height: 20px;
}
.linha-contato {
padding: 30px;
margin: 0 0px;
}
.banner-home-image {
border-radius: 10px;
}
.banner-home-image img {
border-radius: 10px;
}
.banner-img-desktop {
display: none !important;
}
.banner-img-mobile {
display: block !important;
position: relative;
height: auto;
}
.banner-home {
border-radius: 10px;
}
.sobre-fabrica-home p {
font-size: 16px;
}
.sobre-fabrica-home {
padding-top: 20px;
}
.banner-home-content {
gap: 5px;
}
.card-destaque-info h3 {
font-size: 22px;
}
.card-destaque-info .card-destaque-more-details svg {
width: 16px;
height: 16px;
}
section.cards-destaques-section {
overflow: hidden;
}
.linha-poeta-operario h5 {
font-size: 16px;
}
.banner-home-section .container-fluid {
padding-left: 5px;
padding-right: 5px;
}
.linha-poeta-operario {
padding: 30px;
margin: 0 0px;
}
.linha-poeta-operario h4 {
font-size: 18px;
}
.p-60 {
padding: 30px 0;
}
.image-manifesto {
height: auto;
margin-top: 20px;
}
.image-manifesto img {
height: auto;
min-height: 300px;
}
.card-destaque-info .card-destaque-more-details {
font-size: 10px;
}
.socio h2.title-section,
.card-number h2.title-section {
font-size: 40px;
}
.title-sobre {
padding-top: 0;
}
.title-list-catalogo ul li a {
font-size: 14px;
}
.linha-sobre {
padding: 25px;
margin: 0 0px;
}
.carousel-destaques .owl-nav button svg {
color: #ff4370;
}
.carousel-destaques   button {
background: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.3);
}
.projetos h2 {
font-size: 48px;
}
.banner-home-content span {
font-size: 14px;
}
.modal-socio-header {
flex-direction: column;
gap: 20px;
}
.modal-socio-image {
width: 100%;
height: 300px;
margin: 0 auto;
}
.ver-catalogo {
position: relative;
justify-content: center;
padding-bottom: 20px;
}
.modal-socio-name {
font-size: 24px;
text-align: left;
}
.modal-socio-title {
text-align: left;
}
.modal-socio-imdb {
display: block;
text-align: left;
}
.title-list-catalogo ul {
row-gap: 10px;
column-gap: 10px;
}
.pt-60 {
padding-top: 30px;
}
.saiba-mais::after {
width: 15px;
height: 15px;
right: -20px;
}
.fraude-content p {
margin-top: 14px;
}
.aviso-fraude {
padding: 20px;
}
.banner-home-content h1 {
font-size: 26px;
}
.aviso-fraude h4 {
font-size: 14px;
}
.form-contato {
border-radius: 20px
} .linha-projetos {
margin-left: -7.5px;
margin-right: -7.5px;
gap: 20px
}
.linha-projetos > [class*="col-"] {
padding-left: 7.5px;
padding-right: 7.5px;
}
}