@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playwrite+NZ:wght@100..400&display=swap');
:root{
  --font-xxxgtitle:6rem;
  --font-xxgtitle:4.5rem;
  --font-xgtitle:4rem;
  --font-gtitle:3rem;
  --font-mtitle:2.5rem;
  --font-ms:2rem;
  --font-s:1.5rem;
  --font-xs:1rem;
  --font-uno: 'Raleway', sans-serif;
  --font-dos: 'Poppins', sans-serif;
  --font-cursiva: "Playwrite NZ", cursive;

  --rosaUno:#c020c9;
  --rosaDos:#efb8f4;
  --doradoUno: #f3ca4c;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: var(--font-dos);
}

html,body {
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  -ms-overflow-style: none; /* For IE10+ */
}
html{
  scrollbar-width: none;
}
body::-webkit-scrollbar{
  display: none;
}
/* .scroll-section {
  position: relative;
  z-index: 1;
  transition: z-index 0.3s, transform 0.3s;
}

.scroll-section.overlap{
  z-index: 10;
  transform: translateY(10px); 
} */
 /* ---------------- */
.pages {
  position: relative;
  height: 1500%;
}

.page {
  position: sticky;
  top: 0;
  height: 25%;
  /* display: flex; */
  justify-content: center;
  align-items: center;
  padding: 30px;
  user-select: none;
}
/* ---------- */
.invitacion{
  /* background-image: url(../img/bg-pq-01.png); */
  background-size: cover;
  background-position: center;
  height: 100vh; /* Ensure the section takes full viewport height */
}
#invitacion.estandar {
  background-image: url(../img/estandar/bg-pq-01.webp);
}
#invitacion.premium {
  background-image: url(../img/premium/bg-pq-01.webp);
}
#invitacion.super-premium {
  background-image: url(../img/super-premium/bg-pq-01.webp);
}
.invitacion .container {
  height: 100%; /* Ensure the container takes full height of the section */
}

.invitacion .row {
  height: 100%; /* Ensure the row takes full height of the container */
}

.invitacion .col-md-12 {
  height: 100%; /* Ensure the column takes full height of the row */
  display: flex; /* Use flexbox to center content vertically and horizontally */
  justify-content: center;
  align-items: center;
}

/* .invitacion .fotoquince {
  background-image: url(../img/foto-quince.png);
  background-size: cover;
  background-position: center;
  width: 600px;
  height: 600px;
  opacity: 0;
  transform: translateY(40px);
  animation: fadeInTranslate 3s forwards;
} */

.invitacion .fotoquince {
  /* background-image: url(../img/foto-quince.png);
  background-size: cover;
  background-position: center; */
  width: 100%;
  opacity: 0;
  transform: translateY(40px);
  animation: fadeInTranslate 3s forwards;
}

@keyframes fadeInTranslate {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* fecha evento */
/* .fechaEvento .container {
  height: 100%;
}

.fechaEvento .row {
  height: 100%; 
}

.fechaEvento .col-md-6 {
  height: 100%; 
  display: flex;
  justify-content: center;
  align-items: center;
} */
.fechaEvento{
  padding-top: 2rem;
  /* background-image: url(../img/bg-pq-01.png); */
  background-size: cover;
  background-position: center;
  height: 100vh; /* Ensure the section takes full viewport height */
}
#fechaEvento.estandar {
  background-image: url(../img/estandar/bg-pq-002.webp);
}
#fechaEvento.premium {
  background-image: url(../img/premium/bg-pq-01.webp);
}
#fechaEvento.super-premium {
  background-image: url(../img/super-premium/bg-pq-01.webp);
}
.fechaEvento .divisor, .agradecimiento .divisor,.dressCode .divisor, 
.asistencia .divisor, .papasPadrinos .divisor, .momentos .divisor, .regalosMesa .divisor{
  display: block;
  margin: auto;
  width: 25%;
}
.fechaEvento .card{
  background-color: #ededed;
  width: 80% ;
  height: 400px;
  display: block;
  margin:auto;
  left:0;
  right: 0;
  padding-top: 12%;
  transition:ease all .2s;
}
.fechaEvento .card:hover{
  transform: translateY(-14px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25); /* Add shadow */
}

.fechaEvento .card img{
  width: 20%;
  display: block;
  margin: auto;
  left: 0;
  right: 0;
}

.fechaEvento .card .texto .titulo{
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: var(--font-gtitle);
  
}
.fechaEvento .card .subtitulo{
  text-align: center;
  font-size: var(--font-ms);
  font-family: var(--font-cursiva);
  font-optical-sizing: auto;
  /* font-weight: <weight>; */
  font-style: normal;
}
.fechaEvento .card .direccion{
  text-align: center;
  font-size: var(--font-s);
  font-weight: lighter;
  font-family: var(--font-cursiva);
  font-optical-sizing: auto;
  /* font-weight: <weight>; */
  font-style: normal;
}

.fechaEvento .card .boton-invitacion{
  width: 55%;
  display: block;
  margin:auto;
  left: 0;
  right: 0;
  font-weight: bold;
  font-size: var(--font-ms);
  text-align: center;
  color:#ededed;
  background-color:var(--rosaUno) ;
  padding:.5rem 2rem .5rem 2rem;
  border-radius: 20px;
  transition:ease all .2s;
  cursor:pointer;
}
.fechaEvento .card .boton-invitacion:hover{
  transform: scale(1.1);
}
/* padrinos */
.papasPadrinos{
  padding-top: 2rem;
  background-image: url(../img/super-premium/bg-pq-06.webp);
  background-size: cover;
  background-position: center;
  height: 100vh; /* Ensure the section takes full viewport height */
}
.papasPadrinos .text-title h3{
  text-align: center;
  font-size: var(--font-xgtitle);
}
.papasPadrinos .text-title p{
  font-style: italic;
  font-size: var(--font-ms);
  text-align: center;
  font-family: var(--font-cursiva);
  font-optical-sizing: auto;
  font-style: normal;
}
.papasPadrinos .padrino-card {
  opacity: 0;
  transform: translateY(40px);
  animation: fadeInTranslate 3s forwards;
}
.papasPadrinos .padrino-card .padrino-imagen{
  border-radius: 100px;
  width: 200px;
  display: block;
  margin: auto;
}
.papasPadrinos .padrino-card .texto .titulo{
  text-transform: uppercase;
  text-align: center;
  font-size: var(--font-s);
}
.papasPadrinos .padrino-card .texto .subtitulo{
  /* text-transform: uppercase; */
  text-align: center;
  font-size: var(--font-s);
  font-family: var(--font-cursiva);
  font-optical-sizing: auto;
  font-style: normal;
}
/*  */
/* cuenta regresiva */
.cuentaRegresiva{
  /* padding-top: 9rem; */
  /* background-image: url(../img/bg-pq-02.png); */
  background-size: cover;
  background-position: center;
  height: 100vh; /* Ensure the section takes full viewport height */
}
#cuentaRegresiva.estandar {
  background-image: url(../img/estandar/bg-pq-02.webp);
}
#cuentaRegresiva.premium {
  background-image: url(../img/premium/bg-pq-02.webp);
}
#cuentaRegresiva.super-premium {
  background-image: url(../img/super-premium/bg-pq-02.webp);
}
.cuentaRegresiva .regresivaContainer {
  display: block;
  margin:auto;
  left: 0;
  right: 0;
  font-size: var(--font-xxgtitle);
  text-transform: uppercase;
  text-align: center;
}
.cuentaRegresiva .imagenEvento {
padding-bottom: 2rem;
}
.cuentaRegresiva .imagenEvento img{
  display: block;
  margin:auto;
  left: 0;
  right: 0;
  width: 35%;
}
.cuentaRegresiva .regresivaContainer .texto {
  font-weight: bold;
  color:white;
  font-size: var(--font-ms);
  margin-bottom: -10px;
}
.cuentaRegresiva .regresivaContainer #countdown ul {
  list-style-type: none;
  color:white;
  padding: 0;
  justify-content: center; /* Centramos los elementos horizontalmente */
  display: flex; /* Utilizamos flexbox para alinear los elementos en una fila */
}
.cuentaRegresiva .regresivaContainer #countdown ul li{
  font-size: var(--font-s);
  text-align: center;
  margin:0;
  color:white;
  /* width: calc(100%/4); */
  padding: 0 10px;
}
.cuentaRegresiva .regresivaContainer #countdown ul li span{
  font-size: var(--font-xxgtitle);
  display: block;
  color:white;
  margin-bottom: -10px;
}

canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* ---------------------- */
/* agradecimiento */
.agradecimiento{
  padding-top: 2rem;
  /* background-image: url(../img/bg-pq-03.png); */
  background-size: cover;
  background-position: center;
  height: 100vh; /* Ensure the section takes full viewport height */
}
#agradecimiento.estandar {
  background-image: url(../img/estandar/bg-pq-03.webp);
}
#agradecimiento.premium {
  background-image: url(../img/premium/bg-pq-03.webp);
}
#agradecimiento.super-premium {
  background-image: url(../img/super-premium/bg-pq-03.webp);
}
.agradecimiento .texto{
  display: block;
  margin:auto;
  left:0;
  right: 0;
  width: 70%;
  font-size: var(--font-gtitle);
  color:white;
  text-align: center;
  font-family: var(--font-cursiva);
  font-optical-sizing: auto;
  /* font-weight: <weight>; */
  font-style: normal;
}
/* ------------------------ */
/* galeria fotos */
/* ------------------------- */
.momentos{
  /* padding-top: 2rem; */
  background-image: url(../img/super-premium/bg-pq-05.webp);
  background-size: cover;
  background-position: center;
  height: 100vh; /* Ensure the section takes full viewport height */
}
/* .momentos .contenedor-foto{
  padding:15px
} */
.momentos .contenedor-foto {
  position: relative;
  overflow: hidden;
}

.momentos .text-title h3{
  text-align: center;
  font-size: var(--font-gtitle);
  margin:0;
  color:white;
}
.momentos .text-title p{
  font-style: italic;
  font-size: var(--font-ms);
  text-align: center;
  font-family: var(--font-cursiva);
  font-optical-sizing: auto;
  font-style: normal;
}

.momentos .contenedor-foto .gallery-1 {
  background: url(../img/super-premium/galery/q-spremium-01.webp);
  background-size: cover;
  background-position: center;
  height: 270px;
  transition: transform .5s ease-in-out; /* Transición suave */
}

.momentos .contenedor-foto:hover .gallery-1 {
  transform: scale(1.1); /* Zoom al hacer hover */
}
/*  */
.momentos .contenedor-foto .gallery-2 {
  background: url(../img/super-premium/galery/q-spremium-02.webp);
  background-size: cover;
  background-position: center;
  height: 270px;
  transition: transform .5s ease-in-out; /* Transición suave */
}

.momentos .contenedor-foto:hover .gallery-2 {
  transform: scale(1.1); /* Zoom al hacer hover */
}
.momentos .contenedor-foto .gallery-3 {
  background: url(../img/super-premium/galery/q-spremium-03.webp);
  background-size: cover;
  background-position: center;
  height: 270px;
  transition: transform .5s ease-in-out; /* Transición suave */
}

.momentos .contenedor-foto:hover .gallery-3 {
  transform: scale(1.1); /* Zoom al hacer hover */
}
/*  */
.momentos .contenedor-foto .gallery-4 {
  background: url(../img/super-premium/galery/q-spremium-04.webp);
  background-size: cover;
  background-position: center;
  height: 270px;
  transition: transform .5s ease-in-out; /* Transición suave */
}

.momentos .contenedor-foto:hover .gallery-4 {
  transform: scale(1.1); /* Zoom al hacer hover */
}
/*  */
.momentos .contenedor-foto .gallery-5 {
  background: url(../img/super-premium/galery/q-spremium-05.webp);
  background-size: cover;
  background-position: center;
  height: 270px;
  transition: transform .5s ease-in-out; /* Transición suave */
}

.momentos .contenedor-foto:hover .gallery-5 {
  transform: scale(1.1); /* Zoom al hacer hover */
}
/*  */
.momentos .contenedor-foto .gallery-6 {
  background: url(../img/super-premium/galery/q-spremium-06.webp);
  background-size: cover;
  background-position: center;
  height: 270px;
  transition: transform .5s ease-in-out; /* Transición suave */
}

.momentos .contenedor-foto:hover .gallery-6 {
  transform: scale(1.1); /* Zoom al hacer hover */
}
/* @keyframes zoomBackground {
  from {
    background-size: cover; 
  }
  to {
    background-size: 130%;
  }
} */
/* dress code */
.dressCode{
  padding-top: 2rem;
  /* background-image: url(../img/bg-pq-04.png); */
  background-size: cover;
  background-position: center;
  height: 100vh; /* Ensure the section takes full viewport height */
}
#dressCode.estandar {
  background-image: url(../img/estandar/bg-pq-04.webp);
}
#dressCode.premium {
  background-image: url(../img/premium/bg-pq-04.webp);
}
#dressCode.super-premium {
  background-image: url(../img/super-premium/bg-pq-04.webp);
}
.dressCode .dc-image, .dressCode .dc-image-estandar {
  padding-bottom: 2rem;
  }
  .dressCode .dc-image img, .dressCode .dc-image-estandar img{
    display: block;
    margin:auto;
    left: 0;
    right: 0;
    width: 40%;
    transition:  ease all .2s;
  }
  .dressCode .dc-image img:hover{
    transform: scale(1.1);
  }
  .dressCode .dc-image-estandar img:hover{
    transform: scale(1.1);
  }
  .dressCode .dc-image p{
    padding-top: 1rem;
    text-align: center;
    color:white;
    font-size: var(--font-xxxgtitle);
    font-family: var(--font-cursiva);
    font-optical-sizing: auto;
    /* font-weight: <weight>; */
    font-style: normal;
  }
  .dressCode .dc-image-estandar p{
    padding-top: 1rem;
    text-align: center;
    color:#c020c9;
    font-size: var(--font-xxxgtitle);
    font-family: var(--font-cursiva);
    font-optical-sizing: auto;
    /* font-weight: <weight>; */
    font-style: normal;
  }
/* ------------------- */
/* regalosMesa */
.regalosMesa {
  padding-top: 2rem;
  /* background-image: url(../img/bg-pq-05.png); */
  background-size: cover;
  background-position: center;
  height: 100vh; /* Ensure the section takes full viewport height */
}
#regalosMesa.estandar {
  background-image: url(../img/estandar/bg-pq-01.webp);
}
#regalosMesa.premium {
  background-image: url(../img/premium/bg-pq-05.webp);
}
#regalosMesa.super-premium {
  background-image: url(../img/super-premium/bg-pq-05.webp);
}
.regalosMesa .text-title h3{
  text-align: center;
  font-size: var(--font-xgtitle);
  margin:0;
  color:white;
}

.regalosMesa .text-title h3{
  text-align: center;
  font-size: var(--font-xgtitle);
}
.regalosMesa .text-title p{
  font-style: italic;
  font-size: var(--font-ms);
  text-align: center;
  font-family: var(--font-cursiva);
  font-optical-sizing: auto;
  font-style: normal;
}
.regalosMesa .regalo-card {
  opacity: 0;
  transform: translateY(40px);
  animation: fadeInTranslate 3s forwards;
}
.regalosMesa .regalo-card .regalo-imagen{
  /* border-radius: 100px; */
  width: 300px;
  display: block;
  margin: auto;
  transition: ease all .2s;
}
.regalosMesa .regalo-card .regalo-imagen:hover{
  transform: scale(1.03);
}
.regalosMesa .regalo-card .texto .titulo{
  text-transform: uppercase;
  text-align: center;
  font-size: var(--font-s);
}
.regalosMesa .regalo-card .texto .subtitulo{
  /* text-transform: uppercase; */
  text-align: center;
  font-size: var(--font-s);
  font-family: var(--font-cursiva);
  font-optical-sizing: auto;
  font-style: normal;
}
/* ----------------------- */
/* asistencia */
.asistencia{
  padding-top: 2rem;
  /* background-image: url(../img/bg-pq-05.png); */
  background-size: cover;
  background-position: center;
  height: 100vh; /* Ensure the section takes full viewport height */
}
#asistencia.estandar {
  background-image: url(../img/estandar/bg-pq-01.webp);
}
#asistencia.premium {
  background-image: url(../img/premium/bg-pq-05.webp);
}
#asistencia.super-premium {
  background-image: url(../img/super-premium/bg-pq-05.webp);
}
.asistencia .seccionConfirmar .titulo{
  text-align: center;
  color:white;
  font-size: var(--font-gtitle);
  font-weight: lighter;
}
.asistencia .seccionConfirmar .botonConfirmar{
  width: 40%;
  display: block;
  margin:auto;
  left: 0;
  right: 0;
  font-weight: bold;
  font-size: var(--font-ms);
  text-align: center;
  color:#ededed;
  background-color:var(--rosaUno) ;
  padding:0rem 2rem 0rem 2rem;
  border-radius: 20px;
  transition:ease all .2s;
  cursor:pointer;
}
 .regalosMesa .regalo-card .botonConfirmar{
  display: block;
  margin:auto;
  left: 0;
  right: 0;
  font-weight: bold;
  font-size: var(--font-ms);
  text-align: center;
  color:#ededed;
  background-color:var(--rosaUno) ;
  padding:0rem 2rem 0rem 2rem;
  border-radius: 20px;
  transition:ease all .2s;
  cursor:pointer;
  width: 85%;
  text-transform: uppercase;
}
.asistencia .seccionConfirmar .botonConfirmar:hover,
.regalosMesa .regalo-card .botonConfirmar:hover{
  transform: scale(1.1);
}
.asistencia .seccionConfirmar .confirmacion{
  display: block;
  margin:auto;
  left: 0;
  right: 0;
  width: 30%;
}

.asistencia .seccionConfirmar .mensaje{
  text-align: center;
  color:white;
  font-weight: bold;
  font-size: var(--font-ms);
}
/* ------------ */
/* sección boleto */
.boletosFooter{
  padding-top: 2rem;
  background-image: url(../img/bg-pq-04.png);
  background-size: cover;
  background-position: center;
  height: 100vh; /* Ensure the section takes full viewport height */
}
/* ----------------------- */
/* responsive */
/* iPhone 5, SE, 6, 7, 8 in portrait */
@media only screen and (min-width: 320px) and (max-width: 413px) {
  /* Estilos específicos para iPhone */
  .invitacion .fotoquince{
    width: 300%;
  }
  .fechaEvento .divisor, .agradecimiento .divisor, .dressCode .divisor, .asistencia .divisor, 
  .papasPadrinos .divisor, .regalosMesa .divisor{
    width: 70%;
  }
  .fechaEvento .card {
   width: 100%;
   height: 270px; 
   margin-bottom: 1rem;
  }
  .fechaEvento .card .texto .titulo{
    font-size: 2.5rem;
  }
  .fechaEvento .card .subtitulo{
    font-size: 1.7rem;
  }
  .fechaEvento .card .direccion{
    font-size: 1.5rem;
  }
  .fechaEvento .card .boton-invitacion {
    width: 55%;
  }
  .papasPadrinos .text-title h3,
  .momentos .text-title h3,
  .regalosMesa .text-title h3 {
    font-size: 2.5rem;
    margin-top: 0px!important;
  }
  .papasPadrinos .text-title p,
  .regalosMesa .text-title p{
    font-size: 1.3rem;
    line-height: 15px;
    margin-bottom: 0px!important;
  }
  .papasPadrinos .padrino-card .padrino-imagen {
    width: 65px;
  }
  .regalosMesa .regalo-card .regalo-imagen{
    width: 110px;
  }
  .papasPadrinos .padrino-card .texto .titulo, .papasPadrinos .padrino-card .texto .subtitulo,
  .regalosMesa .regalo-card .texto .titulo, .regalosMesa .regalo-card .texto .subtitulo{
    margin-bottom: 0px!important;
  }
  .papasPadrinos .padrino-card .texto .subtitulo{
    font-size: 1rem;
  }
  .regalosMesa .regalo-card .texto .subtitulo{
    font-size: 1rem;
  }
  .regalosMesa .regalo-card .botonConfirmar{
    font-size: 1.5rem;
    width: 75%;
  }
  .momentos .divisor{
    display: none;
  }
  .momentos .row-2{
    display: none;
  }
  .momentos .contenedor-foto .gallery-1,
  .momentos .contenedor-foto .gallery-2,
  .momentos .contenedor-foto .gallery-3{
    height: 180px;
    margin-bottom: 5px;
  }
  .cuentaRegresiva .imagenEvento img{
    width: 115%;
  }
  .dressCode .dc-image img, .dressCode .dc-image-estandar img{
    width: 110%;
  }
  .asistencia .seccionConfirmar .botonConfirmar{
    width: 95%;
  }
  .asistencia .seccionConfirmar .titulo{
    font-size: 2rem;
  }
  .asistencia .seccionConfirmar .confirmacion{
    width: 100%;
  }
}
/* iPhone 11 Pro Max, iPhone Xs Max in portrait */
@media only screen and (min-width: 414px) and (max-width: 696px) {
  /* Estilos específicos para iPhone Pro Max */
  .invitacion .fotoquince{
    width: 300%;
  }
  .fechaEvento .divisor, .agradecimiento .divisor, .dressCode .divisor, .asistencia .divisor, 
  .papasPadrinos .divisor, .regalosMesa .divisor{
    width: 70%;
  }
  .fechaEvento .card {
    width: 100%;
    height: 350px;
    margin-bottom: 1rem;
  }
  .fechaEvento .card .texto .titulo{
    font-size: 3rem;
  }
  .fechaEvento .card .subtitulo{
    font-size: 2rem;
  }
  .fechaEvento .card .direccion{
    font-size: 1.7rem;
  }
  .fechaEvento .card .boton-invitacion {
    width: 75%;
  }
  .papasPadrinos .text-title h3,
  .momentos .text-title h3,
  .regalosMesa .text-title h3 {
    font-size: 2.7rem;
    margin-top: 0px!important;
  }
  .papasPadrinos .text-title p,
  .regalosMesa .text-title p{
    font-size: 1.7rem;
    line-height: 20px;
    margin-bottom: 0px!important;
  }
  .papasPadrinos .padrino-card .padrino-imagen {
    width: 75px;
  }
  .regalosMesa .regalo-card .regalo-imagen{
    width: 150px;
  }
  .papasPadrinos .padrino-card .texto .titulo, .papasPadrinos .padrino-card .texto .subtitulo,
  .regalosMesa .regalo-card .texto .titulo, .regalosMesa .regalo-card .texto .subtitulo{
    margin-bottom: 0px!important;
  }
  .papasPadrinos .padrino-card .texto .subtitulo{
    font-size: 1.5rem;
  }
  .regalosMesa .regalo-card .texto .subtitulo{
    font-size: 1.5rem;
  }
  .regalosMesa .regalo-card .botonConfirmar{
    font-size: 1.5rem;
    width: 85%;
  }
  .papasPadrinos .padrino-card .texto .subtitulo{
    font-size: 1.8rem;
  }
  .momentos .divisor{
    display: none;
  }
  .momentos .row-2{
    display: none;
  }
  .momentos .contenedor-foto .gallery-1,
  .momentos .contenedor-foto .gallery-2,
  .momentos .contenedor-foto .gallery-3{
    height: 250px;
    margin-bottom: 5px;
  }
  .cuentaRegresiva .imagenEvento img{
    width: 115%;
  }
  .dressCode .dc-image img, .dressCode .dc-image-estandar img{
    width: 110%;
  }
  .asistencia .seccionConfirmar .botonConfirmar{
    width: 95%;
  }
  .asistencia .seccionConfirmar .titulo{
    font-size: 3rem;
  }
  .asistencia .seccionConfirmar .confirmacion{
    width: 100%;
  }
}
/* iPad in portrait and landscape */
@media only screen and (min-width: 697px) and (max-width: 1024px) {
  /* Estilos específicos para iPad */
  .invitacion .fotoquince{
    width: 300%;
  }
  .fechaEvento .divisor, .agradecimiento .divisor, .dressCode .divisor, .asistencia .divisor, 
  .papasPadrinos .divisor, .regalosMesa .divisor{
    width: 90%;
  }
  .fechaEvento .card {
    width: 100%;
    height: 350px;
    margin-bottom: 1rem;
  }
  .fechaEvento .card .texto .titulo{
    font-size: 3rem;
  }
  .fechaEvento .card .subtitulo{
    font-size: 2rem;
  }
  .fechaEvento .card .direccion{
    font-size: 1.7rem;
  }
  .papasPadrinos .text-title h3,
  .momentos .text-title h3,
  .regalosMesa .text-title h3 {
    font-size: 5rem;
    margin-top: 0px!important;
  }
  .papasPadrinos .text-title p,
  .regalosMesa .text-title p{
    font-size: 3rem;
    /* line-height: 25px; */
    margin-bottom: 0px!important;
  }
  .papasPadrinos .padrino-card .padrino-imagen {
    width: 150px;
  }
  .regalosMesa .regalo-card .regalo-imagen{
    width: 200px;
  }
  .papasPadrinos .padrino-card .texto .titulo, .papasPadrinos .padrino-card .texto .subtitulo,
  .regalosMesa .regalo-card .texto .titulo, .regalosMesa .regalo-card .texto .subtitulo{
    margin-bottom: 0px!important;
    font-size: 2rem;
  }
  .momentos .divisor{
    display: none;
  }
  /* .momentos .row-2{
    display: none;
  } */
  .momentos .contenedor-foto .gallery-1,
  .momentos .contenedor-foto .gallery-2,
  .momentos .contenedor-foto .gallery-3{
    height: 180px;
    margin-bottom: 5px;
  }
  .cuentaRegresiva .imagenEvento img{
    width: 70%;
  }
  .cuentaRegresiva .regresivaContainer .texto{
   font-size: 3.5rem; 
  }
  .cuentaRegresiva .regresivaContainer #countdown ul li{
    font-size: 3.5rem;
  }
  .cuentaRegresiva .regresivaContainer #countdown ul li span{
    font-size: 6rem;
  }
  .agradecimiento .texto{
    font-size: 5rem;
  }
  .dressCode .dc-image img, .dressCode .dc-image-estandar img{
    width: 90%;
  }
  .asistencia .seccionConfirmar .titulo{
    font-size: 3rem;
  }
  .asistencia .seccionConfirmar .confirmacion{
    width: 100%;
  }
}