/* ===================================================== */
/* ===== HOJAS CAYENDO ================================= */
/* ===================================================== */

.leaves-container{
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:1;
  overflow:hidden;
}

.leaf{
  position:absolute;
  top:-40px;
  width:14px;
  height:18px;
  background-color:#5a8a6a;
  border-radius:0 60% 0 60%;
  opacity:0.6;
  animation:fall 18s linear infinite;
}

@keyframes fall{

  0%{transform:translateY(-20px) translateX(0) rotate(0deg);}
  25%{transform:translateY(25vh) translateX(-30px) rotate(90deg);}
  50%{transform:translateY(50vh) translateX(30px) rotate(180deg);}
  75%{transform:translateY(75vh) translateX(-20px) rotate(270deg);}

  100%{
    transform:translateY(110vh) translateX(20px) rotate(360deg);
    opacity:0;
  }
}

/* variaciones */

.leaf:nth-child(1){left:10%;animation-delay:0s;}
.leaf:nth-child(2){left:25%;animation-delay:5s;}
.leaf:nth-child(3){left:40%;animation-delay:2s;}
.leaf:nth-child(4){left:60%;animation-delay:8s;}
.leaf:nth-child(5){left:75%;animation-delay:1s;}
.leaf:nth-child(6){left:85%;animation-delay:10s;}
.leaf:nth-child(7){left:5%;animation-delay:6s;}
.leaf:nth-child(8){left:15%;animation-delay:9s;}
.leaf:nth-child(9){left:85%;animation-delay:4s;}
.leaf:nth-child(10){left:22%;animation-delay:7s;}


/* ===================================================== */
/* ===== BASE / FUENTES ================================ */
/* ===================================================== */

body{
  font-family:"Sulphur Point", serif;
}


/* ===================================================== */
/* ===== HEADER ======================================== */
/* ===================================================== */

.u-header .u-image-1{
  width:220px !important;
  height:auto !important;
}


/* ===================================================== */
/* ===== SECCIÓN 2 CONTADOR ============================ */
/* ===================================================== */

.count-line{
  font-size:3rem;
  white-space:nowrap;
}

.count-line span:first-child{
  font-weight:600;
  margin-right:4px;
}

.u-section-2 .u-layout-wrap-1{
  position:relative;
  width:100% !important;
  margin:40px auto !important;
  color:#4b5a4d;
}

.u-section-2 [class*="u-size-"]{
  flex-basis:auto !important;
  width:auto !important;
  max-width:none !important;
}

.u-section-2{
  position:relative;
  overflow:hidden;
}

.u-section-2 .u-layout-row{
  display:grid !important;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
  align-items:center;
  justify-items:center;
  position:relative;
  z-index:1;
}

.u-section-2 .u-layout-cell{
  min-height:auto !important;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}

.u-section-2 h2{
  margin:0;
  line-height:1;
}

.u-section-2 p{
  margin-top:6px;
}

.u-section-2 .u-image-1{
  position:absolute;
  bottom:-260px;
  left:50%;
  transform:translateX(-50%);
  width:240%;
  opacity:0.25;
  pointer-events:none;
  z-index:0;
}


/* ===================================================== */
/* ===== SECCIÓN 3 HISTORIA ============================ */
/* ===================================================== */

.u-section-3 .u-text-1{
  font-size:2rem;
}

.u-section-3 .u-text-2{
  font-size:1rem;
}

.u-section-3 .u-text-3{
  font-size:1.1rem;
}


/* ===================================================== */
/* ===== SECCIÓN 4 BANNER ============================== */
/* ===================================================== */

.u-section-4-1 .u-text-1{
  font-size:2.5rem;

}


/* ===================================================== */
/* ===== SECCIÓN 5 AGENDA ============================== */
/* ===================================================== */

.u-section-5 .u-text-1{ margin-top:90px !important;display:none }
.u-section-5 .u-text-2{ margin-top:70px !important; }

.u-section-5 .u-btn-1,
.u-section-5 .u-btn-2{
  margin-top:40px !important;
}

.u-section-5 .u-text-3{ margin-top:40px !important; }
.u-section-5 .u-text-4{ margin-top:20px !important; }
.u-section-5 .u-text-5{ margin-top:40px !important; }
.u-section-5 .u-text-6{ margin-top: 20px !important; }

.u-section-5 .u-btn-3{ margin-top:40px !important; }

.u-section-5 .u-sheet-1{
  min-height:601px;
}
/* ===================================================== */
/* ===== SECCIÓN 7 GALERIA============================== */
/* ===================================================== */
.u-section-7 .u-link-1{

  display:inline-block;
  margin-top:10px;

  padding:10px 18px;

  background:#5a6d5f;
  color:white !important;

  border-radius:6px;

  font-size:0.9rem;
  text-decoration:none;

  transition:0.2s;
}

.u-section-7 .u-link-1:hover{
  background:#475447;
  color: #ffffff !important;
}

/* ===================================================== */
/* ===== SECCIÓN 8 MODAL IBAN ========================== */
/* ===================================================== */

.iban-modal{
  position:fixed;
  inset:0;
  background:rgba(160,170,160,0.35);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:9999;
}

.iban-card{
  background:#e6ebe6;
  border:2px solid #5a6d5f;
  border-radius:14px;

  padding:40px 35px;
  text-align:center;

  max-width:1200px;
  width:90%;
  height:300px;

  box-shadow:0 10px 30px rgba(0,0,0,0.15);
  position:relative;
}

.iban-card h3{
  font-family:"Playfair Display";
  margin-bottom:15px;
  color:#4b5a4d;
}

.iban-text{ margin-bottom:20px; }

.iban-number{
  font-size:1rem;
  font-weight:600;
  letter-spacing:2px;
  background:#d4ddd4;
  padding:12px;
  border-radius:6px;
}

.iban-copy-btn{
  margin-top:15px;
  padding:10px 18px;
  background:#5a6d5f;
  color:white;
  border:none;
  border-radius:6px;
  font-size:0.9rem;
  cursor:pointer;
  transition:0.2s;
}

.iban-copy-btn:hover{
  background:#475447;
}

.iban-close{
  position:absolute;
  top:10px;
  right:14px;
  border:none;
  background:none;
  font-size:22px;
  cursor:pointer;
}


/* ===================================================== */
/* ===== MOBILE ======================================== */
/* ===================================================== */

@media (max-width:575px){

/* ===== HERO ===== */

#sec-dd72{
  overflow:visible !important;
  margin-top:10px;
}
#sec-dd72 .u-text-3{
  margin-top:150px;
}

#sec-dd72 .u-group-1{
  margin-top:10px !important;
  height:auto !important;
}

#sec-dd72 .u-layout-row{
  display:grid !important;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}

#sec-dd72 .u-layout-cell{
  width:100% !important;
  max-width:100% !important;
}

#sec-dd72 .u-image-6,
#sec-dd72 .u-image-7,
#sec-dd72 .u-image-8{
  min-height:200px !important;
}

.u-section-1 .u-text-1{
  font-size:2.2rem !important;
  margin-top:20px !important;
}

.u-section-1 .u-text-2{
  font-size:1.2rem !important;
}

.u-section-1,
.u-section-1 .u-sheet-1{
  min-height:auto !important;
  height:auto !important;
}

.u-section-1 .u-sheet-1{ padding-bottom:40px; }
.u-section-1{ padding-bottom:60px !important; }

.u-section-1 img[src*="derOK"],
.u-section-1 img[src*="izqOK"],
.u-section-1 [class*="u-rotation-parent"]{
  display:none !important;
}


/* ===== CONTADOR ===== */

.u-section-2 .u-layout-row{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:20px;
}

.count-line{ font-size:1rem; }

.count-line span:first-child{
  font-weight:900;
  margin-right:4px;
}

.u-section-2 .u-image-1{
  bottom:-130px;
  width:200%;
  height:auto !important;
  opacity:0.35;
}

.u-section-2{
  padding-top:20px !important;
  padding-bottom:20px !important;
}

.u-section-2 .u-sheet-1{
  min-height:auto !important;
}


/* ===== HEADER ===== */

.menu-collapse{ display:none !important; }

.u-menu .u-nav-container{ display:block !important; }
.u-menu .u-nav-container-collapse{ display:none !important; }

.u-header .u-sheet-1{
  display:flex;
  flex-direction:column;
  align-items:center;
}

.u-nav-container{ order:1; }

.u-logo{
  order:2;
  margin-top:10px;
}

.u-header .u-image-1{
  margin-top:15px !important;
}

/* ===== SECCIÓN 4 Banner ===== */


.u-section-4-1 .u-text-1{
   margin-top:-310px;
   font-size: 1.6rem;
}

/* ===== SECCIÓN 5 AGENDA ===== */

.u-section-5 .u-text-1{ display:none; }

.u-section-5 .u-text-2{ margin-top:100px !important; }

.u-section-5 .u-btn-1,
.u-section-5 .u-btn-2{
  margin-top:40px !important;
}

.u-section-5 .u-text-3{ font-size:1.7rem; margin-top:40px !important; }
.u-section-5 .u-text-4{ font-size:1.7rem; margin-top:20px !important; }
.u-section-5 .u-text-5{ font-size:1.7rem; margin-top:40px !important; }
.u-section-5 .u-text-6{ font-size:1.2rem; margin-top:40px !important; }

.u-section-5 .u-btn-3{
  font-size:1rem;
  margin-top:40px !important;
}


/* ===== SECCIÓN 6 JARDINS ===== */

.u-section-6 .u-layout-row{
  display:grid !important;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}

.u-section-6 .u-layout-cell{
  width:100% !important;
  min-height:auto !important;
}

.u-section-6 .u-image-1,
.u-section-6 .u-image-2,
.u-section-6 .u-image-3{
  width:90px !important;
  height:90px !important;
  margin:-60px auto 0 !important;
  border-radius:50%;
  object-fit:cover;
}

.u-section-6 .u-text-4,
.u-section-6 .u-text-5,
.u-section-6 .u-text-6{
  font-size:0.9rem !important;
  margin-top:10px !important;
  justify-content: center;
}
.u-section-6 .u-sheet-1{
  min-height:auto !important;
  padding-bottom:520px;
}

/* ===== SECCIÓN 7 GALERÍA ===== */
.u-section-7{
  margin-top: 580px;
}
.u-section-7 .u-layout-row{
  display:grid !important;
  grid-template-columns:repeat(3,2fr);
  column-gap:5px;
  row-gap: 5px;

}

.u-section-7 .u-layout-cell{
  min-height:140px !important;
  height:140px !important;
  padding:0 !important;
}

.u-section-7 .u-image-4,
.u-section-7 .u-image-5,
.u-section-7 .u-image-6,
.u-section-7 .u-image-7,
.u-section-7 .u-image-8,
.u-section-7 .u-image-9{
  min-height:140px !important;
  height:140px !important;
  background-size:cover !important;
  background-position:center !important;
}
.u-section-7 .u-text-1
{
  font-size: 0.6rem;
  color: #5a6d5f !important;
}
.u-section-7 .u-link-1{

  margin-top:10px;

  padding:10px 18px;

  border-radius:6px;

  font-size:0.45rem;
  text-decoration:none;
  color: #ffffff !important;
  transition:0.2s;
  justify-content: center;
}
/*---La puta hoja que da por el culo---*/
.u-section-7 .u-rotation-parent{
  width:120px !important;
  height:126px !important;
}
img[src*="derOK"],
img[src*="izqOK1"]{
  width:120px !important;
  height:auto !important;
  opacity:0.25;
}
/* ===== SECCIÓN 8 LISTA DE BODAS ===== */
.u-section-8 .u-sheet-1{
  min-height:auto !important;
  padding-top:37px;
  padding-bottom:40px;
}

.u-section-8 .u-text-1{
  font-size:1.6rem;
  margin-top:0 !important;
}

.u-section-8 .u-text-2{
  font-size:0.9rem;
  margin-top:10px !important;
}

.u-section-8 .u-btn-1{
  margin-top:20px !important;
}
/* ===== SECCIÓN 9 FINAL ===== */

.u-section-9{
  margin-top:520px !important;
  padding-bottom: 80px;
}

.u-section-9 .u-sheet-1{
  min-height:auto !important;

}

.u-section-9 .u-text-1{
  font-size:1.5rem;
  line-height:1.2;
}

.u-section-9 .u-text-2{
  font-size:1.1rem;
  margin-top:8px !important;
}

.u-section-9 .u-text-3{
  font-size:0.80rem;
  line-height:1.5;
  margin-top:9px !important;
  padding-left:10px;
  padding-right:10px;
}
.u-section-9 .u-group-1{
  margin-top:40px;
}
.u-header .u-image-1{
  display: none;
}
.u-section-9 .u-image-3{
  margin-top:20px !important;
  padding-bottom: 80px;
}
.u-section-9 .u-image-4{
  transform: scale(0.8);
}
.u-section-9 .u-image-6{
  transform: scale(0.05);
}
.u-header{
  min-height:auto !important;
  height:auto !important;
  padding-top:5px !important;
  padding-bottom:5px !important;
}

.u-header .u-sheet-1{
  min-height:auto !important;
  height:auto !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}

.u-header .u-menu{
  margin-top:0 !important;
  margin-bottom:0 !important;
}
 .u-section-9 .u-rotation-parent-4{
display: none;
  }
   .u-section-9 .u-rotation-parent-3{
display: none;
  }
     .u-section-9 .u-image-6{
display: none;
  }
   .u-section-9 .u-image-7{
display: none;
  }
}