html,body{margin:0;padding:0;width:100%;height:100%;background-color:#f4f4f4}#root{font-family:Open Sans,sans-serif;font-size:1rem;color:#333;display:flex;justify-content:top;align-items:center;flex-direction:column;height:100%}header{width:100%;flex:0 0 auto}main{width:90%;flex:1 0 auto;display:flex;justify-content:start;align-items:center;flex-direction:column;font-family:Playfair Display,serif}footer{width:100%;flex:0 0 auto;text-align:center;border-top:1px solid #ccc;padding:1rem 0}footer p{font-size:1rem;color:#666;margin:0}h1{text-align:center;font-size:1.5rem;margin-bottom:.5rem;color:#666;border-bottom:1px solid #ccc}p.date{margin:0;padding:0;font-size:1rem;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;color:#333}h2{font-size:2.5rem;text-align:center;margin:2rem 0 3rem;color:#555}h3{font-size:1.5rem;text-align:center;margin:1rem 0;color:#555}img.logo{display:block;max-width:500px;width:90%}p{margin:0 0 1rem;text-align:center;font-size:1.2rem;color:#555}p.cuenta{padding:1rem 2rem;background-color:#fff;border:1px solid #ccc;border-radius:6px;margin:2rem 0;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}p.cuenta img{vertical-align:middle;margin-left:1rem;margin-bottom:.2rem;height:1.2rem;width:1.2rem;display:inline-block;cursor:pointer}a{text-decoration:underline;color:#555;font-size:1em;margin:1rem 0}a.coordenadas{font-family:Courier New,Courier,monospace;font-size:1.2rem}.top-menu{display:flex;justify-content:center;align-items:center;padding-top:1rem}.top-menu p{display:none}@media (max-width: 768px){.top-menu{justify-content:flex-end}.top-menu p{display:block;color:#999;margin-top:.7rem;margin-right:.7rem;font-size:1.1rem}}.toggleMenuIcon{display:none;font-size:2rem;font-weight:700;margin-right:1rem}@media (max-width: 768px){.toggleMenuIcon{display:block}.toggleMenuIcon:hover{cursor:pointer}}@media (max-width: 768px){.toggleMenuText{margin-top:5px}}.menu{z-index:1;list-style:none;padding:0}.menu li{display:inline-block;margin-right:1rem}.menu li:last-child{margin-right:0}.menu a{text-decoration:none;color:#666;padding:10px 15px;display:block;border-bottom:4px solid transparent;font-weight:700;transition:border-bottom .3s ease}.menu a:hover{border-bottom:3px solid #999}.menu a.selected{border-bottom:3px solid #333;color:#333}@media (max-width: 768px){.menu{z-index:10;position:fixed;height:100%;overflow-y:auto;width:100%;top:4rem;left:-100%;transition:left 1s;border-right:solid 1px #eeeeee;background-color:#f4f4f4}.menu.visible{left:0}.menu li{display:block;margin:0;padding:0;text-align:center;border:1px solid #eeeeee}.menu a{padding:2rem 0;border-bottom:none;font-size:1.2rem}.menu a:hover{background-color:#efefef;border-bottom:none}.menu a.selected{border-bottom:none;color:#000}.menu a.selected:before,.menu a.selected:after{content:"-";margin:0 4px;font-weight:400;color:#999}}.agenda{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;margin-bottom:5rem;gap:1rem}@media (max-width: 768px){.agenda{flex-direction:column}}.agenda-content{position:relative;border:1px solid #ccc;border-radius:6px;width:32%;height:500px;display:flex;justify-content:center;font-size:2rem;color:#f4f4f4;align-items:center;letter-spacing:5px;font-family:Playfair Display,serif}.agenda-content.preboda{background-image:linear-gradient(#0006,#0006),url(/images/preboda.png);background-size:cover;background-position:center}.agenda-content.ceremonia{background-image:linear-gradient(#0000004d,#0000004d),url(/images/iglesia.webp);background-size:cover;background-position:center}.agenda-content.celebracion{background-image:linear-gradient(#0006,#0006),url(/images/finca.webp);background-size:cover;background-position:center}@media (max-width: 768px){.agenda-content{width:90%;margin-bottom:1rem}}.agenda-content-text{z-index:2;width:100%;position:absolute;bottom:20px;left:0;margin:0;padding:0;font-size:.8rem;background-color:#f4f4f4;opacity:.8;text-align:center;font-family:Playfair Display,serif;letter-spacing:0}.agenda-content-text .hora{font-size:1.3rem;font-family:Georgia,Times New Roman,Times,serif}.agenda-content-text p,.agenda-content-text a{color:#000;margin:.6rem 0;display:block;font-weight:400;font-size:1.1rem}.hoteles{display:flex;flex-direction:row;align-items:stretch;flex-wrap:wrap;justify-content:center;width:60%;margin-bottom:5rem;gap:2rem}@media (max-width: 768px){.hoteles{flex-direction:column;width:90%}}.hotel-content{border:1px solid #ccc;width:40%;display:flex;flex-direction:column;background-color:#fff;border-radius:6px}.hotel-content img{width:100%}@media (max-width: 768px){.hotel-content{width:96%;margin-bottom:1rem}}.hotel-content-description{margin:0;padding:1rem 0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;letter-spacing:0}.hotel-content-description h3{font-size:1.2rem!important;margin:.5rem 0}.hotel-content-description h3,.hotel-content-description p,.hotel-content-description a{margin-left:1rem;text-align:left;font-size:.9rem}.hotel-content-description a{display:block;font-weight:400}