@import url('https://fonts.googleapis.com/css2?family=Parisienne&family=Special+Elite&display=swap');

:root {
  --tipo-titulo: 'Parisienne', cursive;
  --tipo-normal: 'Special Elite', cursive;
  --color-fondo: #f2e2c4;   /* sepia suave */
  --color-frente: #4b3621;  /* marrón envejecido */
}

/***** Basics *****/
body {color: var(--color-frente); background-color: var(--color-fondo);}
h2, h3, h4, h5, h6 {font-family: var(--tipo-titulo);}

/***** Navigation *****/
nav {padding: 1rem; font-family: var(--tipo-normal);}
nav ul {display: flex; flex-flow: row wrap; align-items: center; justify-content: center;}

/***** Main *****/
main {padding: 1rem; font-family: var(--tipo-normal);}

/***** Portada *****/
#portada {margin: 1rem; padding: 1rem; border: 1px solid var(--color-frente);}
#portada .novios {visibility: visible;}
#portada .fecha {visibility: visible;}
#portada .dia-semana {visibility: visible;}
#portada .dia-numero {visibility: visible;}
#portada .mes {visibility: visible;}
#portada .ano {visibility: visible;}
#portada .localidad {visibility: visible;}
#portada .provincia {visibility: visible;}
#portada .comunidad {visibility: visible;}
#portada .pais {visibility: visible;}

/***** Integrantes *****/
#integrantes {margin: 1rem; padding: 1rem; border: 1px solid var(--color-frente);}
#integrantes h3 {text-align: center;}
#integrantes ul {visibility: visible;}
#integrantes ul li {visibility: visible;}
#integrantes ul li img {visibility: visible;}
#integrantes .rol {visibility: visible;}
#integrantes .nombre {visibility: visible;}
#integrantes .apellidos {visibility: visible;}
#integrantes .edad {visibility: visible;}

/***** Proveedores *****/
#proveedores {margin: 1rem; padding: 1rem; border: 1px solid var(--color-frente);}
#proveedores h3 {text-align: center;}
#proveedores ul {visibility: visible;}
#proveedores ul li {visibility: visible;}
#proveedores ul li img {visibility: visible;}
#proveedores .rol {visibility: visible;}
#proveedores .denominacion {visibility: visible;}
#proveedores .contacto {visibility: visible;}

/***** Lugares *****/
#lugares {margin: 1rem; padding: 1rem; border: 1px solid var(--color-frente);}
#lugares h3 {text-align: center;}
#lugares ul {visibility: visible;}
#lugares ul li {visibility: visible;}
#lugares ul li img {visibility: visible;}
#lugares .tipo {visibility: visible;}
#lugares .nombre {visibility: visible;}
#lugares .direccion {visibility: visible;}
#lugares .cp {visibility: visible;}
#lugares .localidad {visibility: visible;}
#lugares .provincia {visibility: visible;}
#lugares .comunidad {visibility: visible;}
#lugares .pais {visibility: visible;}
#lugares .latitud {visibility: visible;}
#lugares .longitud {visibility: visible;}

/***** Invitados *****/
#invitados {margin: 1rem; padding: 1rem; border: 1px solid var(--color-frente);}
#invitados h3 {text-align: center;}
#invitados ul {visibility: visible;}
#invitados ul li {visibility: visible;}
#invitados ul li ul {visibility: visible;}
#invitados ul li ul li {visibility: visible;}
#invitados .relacion {visibility: visible;}
#invitados .nombre {visibility: visible;}

/***** Deseos *****/
#deseos {margin: 1rem; padding: 1rem; border: 1px solid var(--color-frente);}
#deseos h3 {text-align: center;}
#deseos ul {visibility: visible;}
#deseos ul li {visibility: visible;}
#deseos ul li img {visibility: visible;}
#deseos .nombre {visibility: visible;}

/***** Donativos *****/
#donativos {margin: 1rem; padding: 1rem; border: 1px solid var(--color-frente);}
#donativos h3 {text-align: center;}
#donativos ul {visibility: visible;}
#donativos ul li {visibility: visible;}
#donativos .cantidad {visibility: visible;}
#donativos .fecha {visibility: visible;}
#donativos .invitado {visibility: visible;}