* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Merriweather', serif;
}

/* BODY DE LA INVITACIÓN */
body {
  background: #fffdef;
  color: #333;
  height: 100vh;
  padding-bottom: 100px;
}
img {
  width: 100%;
  object-fit: contain;
  height: auto;
}
.img {
  width: 300px;
  margin-top: 30px;
}
.section {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 0px;
}
.header-logo {
  width: 200px;
  margin-bottom: 40px;
}

.biblia-texto {
  font-size: 16px;
  width: 300px;
  line-height: 1.6;
}

.biblia-texto p {
  margin-bottom: 8px;
}

/* ÚLTIMO PÁRRAFO (el versículo) */
.biblia-texto p:last-child {
  text-align: right;
  font-style: italic;
  font-size: 14px;
  color: #666;
}

.lg-noscasamos {
  text-align: center;
}

/* CONTENEDOR DE L | G */
.lg-noscasamos .top {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

/* LA LINEA | */
.stick {
  width: 1px;
  height: 50px;
  background: #333;
}

/* LETRAS */
.lg-noscasamos .top p {
  margin: 0;
  font-size: 40px;
  font-weight: bold;
}

/* TEXTO ABAJO */
.lg-noscasamos .bottom {
  font-size: 28px;
  letter-spacing: 2px;
}

.countdown {
  background: #4f2028;
  color: #fff;
  text-align: center;
  max-width: 500px;
  padding: 30px 20px;
  width: 100%;
}

/* MES */
.month {
  letter-spacing: 2px;
  margin-bottom: 10px;
}

/* FILA DE FECHA */
.date-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  width: 100%;
}
.date-row p {
  flex: 1;
  height: 50px;
  align-content: center;
}
.date-row .border {
  padding: auto;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.date-row span {
  font-size: 14px;
}

/* LINEAS */
.line {
  width: 100%;
  height: 1px;
  background: white;
  margin: 0 10px;
}

/* DÍA GRANDE */
.day {
  font-size: 50px;
  font-family: 'Great Vibes', cursive;
  margin: 0 10px;
}

/* TIMER */
.timer {
  display: flex;
  justify-content: center;
  align-items: center; /* centra verticalmente */
  gap: 25px;
}
/* cada bloque (Meses, Días, etc) */
.timer div {
  flex: 1;
  height: 70px; /* fija altura igual para todos */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.timer span {
  font-size: 2rem;
  display: block;
  text-align: center;
}

.timer p {
  margin: 5px 0 0;
  font-size: 16px;
  text-align: center;
}

.img-icon {
  width: 70px;
}

.hora {
  text-align: center;
  font-family: 'Merriweather', serif;
  padding: 25px 20px;
  max-width: 300px;

  border-radius: 10px;
}

/* ICONO */
.img-icon {
  width: 70px;
  margin-bottom: 10px;
}

/* HORA */
.hora p:nth-of-type(1) {
  font-size: 28px;
  margin: 5px 0;
}

/* TITULO (Fiesta) */
.hora p:nth-of-type(2) {
  font-size: 26px;
  margin: 5px 0;
}

/* LUGAR */
.hora p:nth-of-type(3) {
  font-size: 20px;
  margin: 5px 0;
}

/* DIRECCION */
.hora p:nth-of-type(4) {
  font-size: 14px;
  margin: 5px 0 15px;
  color: #555;
}

/* BOTON */
.hora a {
  display: inline-block;
  background: #5a1f25; /* color vino */
  color: white;
  padding: 10px 20px;
  border-radius: 20px;
  text-decoration: none;
  font-size: 16px;
  transition: 0.3s;
}

.hora a:hover {
  background: #7a2a32;
}

.actividad {
  display: flex;
  column-gap: 10px;
  align-items: center;
}

/* IMAGEN */
.actividad img {
  width: 60px;
}
.actividades {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  margin-top: 45px;
}
/* HORA */
.actividades-hs {
  font-weight: bold;
  margin: 0;
  font-size: 18px;
}

/* DESCRIPCIÓN */
.actividades-description {
  grid-column: 2;
  grid-row: 2;
  margin: 0;
  font-size: 16px;
}

.confirmar {
  background: #4f2028;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 30px 20px;
  font-size: 14px;
  gap: 10px;
}

.confirmar img {
  width: 70px;
}
.confirmar a {
  margin-top: 10px;
  color: #fff;
  display: inline-block;
  border: 1px solid white;
  padding: 10px 20px;
  border-radius: 20px;
  text-decoration: none;
  font-size: 16px;
  transition: 0.3s;
}
.los-esperamos {
  font-family: 'Great Vibes', cursive;
  font-size: 50px;
}
.vestimenta {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  font-size: 16px;
}
.vestimenta img {
  width: 90px;
}
.vestimenta b {
  font-size: 18px;
}
.vestimenta .description {
  font-size: 13px;
}

.no-kids {
  border-top: #4f2028 solid 1px;
  padding-top: 20px;
  text-align: center;
  max-width: 400px;
  margin: auto;
  margin-top: 40px;
  margin-bottom: 20px;
  color: #333;
}

.no-kids .icon {
  width: 80px;
  margin-bottom: 10px;
  opacity: 0.8;
}

.no-kids h3 {
  font-size: 16px;
  margin-bottom: 10px;
  letter-spacing: 1px;
}

.no-kids p {
  font-size: 13px;
  line-height: 1.5;
  margin: 8px 0;
}

.no-kids .gracias {
  margin-top: 12px;
  font-style: italic;
}