.elementor-3224 .elementor-element.elementor-element-d2b7f1e{--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;}.elementor-3224 .elementor-element.elementor-element-d2b7f1e:not(.elementor-motion-effects-element-type-background), .elementor-3224 .elementor-element.elementor-element-d2b7f1e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#5B6A54;}.elementor-3224 .elementor-element.elementor-element-a618668{--divider-border-style:solid;--divider-color:#FFFFFF;--divider-border-width:1px;top:0px;}body:not(.rtl) .elementor-3224 .elementor-element.elementor-element-a618668{left:0px;}body.rtl .elementor-3224 .elementor-element.elementor-element-a618668{right:0px;}.elementor-3224 .elementor-element.elementor-element-a618668 .elementor-divider-separator{width:100%;}.elementor-3224 .elementor-element.elementor-element-a618668 .elementor-divider{padding-block-start:10px;padding-block-end:10px;}.elementor-3224 .elementor-element.elementor-element-3410b9b{--display:flex;--min-height:350px;--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;}.elementor-3224 .elementor-element.elementor-element-3410b9b:not(.elementor-motion-effects-element-type-background), .elementor-3224 .elementor-element.elementor-element-3410b9b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://arquiteturaviva.com/wp-content/uploads/2025/09/2.jpg");background-position:center center;background-repeat:no-repeat;}.elementor-3224 .elementor-element.elementor-element-a5db6ca{--spacer-size:161px;}.elementor-3224 .elementor-element.elementor-element-4a5d1e2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3224 .elementor-element.elementor-element-dbad557{--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;}.elementor-3224 .elementor-element.elementor-element-dbad557.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3224 .elementor-element.elementor-element-ae6a9a7{--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;}.elementor-3224 .elementor-element.elementor-element-ae6a9a7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3224 .elementor-element.elementor-element-1567f6c{--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;}.elementor-3224 .elementor-element.elementor-element-eb782cf{--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;}.elementor-3224 .elementor-element.elementor-element-344e8bcf{--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;--margin-top:-18px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3224 .elementor-element.elementor-element-344e8bcf::before, .elementor-3224 .elementor-element.elementor-element-344e8bcf > .elementor-background-video-container::before, .elementor-3224 .elementor-element.elementor-element-344e8bcf > .e-con-inner > .elementor-background-video-container::before, .elementor-3224 .elementor-element.elementor-element-344e8bcf > .elementor-background-slideshow::before, .elementor-3224 .elementor-element.elementor-element-344e8bcf > .e-con-inner > .elementor-background-slideshow::before, .elementor-3224 .elementor-element.elementor-element-344e8bcf > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-3224 .elementor-element.elementor-element-7c096693{width:auto;max-width:auto;margin:10px 0px calc(var(--kit-widget-spacing, 0px) + -75px) 0px;padding:0px 0px 0px 0px;top:0px;}body:not(.rtl) .elementor-3224 .elementor-element.elementor-element-7c096693{left:0px;}body.rtl .elementor-3224 .elementor-element.elementor-element-7c096693{right:0px;}.elementor-3224 .elementor-element.elementor-element-f8eb333{--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;}.elementor-3224 .elementor-element.elementor-element-f8eb333:not(.elementor-motion-effects-element-type-background), .elementor-3224 .elementor-element.elementor-element-f8eb333 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#5B6A54;}.elementor-3224 .elementor-element.elementor-element-d74be33{text-align:center;font-family:"Roboto", Sans-serif;font-size:16px;color:#FFFFFF;}html{height:100vh;margin:0;overflow:hidden;}body{height:100vh;overflow:auto;scroll-snap-type:y mandatory;scroll-padding:182px;}:root{--page-title-display:none;}.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-con:not(.e-child){scroll-snap-align:center;scroll-snap-stop:always;}@media(min-width:768px){.elementor-3224 .elementor-element.elementor-element-d2b7f1e{--content-width:1096px;}.elementor-3224 .elementor-element.elementor-element-3410b9b{--content-width:1241px;}.elementor-3224 .elementor-element.elementor-element-dbad557{--width:25%;}.elementor-3224 .elementor-element.elementor-element-ae6a9a7{--width:50%;}.elementor-3224 .elementor-element.elementor-element-1567f6c{--width:25%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3224 .elementor-element.elementor-element-dbad557{--width:25.5px;}.elementor-3224 .elementor-element.elementor-element-ae6a9a7{--width:883px;}}@media(min-width:1025px){.elementor-3224 .elementor-element.elementor-element-3410b9b:not(.elementor-motion-effects-element-type-background), .elementor-3224 .elementor-element.elementor-element-3410b9b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-con:not(.e-child){scroll-snap-align:start;scroll-snap-stop:normal;}}@media(max-width:767px){.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-con:not(.e-child){scroll-snap-align:start;scroll-snap-stop:normal;}}/* Start custom CSS *//* Cada panel ocupa el 100% de la pantalla */
.panel {
  position: relative;
  height: 100vh;
  overflow: hidden;
}

/* Capa del fondo (parallax) */
.panel::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%; /* un poquito más grande para que tenga espacio al moverse */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;

  /* Aquí está el truco: usamos la variable que controla el movimiento */
  transform: translateY(var(--parallax-offset, 0));
  transition: transform 0.1s linear;
}

/* Paneles con imágenes distintas */
#panel1::before {
  background-image: url("URL-DE-TU-IMAGEN-1");
}

#panel2::before {
  background-image: url("URL-DE-TU-IMAGEN-2");
}

#panel3::before {
  background-image: url("URL-DE-TU-IMAGEN-3");
}

#panel4::before {
  background-image: url("URL-DE-TU-IMAGEN-4");
}

#panel5::before {
  background-image: url("URL-DE-TU-IMAGEN-5");
}/* End custom CSS */