.elementor-34 .elementor-element.elementor-element-936ba7e{--display:flex;--min-height:100vh;--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-34 .elementor-element.elementor-element-b3e0ed1{--display:flex;--position:fixed;--min-height:0px;--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;--justify-content:center;top:448px;}body:not(.rtl) .elementor-34 .elementor-element.elementor-element-b3e0ed1{left:0px;}body.rtl .elementor-34 .elementor-element.elementor-element-b3e0ed1{right:0px;}.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-34 .elementor-element.elementor-element-0769335{--display:flex;}.elementor-34 .elementor-element.elementor-element-0769335:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-0769335 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0000008F;}.elementor-widget-heading .elementor-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 );}.elementor-34 .elementor-element.elementor-element-0e68345 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-34 .elementor-element.elementor-element-b3e0ed1{--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:space-between;--align-items:center;top:95px;}}/* Start custom CSS for container, class: .elementor-element-936ba7e *//* =========================
BASE RESET
========================= */
html, body{
  margin:0 !important;
  padding:0 !important;
  background:#000 !important;
}

/* =========================
FULLSCREEN HERO
========================= */
.hero-fullscreen{
  position:relative !important;
  height:100vh !important;
  width:100vw !important;
  margin:0 !important;
  padding:0 !important;
  background:#000 !important;
  z-index:0 !important;
  isolation:isolate !important;
  overflow:hidden !important;
}

/* remove any previous single-image pseudo background if it exists */
.hero-fullscreen::before{
  content:none !important;
  background:none !important;
}
.hero-fullscreen::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(
    180deg,
    rgba(0,0,0,0.18) 0%,
    rgba(0,0,0,0.50) 60%,
    rgba(0,0,0,0.75) 100%
  );
  pointer-events:none !important;
}

/* keep content above overlay */
.hero-fullscreen > *{
  position:relative;
  z-index:2;
}

/* footer (unchanged) */
.landing-footer{
  position:fixed !important;
  bottom:0 !important;
  left:0 !important;
  width:100% !important;
  z-index:999998 !important;
  background:rgba(0,0,0,0.65);
  color:#fff;
  text-align:center;
  padding:12px 14px;
  font-size:13px;
  padding-bottom:calc(12px + env(safe-area-inset-bottom));
}

/* remove Elementor spacing only inside hero */
.hero-fullscreen .elementor-section,
.hero-fullscreen .elementor-column{
  margin:0 !important;
  padding:0 !important;
}

/* =========================
BUTTONS
========================= */
.rivas-btn .elementor-button{
  border-radius:999px !important;
  padding:14px 22px !important;
  font-size:15px !important;
  font-weight:600 !important;
  letter-spacing:.02em !important;
  min-width:170px;
  display:inline-flex !important;
  justify-content:center !important;
  align-items:center !important;
  transition:all .2s ease !important;
  text-decoration:none !important;
}
.rivas-btn-primary .elementor-button{
  background:#35c46a !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,0.1) !important;
  box-shadow:0 10px 35px rgba(53,196,106,0.45) !important;
}
.rivas-btn-primary .elementor-button:hover{
  background:#2fb35f !important;
  transform:translateY(-3px);
  box-shadow:0 18px 45px rgba(53,196,106,0.60) !important;
}
.rivas-btn-ghost .elementor-button{
  background:rgba(255,255,255,0.08) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,0.35) !important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.rivas-btn-ghost .elementor-button:hover{
  background:rgba(53,196,106,0.15) !important;
  border-color:#35c46a !important;
  transform:translateY(-3px);
}
@media (max-width:640px){
  .rivas-btn .elementor-button{
    width:min(92vw,380px) !important;
    min-width:unset !important;
  }
}

/* =========================
HERO BACKGROUND SLIDER
========================= */
.hero-fullscreen .rivas-hero-slider{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
}
.hero-fullscreen .rivas-hero-slider img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  opacity:0;
  transform:scale(1.06);
  transition:opacity 900ms ease, transform 1400ms ease;
  filter:url(#rivasWater);
  will-change:opacity, transform, filter;
}
.hero-fullscreen .rivas-hero-slider img.is-active{
  opacity:1;
  transform:scale(1);
}

/* desktop vs mobile sets */
.hero-fullscreen .rivas-hero-slider img[data-set="mobile"]{ display:none; }
@media (max-width:768px){
  .hero-fullscreen .rivas-hero-slider img[data-set="desktop"]{ display:none; }
  .hero-fullscreen .rivas-hero-slider img[data-set="mobile"]{ display:block; }
}

/* hide helper svg */
.rivas-svg-fx{ position:absolute; width:0; height:0; overflow:hidden; }

/* reduced motion */
@media (prefers-reduced-motion: reduce){
  .hero-fullscreen .rivas-hero-slider img{ transition:none !important; }
}
/* ===== Mobile Video Support (ADD THIS) ===== */
.hero-fullscreen .rivas-hero-slider video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  z-index:0;
  display:none; /* default hidden on desktop */
}

/* mobile: show video, hide desktop images (you already hide desktop images) */
@media (max-width:768px){
  .hero-fullscreen .rivas-hero-slider video[data-set="mobile"]{ display:block; }
}/* End custom CSS */