:root{--preto: #000000;--branco: #ffffff;--azul: #009ac1;--azul-hover: #0081a3;--verde: #cdcc00;--cinza-10: #f2f2f2;--cinza-80: #555555;--cinza-subtle: #e5e5e5;--font-heading: "Exo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--container-max-width: 1160px;--radius-sm: 10px;--radius-md: 12.685px;--transition-fast: .2s ease;--transition-normal: .3s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);color:var(--preto);background-color:var(--branco);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-height:100vh;overflow-x:hidden;background-color:var(--branco)}.site-container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding-left:20px;padding-right:20px}@media (min-width: 1200px){.site-container{padding-left:0;padding-right:0}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.heading-exo-22{font-family:var(--font-heading);font-size:22px;font-weight:500;line-height:30px;letter-spacing:.44px;text-transform:uppercase;color:var(--preto)}.heading-exo-20{font-family:var(--font-heading);font-size:20px;font-weight:500;line-height:28px;letter-spacing:.4px;text-transform:uppercase;color:var(--cinza-80)}.text-body-16{font-family:var(--font-body);font-size:16px;font-weight:400;line-height:24px;color:var(--preto)}.text-card-title{font-family:var(--font-body);font-size:19px;font-weight:500;line-height:24px;color:var(--preto)}.text-eyebrow{font-family:var(--font-body);font-size:14px;font-weight:400;line-height:22px;color:var(--preto)}.text-portfolio-title{font-family:var(--font-body);font-size:22px;font-weight:500;line-height:30px;letter-spacing:3.74px;text-transform:uppercase;color:var(--preto)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:41px;padding:6px 18px;background-color:var(--azul);color:var(--branco);font-family:var(--font-body);font-size:15px;font-weight:400;line-height:1;border:none;border-radius:var(--radius-sm);cursor:pointer;text-decoration:none;transition:background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.btn-primary:hover{background-color:var(--azul-hover);transform:translateY(-1px);box-shadow:0 4px 12px #009ac140}.btn-primary:active{transform:translateY(0);box-shadow:none}.project-section{padding-top:40px;padding-bottom:30px}.project-header-block{display:flex;flex-direction:column;gap:20px}.client-block{display:flex;flex-direction:column;gap:10px}.conception-block{display:flex;flex-direction:column;gap:8px}.conception-grid{display:grid;grid-template-columns:1fr;gap:30px;margin-top:4px}@media (min-width: 900px){.conception-grid{grid-template-columns:565px 565px;justify-content:space-between}}.conception-description p{margin-bottom:10px;text-align:justify;font-size:16px;line-height:24px;color:var(--preto)}.conception-description p:last-child{margin-bottom:0}.technical-specs h4{font-family:var(--font-body);font-size:16px;font-weight:500;line-height:24px;margin-bottom:10px;color:var(--preto)}.technical-specs ul{list-style-type:disc;padding-left:20px;display:flex;flex-direction:column;gap:6px}.technical-specs li{font-size:16px;line-height:24px;color:var(--preto)}.gallery-section{padding-top:20px;padding-bottom:60px}.gallery-container{display:flex;flex-direction:column;gap:20px}@media (min-width: 1100px){.gallery-container{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:17px}}.gallery-main-view{width:100%;max-width:734px;height:412px;border-radius:var(--radius-sm);overflow:hidden;position:relative;background-color:#f0f0f0;box-shadow:0 4px 20px #0000000f;cursor:pointer;flex-shrink:0}.gallery-main-view img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.gallery-main-view:hover img{transform:scale(1.02)}.gallery-main-overlay{position:absolute;bottom:12px;right:12px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;display:flex;align-items:center;gap:6px;opacity:0;transition:opacity var(--transition-fast)}.gallery-main-view:hover .gallery-main-overlay{opacity:1}.gallery-thumbnails-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px 18px;width:100%;max-width:409px}@media (max-width: 500px){.gallery-thumbnails-grid{grid-template-columns:repeat(4,1fr);gap:10px}}.thumbnail-btn{aspect-ratio:1 / 1;width:100%;max-width:88.8px;max-height:88.8px;border-radius:var(--radius-md);overflow:hidden;padding:0;border:3.089px solid transparent;background-color:#eaeaea;cursor:pointer;position:relative;opacity:.22;transition:opacity var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.thumbnail-btn:hover{opacity:.75;transform:scale(1.04)}.thumbnail-btn.active{border-color:var(--verde);opacity:1;transform:scale(1.02);box-shadow:0 2px 10px #cdcc0059}.thumbnail-btn img{width:100%;height:100%;object-fit:cover;display:block}.portfolio-section-wrapper{background-color:var(--cinza-10);width:100%;padding-top:56px;padding-bottom:64px}.portfolio-header{display:flex;flex-direction:column;gap:4px;margin-bottom:32px}.portfolio-top-row{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%}.portfolio-title-group{display:flex;align-items:center;gap:24px;flex:1}.portfolio-line{flex:1;height:2px;background-color:var(--azul);border-radius:1px}@media (max-width: 768px){.portfolio-top-row{flex-wrap:wrap;gap:16px}.portfolio-line{display:none}}.portfolio-desktop-grid{display:none}@media (min-width: 768px){.portfolio-desktop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}}@media (min-width: 1100px){.portfolio-desktop-grid{grid-template-columns:repeat(3,1fr);gap:10px}}.portfolio-mobile-carousel{display:block;width:calc(100% + 40px);margin-left:-20px;margin-right:-20px}.portfolio-mobile-carousel .carousel-viewport{padding:4px 20px;border-radius:0}@media (min-width: 768px){.portfolio-mobile-carousel{display:none}}.carousel-root{position:relative;width:100%}.carousel-viewport{overflow:hidden;width:100%;border-radius:var(--radius-sm);padding:4px 2px}.carousel-container{display:flex;touch-action:pan-y pinch-zoom}.carousel-horizontal{flex-direction:row;margin-left:-14px}.carousel-vertical{flex-direction:column;margin-top:-14px}.carousel-item{min-width:0;flex-shrink:0;flex-grow:0}.portfolio-carousel-item{flex:0 0 85%;padding-left:14px}@media (min-width: 480px) and (max-width: 767px){.portfolio-carousel-item{flex:0 0 70%}}.portfolio-carousel-item .project-card{height:100%;min-height:410px}.portfolio-carousel-controls{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding:0 20px}.portfolio-carousel-arrows{display:flex;align-items:center;gap:10px}.carousel-nav-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;min-height:40px;padding:0;border-radius:50%;background-color:var(--branco);border:1.5px solid var(--cinza-subtle);color:var(--preto);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 6px #0000000f}.carousel-nav-btn svg{width:18px;height:18px;display:block;stroke:currentColor;flex-shrink:0}.carousel-nav-btn:hover:not(:disabled){background-color:var(--azul);border-color:var(--azul);color:var(--branco);transform:translateY(-1px);box-shadow:0 4px 12px #009ac140}.carousel-nav-btn:active:not(:disabled){transform:translateY(0)}.carousel-nav-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.carousel-dots{display:flex;align-items:center;gap:8px}.carousel-dot{width:10px;height:10px;border-radius:5px;border:none;background-color:#d1d5db;cursor:pointer;padding:0;transition:all var(--transition-fast)}.carousel-dot.active{width:24px;background-color:var(--azul);border-radius:5px}.project-card{background-color:var(--branco);border-radius:var(--radius-sm);padding:10px;display:flex;flex-direction:column;min-height:427px;box-shadow:0 2px 8px #0000000a;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.project-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #00000014}.card-image-wrap{width:100%;height:240px;border-radius:var(--radius-sm);overflow:hidden;background-color:#f3f3f3;margin-bottom:16px;flex-shrink:0}.card-image-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.project-card:hover .card-image-wrap img{transform:scale(1.04)}.card-content{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;gap:16px}.card-text-group{display:flex;flex-direction:column;gap:10px}.card-title{font-family:var(--font-body);font-size:19px;font-weight:500;line-height:24px;color:var(--preto)}.card-desc{font-family:var(--font-body);font-size:16px;font-weight:400;line-height:24px;color:var(--preto)}.card-footer{margin-top:auto}.lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-out}.lightbox-modal{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.lightbox-img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:var(--radius-sm);box-shadow:0 10px 40px #00000080}.lightbox-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:32px;cursor:pointer;line-height:1;padding:4px}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#fff3;border:none;color:#fff;font-size:24px;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast)}.lightbox-nav:hover{background:#fff6}.lightbox-prev{left:-60px}.lightbox-next{right:-60px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px}.loading-state p{font-family:var(--font-body);font-size:16px;color:var(--cinza-80)}.loading-spinner{width:40px;height:40px;border:3px solid var(--cinza-subtle);border-top-color:var(--azul);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:12px;text-align:center;padding:40px 20px}.error-state h2{font-family:var(--font-heading);font-size:22px;font-weight:500;color:var(--preto)}.error-state p{font-family:var(--font-body);font-size:16px;color:var(--cinza-80)}.card-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--cinza-10) 0%,var(--cinza-subtle) 100%);display:flex;align-items:center;justify-content:center}.technical-specs p{font-size:16px;line-height:24px;color:var(--preto);margin-bottom:10px}.technical-specs p:last-child{margin-bottom:0}.compact-project-section{padding-top:40px;padding-bottom:60px}.compact-project-grid{display:grid;grid-template-columns:1fr;gap:32px;align-items:start}@media (min-width: 1024px){.compact-project-grid{grid-template-columns:368px 1fr;gap:58px;align-items:flex-start}}.compact-text-col{display:flex;flex-direction:column;gap:20px;max-width:100%}.compact-media-col{width:100%;max-width:734px;margin-left:auto}@media (max-width: 1023px){.compact-media-col{max-width:100%;margin-left:0}}.compact-video-wrapper{position:relative;width:100%;padding-bottom:56.25%;height:0;border-radius:var(--radius-sm);overflow:hidden;background-color:#000;box-shadow:0 4px 20px #00000014}.compact-video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.compact-gallery-wrapper{display:flex;flex-direction:column;gap:14px;width:100%}.compact-gallery-view{width:100%;height:395px;border-radius:var(--radius-sm);overflow:hidden;position:relative;background-color:#f0f0f0;box-shadow:0 4px 20px #0000000f;cursor:pointer}@media (max-width: 768px){.compact-gallery-view{height:280px}}.compact-gallery-view img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.compact-gallery-view:hover img{transform:scale(1.02)}.compact-gallery-view:hover .gallery-main-overlay{opacity:1}.compact-thumbnails-strip{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.compact-thumb-btn{width:64px;height:64px;flex-shrink:0;border-radius:8px;overflow:hidden;padding:0;border:2.5px solid transparent;background-color:#eaeaea;cursor:pointer;opacity:.35;transition:opacity var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.compact-thumb-btn:hover{opacity:.8;transform:scale(1.04)}.compact-thumb-btn.active{border-color:var(--verde);opacity:1;transform:scale(1.02)}.compact-thumb-btn img{width:100%;height:100%;object-fit:cover;display:block}