.build-10810 .build-element.build-element-b9a909c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:25px;--padding-left:15px;--padding-right:15px;--z-index:99;}.build-10810 .build-element.build-element-b9a909c:not(.build-motion-effects-element-type-background), .build-10810 .build-element.build-element-b9a909c > .build-motion-effects-container > .build-motion-effects-layer{background-color:#F7F7F7;}.build-10810 .build-element.build-element-2abb93d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.build-10810 .build-element.build-element-3867cb0{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.build-widget-heading .build-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.build-10810 .build-element.build-element-b9a10f8 > .build-widget-container{margin:0px 0px 0px -6px;padding:0px 0px 0px 0px;}.build-10810 .build-element.build-element-b9a10f8{text-align:start;}.build-10810 .build-element.build-element-b9a10f8 .build-heading-title{font-family:"Brockmann", Sans-serif;font-size:96px;font-weight:600;}.build-10810 .build-element.build-element-699e1bc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.build-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.build-widget-text-editor.build-drop-cap-view-stacked .build-drop-cap{background-color:var( --e-global-color-primary );}.build-widget-text-editor.build-drop-cap-view-framed .build-drop-cap, .build-widget-text-editor.build-drop-cap-view-default .build-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.build-10810 .build-element.build-element-f41e469 > .build-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.build-10810 .build-element.build-element-f41e469{font-family:"Brockmann", Sans-serif;font-size:18px;font-weight:400;}.build-10810 .build-element.build-element-9120bad > .build-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.build-10810 .build-element.build-element-f36f8ce{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.build-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.build-10810 .build-element.build-element-05032c6 > .build-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.build-10810 .build-element.build-element-05032c6{text-align:justify;}.build-10810 .build-element.build-element-1730ff9{--display:flex;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:-20px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:110px;--padding-left:0px;--padding-right:0px;--z-index:0;}.build-10810 .build-element.build-element-1730ff9:not(.build-motion-effects-element-type-background), .build-10810 .build-element.build-element-1730ff9 > .build-motion-effects-container > .build-motion-effects-layer{background-color:#0A0A0A;}body.build-page-10810:not(.build-motion-effects-element-type-background), body.build-page-10810 > .build-motion-effects-container > .build-motion-effects-layer{background-color:var( --e-global-color-356fcab );}@media(max-width:1366px){.build-10810 .build-element.build-element-2abb93d{--padding-top:0px;--padding-bottom:75px;--padding-left:0px;--padding-right:0px;}.build-10810 .build-element.build-element-b9a10f8 > .build-widget-container{margin:0px 0px 0px -5px;}.build-10810 .build-element.build-element-b9a10f8 .build-heading-title{font-size:72px;}.build-10810 .build-element.build-element-f41e469{font-size:16px;}}@media(max-width:1024px){.build-10810 .build-element.build-element-2abb93d{--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.build-10810 .build-element.build-element-b9a10f8 .build-heading-title{font-size:64px;}}@media(max-width:767px){.build-10810 .build-element.build-element-2abb93d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.build-10810 .build-element.build-element-b9a10f8{width:auto;max-width:auto;text-align:start;}.build-10810 .build-element.build-element-b9a10f8 > .build-widget-container{margin:0px 0px 0px -3px;}.build-10810 .build-element.build-element-b9a10f8.build-element{--align-self:flex-start;--flex-grow:1;--flex-shrink:0;}.build-10810 .build-element.build-element-b9a10f8 .build-heading-title{font-size:42px;}.build-10810 .build-element.build-element-dfb3669 > .build-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.build-10810 .build-element.build-element-c6e03ae > .build-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}@media(min-width:768px){.build-10810 .build-element.build-element-b9a909c{--width:100%;}.build-10810 .build-element.build-element-2abb93d{--width:100%;}.build-10810 .build-element.build-element-3867cb0{--content-width:100%;}.build-10810 .build-element.build-element-699e1bc{--width:58%;}}@media(max-width:1024px) and (min-width:768px){.build-10810 .build-element.build-element-2abb93d{--width:100%;}}.build-10810 .build-element.build-element-b9a10f8 {
cursor: default;
}
.build-10810 .build-element.build-element-f41e469 {
cursor: default;
}
.build-10810 .build-element.build-element-05032c6 {
--g-gap: 24px;  
--g-radius: 15px;
}
.build-10810 .build-element.build-element-05032c6 :where(.av-block-gallery, ul.av-block-gallery, .blocks-gallery-grid) {
display: flex !important;
flex-wrap: wrap !important;
gap: var(--g-gap) !important;
padding: 0 !important;
margin: 0 !important;
list-style: none !important;
--g-cols: 3;
}
.build-10810 .build-element.build-element-05032c6 :where(.av-block-gallery.columns-1) { --g-cols: 1; }
.build-10810 .build-element.build-element-05032c6 :where(.av-block-gallery.columns-2) { --g-cols: 2; }
.build-10810 .build-element.build-element-05032c6 :where(.av-block-gallery.columns-3) { --g-cols: 3; }
.build-10810 .build-element.build-element-05032c6 :where(.av-block-gallery.columns-4) { --g-cols: 4; }
.build-10810 .build-element.build-element-05032c6 :where(.av-block-gallery.columns-5) { --g-cols: 5; }
.build-10810 .build-element.build-element-05032c6 :where(.av-block-gallery.columns-6) { --g-cols: 6; }
.build-10810 .build-element.build-element-05032c6 :where(.av-block-gallery.has-nested-images figure, .blocks-gallery-grid .blocks-gallery-item) {
margin: 0 !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
flex: 0 0 calc(
(100% - (var(--g-gap) * (var(--g-cols) - 1))) / var(--g-cols)
) !important;
}
.build-10810 .build-element.build-element-05032c6 :where(.av-block-gallery.has-nested-images img, .blocks-gallery-grid img) {
width: 100% !important;
height: auto !important;
display: block !important;
border-radius: var(--g-radius);
object-fit: cover;
}
.build-10810 .build-element.build-element-05032c6 :where(.av-block-gallery .av-block-video, .blocks-gallery-grid .av-block-video, figure.av-block-video) {
margin: 0 !important;
border-radius: var(--g-radius);
overflow: hidden;
}
.build-10810 .build-element.build-element-05032c6 .av-block-video video,
.build-10810 .build-element.build-element-05032c6 .av-block-video iframe {
width: 100%;
height: auto;
display: block;
border: 0;
}
@media (max-width: 1024px) {
.build-10810 .build-element.build-element-05032c6 :where(.av-block-gallery, ul.av-block-gallery, .blocks-gallery-grid) {
--g-cols: 1;
}
}
.av-block-columns {
gap: 24px;
}
.secao-fundo-fixo {
position: -webkit-sticky !important; 
position: sticky !important;
top: 0 !important;
z-index: 1 !important;
align-self: flex-start !important; 
}
.secao-desliza-cima {
position: relative !important;
z-index: 10 !important; 
background-color: #0a0a0a !important; 
box-shadow: 0px -15px 30px rgba(0, 0, 0, 0.4);
}
.build-10810 .build-element.build-element-b0393b8 {
width: 100vw !important;
max-width: 100vw !important;
left: 0 !important;
right: 0 !important;
box-sizing: border-box !important;
}
.portfolio-list-container {
display: flex;
flex-direction: column;
width: 100%;
margin: 0;
padding: 0;
position: relative;
z-index: 1;
}
.portfolio-row {
display: grid;
grid-template-columns: 80px 1.5fr 2fr auto; 
align-items: center;
gap: 30px;
padding: 20px 15px; 
margin: 0;
border-bottom: 1px solid #222; 
text-decoration: none;
transition: background-color 0.3s ease; 
width: 100%;
box-sizing: border-box;
background-color: #0a0a0a;
}
.portfolio-row:hover {
background-color: #111;
}
.portfolio-col-img {
width: 80px;
aspect-ratio: 2160 / 2700; 
border-radius: 5px; 
overflow: hidden; 
background-color: #161616; 
position: relative;
isolation: isolate;
}
.portfolio-col-img::after {
content: "";
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background-image: linear-gradient(
90deg,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.05) 50%,
rgba(255, 255, 255, 0) 100%
);
transform: translateX(-100%);
animation: shimmerList 2s infinite;
z-index: 1;
pointer-events: none;
}
.portfolio-col-img img,
.portfolio-col-img .portfolio-video-thumb {
width: 100%;
height: 100%;
object-fit: cover; 
display: block;
position: relative;
z-index: 2;
opacity: 0;
transition: opacity 0.4s ease-in-out !important;
}
.portfolio-col-img img.loaded,
.portfolio-col-img .portfolio-video-thumb.loaded {
opacity: 1 !important;
}
@keyframes shimmerList {
100% { transform: translateX(100%); }
}
.portfolio-col-title h3,
.portfolio-col-link span {
margin: 0;
font-size: 16px;
color: #888; 
transition: color 0.3s ease; 
}
.portfolio-col-title h3 {
font-weight: 500; 
}
.portfolio-col-link span {
font-weight: 400; 
letter-spacing: 0.02em;
}
.portfolio-col-desc p {
margin: 0;
font-size: 12px;
color: #555; 
text-transform: uppercase; 
letter-spacing: 1px;
}
.portfolio-row:hover .portfolio-col-title h3,
.portfolio-row:hover .portfolio-col-link span {
color: #F7F7F7;
}
@media (max-width: 768px) {
.portfolio-row {
grid-template-columns: 60px 1fr auto; 
gap: 15px;
padding: 15px 15px; 
}
.portfolio-col-img {
width: 60px; 
}
.portfolio-col-title h3,
.portfolio-col-link span {
font-size: 14px !important; 
}
.portfolio-col-desc {
display: none; 
}
}
html, body {
overflow-x: clip !important;
}
.build,
.build-inner,
.build-section-wrap,
.build-widget-wrap,
.build-widget-shortcode,
.build-container,
.build-element,
.build-section, 
.build-column {
overflow: visible !important;
}
.portfolio-list-container {
overflow: visible !important;
contain: none !important;
}
@font-face {
font-family: 'Brockmann';
font-style: normal;
font-weight: normal;
font-display: auto;
src: url('https://caioavillis.com/media/2026/01/brockmann-regular-webfont.woff2') format('woff2'),
url('https://caioavillis.com/media/2026/01/brockmann-regular-webfont.woff') format('woff'),
url('https://caioavillis.com/media/2026/01/brockmann-regular-webfont.ttf') format('truetype');
}
@font-face {
font-family: 'Brockmann';
font-style: normal;
font-weight: 500;
font-display: auto;
src: url('https://caioavillis.com/media/2026/01/brockmann-semibold-webfont.woff2') format('woff2'),
url('https://caioavillis.com/media/2026/01/brockmann-semibold-webfont.woff') format('woff'),
url('https://caioavillis.com/media/2026/01/brockmann-semibold-webfont.ttf') format('truetype');
}
@font-face {
font-family: 'Brockmann';
font-style: normal;
font-weight: 400;
font-display: auto;
src: url('https://caioavillis.com/media/2026/01/brockmann-medium-webfont.woff2') format('woff2'),
url('https://caioavillis.com/media/2026/01/brockmann-medium-webfont.woff') format('woff'),
url('https://caioavillis.com/media/2026/01/brockmann-medium-webfont.ttf') format('truetype');
}
@font-face {
font-family: 'Brockmann';
font-style: normal;
font-weight: 700;
font-display: auto;
src: url('https://caioavillis.com/media/2026/01/brockmann-bold-webfont.woff2') format('woff2'),
url('https://caioavillis.com/media/2026/01/brockmann-bold-webfont.woff') format('woff'),
url('https://caioavillis.com/media/2026/01/brockmann-bold-webfont.ttf') format('truetype');
}