/* =========================================================
   BODA LUXURY 01
   RITMO VERTICAL ENTRE SECCIONES
========================================================= */

.ms-component[data-component="countdown"] > section,
.ms-component[data-component="story"] > section,
.ms-component[data-component="gallery"] > section,
.ms-component[data-component="timeline"] > section,
.ms-component[data-component="dressCode"] > section,
.ms-component[data-component="giftTable"] > section,
.ms-component[data-component="rsvp"] > section,
.ms-component[data-component="map"] > section {
  padding-top: clamp(3.5rem, 6vw, 5rem);
  padding-bottom: clamp(3.5rem, 6vw, 5rem);
}

@media (max-width: 900px) {

  .ms-component[data-component="countdown"] > section,
  .ms-component[data-component="story"] > section,
  .ms-component[data-component="gallery"] > section,
  .ms-component[data-component="timeline"] > section,
  .ms-component[data-component="dressCode"] > section,
  .ms-component[data-component="giftTable"] > section,
  .ms-component[data-component="rsvp"] > section,
  .ms-component[data-component="map"] > section {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
}

@media (max-width: 600px) {

  .ms-component[data-component="countdown"] > section,
  .ms-component[data-component="story"] > section,
  .ms-component[data-component="gallery"] > section,
  .ms-component[data-component="timeline"] > section,
  .ms-component[data-component="dressCode"] > section,
  .ms-component[data-component="giftTable"] > section,
  .ms-component[data-component="rsvp"] > section,
  .ms-component[data-component="map"] > section {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

/* =========================================================
   BODA LUXURY 01
   AJUSTES FINOS DE RITMO VERTICAL
========================================================= */

/* Story → Gallery */

.ms-component[data-component="story"] > section {
  padding-bottom: clamp(2.5rem, 4vw, 3.5rem);
}

.ms-component[data-component="gallery"] > section {
  padding-top: clamp(2.5rem, 4vw, 3.5rem);
}


/* Gallery → Timeline */

.ms-component[data-component="gallery"] > section {
  padding-bottom: clamp(2.5rem, 4vw, 3.5rem);
}

.ms-component[data-component="timeline"] > section {
  padding-top: clamp(2.5rem, 4vw, 3.5rem);
}


/* =========================================================
   MÓVIL
========================================================= */

@media (max-width: 600px) {

  .ms-component[data-component="story"] > section,
  .ms-component[data-component="gallery"] > section,
  .ms-component[data-component="timeline"] > section {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}