.elementor-1698 .elementor-element.elementor-element-13d286e{--display:flex;--position:fixed;--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:space-between;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:5;}.elementor-1698 .elementor-element.elementor-element-13d286e:not(.elementor-motion-effects-element-type-background), .elementor-1698 .elementor-element.elementor-element-13d286e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#213930;}body:not(.rtl) .elementor-1698 .elementor-element.elementor-element-13d286e{left:0px;}body.rtl .elementor-1698 .elementor-element.elementor-element-13d286e{right:0px;}.elementor-widget-image .widget-image-caption{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 );}.elementor-1698 .elementor-element.elementor-element-96a0515{width:var( --container-widget-width, 255px );max-width:255px;--container-widget-width:255px;--container-widget-flex-grow:0;text-align:start;}.elementor-1698 .elementor-element.elementor-element-96a0515 img{width:85px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1698 .elementor-element.elementor-element-be974ff .elementor-button{background-color:#61CE7000;font-family:"Sora", Sans-serif;font-size:13px;font-weight:400;text-transform:uppercase;line-height:1.8em;border-style:solid;border-width:2px 2px 2px 2px;border-color:#D65649;border-radius:80px 80px 80px 80px;padding:15px 40px 15px 40px;}.elementor-1698 .elementor-element.elementor-element-be974ff .elementor-button:hover, .elementor-1698 .elementor-element.elementor-element-be974ff .elementor-button:focus{background-color:#D65649;}.elementor-1698 .elementor-element.elementor-element-be974ff{width:var( --container-widget-width, 257px );max-width:257px;--container-widget-width:257px;--container-widget-flex-grow:0;}.elementor-1698 .elementor-element.elementor-element-be974ff.elementor-element{--align-self:center;}.elementor-1698 .elementor-element.elementor-element-41cdc15{--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;--overlay-opacity:0.5;}.elementor-1698 .elementor-element.elementor-element-41cdc15:not(.elementor-motion-effects-element-type-background), .elementor-1698 .elementor-element.elementor-element-41cdc15 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDF8F9;}.elementor-1698 .elementor-element.elementor-element-41cdc15::before, .elementor-1698 .elementor-element.elementor-element-41cdc15 > .elementor-background-video-container::before, .elementor-1698 .elementor-element.elementor-element-41cdc15 > .e-con-inner > .elementor-background-video-container::before, .elementor-1698 .elementor-element.elementor-element-41cdc15 > .elementor-background-slideshow::before, .elementor-1698 .elementor-element.elementor-element-41cdc15 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1698 .elementor-element.elementor-element-41cdc15 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://elaarquitetura.com.br/wp-content/uploads/2025/07/Estamparia-4-scaled.png");--background-overlay:'';}.elementor-1698 .elementor-element.elementor-element-cc11b15{padding:0px 0px 54px 0px;}@media(max-width:1024px){.elementor-1698 .elementor-element.elementor-element-13d286e{--padding-top:20px;--padding-bottom:20px;--padding-left:40px;--padding-right:40px;}.elementor-1698 .elementor-element.elementor-element-be974ff .elementor-button{padding:015px 30px 15px 30px;}}@media(min-width:768px){.elementor-1698 .elementor-element.elementor-element-13d286e{--content-width:1150px;}}@media(max-width:767px){.elementor-1698 .elementor-element.elementor-element-13d286e{--content-width:100%;--justify-content:space-between;--padding-top:15px;--padding-bottom:15px;--padding-left:20px;--padding-right:20px;}.elementor-1698 .elementor-element.elementor-element-96a0515{--container-widget-width:26vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 26vw );max-width:26vw;}.elementor-1698 .elementor-element.elementor-element-be974ff{--container-widget-width:48vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 48vw );max-width:48vw;}.elementor-1698 .elementor-element.elementor-element-be974ff .elementor-button{font-size:2.6vw;padding:12px 15px 12px 15px;}.elementor-1698 .elementor-element.elementor-element-41cdc15{--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for container, class: .elementor-element-13d286e */.elementor-1698 .elementor-element.elementor-element-13d286e{
border-bottom: 1px solid #D88C67;
background: #3E1F0E62;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cc11b15 *//* ===== BASE DO PORTFÓLIO ===== */
.portfolio-section h2,
.portfolio-intro,
.ver-todos {
  text-align: center;
}

.portfolio-intro {
  margin-bottom: 30px;
  color: #555;
  font-size: 1rem;
}

.ver-todos {
  margin-top: 40px;
}

.ver-todos .btn {
  display: inline-block;
  padding: 10px 25px;
  border: 1px solid #213931;
  color: #213931;
  text-decoration: none;
  border-radius: 4px;
  transition: background 0.3s ease, color 0.3s ease;
}

.ver-todos .btn:hover {
  background: #213931;
  color: #fff;
}

/* ===== FILTROS ===== */
.portfolio-filtros {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 30px;
}

.filtro-btn {
  border: 1px solid #213931;
  background: none;
  padding: 10px 16px;
  color: #213931;
  cursor: pointer;
  border-radius: 4px;
  font-weight: 500;
  transition: all 0.3s ease;
}

.filtro-btn.ativo,
.filtro-btn:hover {
  background: #213931;
  color: #fff;
}

/* ===== GALERIA ===== */
.portfolio-galeria {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  max-width: 1100px;
  margin: 0 auto;
}

/* ===== CARD ===== */
.projeto-card {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  transition: transform 0.3s ease;
}

.projeto-card:hover {
  transform: scale(1.02);
}

.projeto-info {
  padding: 12px 15px;
}

.projeto-info h3 {
  font-size: 1rem;
  margin-bottom: 5px;
  color: #333;
}

.projeto-info p {
  font-size: 0.9rem;
  color: #666;
}

/* ===== CARROSSEL ===== */
.carousel {
  position: relative;
  width: 100%;
  height: 180px;
  overflow: hidden;
}

.carousel-images {
  display: flex;
  transition: transform 0.5s ease-in-out;
  width: 100%;
  height: 100%;
}

.carousel-images img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  flex-shrink: 0;
  border-radius: 8px 8px 0 0;
}

/* Botões do carrossel */
.carousel-controls {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
  transform: translateY(-50%);
}

.carousel-controls span {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  padding: 5px 10px;
  font-size: 18px;
  border-radius: 50%;
  transition: background 0.3s;
}

.carousel-controls span:hover {
  background: rgba(0, 0, 0, 0.7);
}

/* ===== MODAL FULLSCREEN ===== */
.modal {
  display: none;
  position: fixed;
  z-index: 10000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
}

.modal-content {
  margin: auto;
  display: block;
  max-width: 90%;
  max-height: 80vh;
}

.caption {
  text-align: center;
  color: #ccc;
  font-size: 1rem;
  padding: 10px 0;
}

.close,
.modal .prev,
.modal .next {
  cursor: pointer;
  position: absolute;
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
  user-select: none;
}

.close {
  top: 20px;
  right: 35px;
}

.modal .prev {
  top: 50%;
  left: 0;
  padding: 16px;
}

.modal .next {
  top: 50%;
  right: 0;
  padding: 16px;
}

.close:hover,
.modal .prev:hover,
.modal .next:hover {
  color: #c59cad;
}
/* Mostrar só 4 cards no mobile antes do clique */
@media (max-width: 768px) {
  .portfolio-galeria.limitar-mobile .projeto-card:nth-child(n+5) {
    display: none !important;
  }
}

.ver-todos {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  gap: 15px;
  flex-wrap: wrap;
}

.btn-orcamento {
  border-color: #213931;
  color: #213931;
}

.btn-orcamento:hover {
  background: #213931;
  color: #fff;
}/* End custom CSS */