text-decoration: none; } .nav-menu { display: flex; list-style: none; gap: 2rem; } .nav-menu a { text-decoration: none; color: #666; font-size: 0.9rem; font-weight: 400; transition: color 0.3s ease; } .nav-menu a:hover { color: #6b7c6b; } /* Hero Section */ .hero { min-height: 100vh; background: linear-gradient(135deg, #7a8471 0%, #6b7c6b 100%); display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 8rem 2rem 4rem; position: relative; } .hero-illustration { width: 200px; height: 200px; margin-bottom: 2rem; position: relative; } .hero-illustration svg { width: 100%; height: 100%; stroke: #f4f1e8; stroke-width: 2; fill: none; stroke-linecap: round; stroke-linejoin: round; } .hero-title { font-family: 'Playfair Display', serif; font-size: clamp(3rem, 8vw, 5rem); font-weight: 400; color: #f4f1e8; margin-bottom: 1rem; letter-spacing: 0.02em; } .hero-date { font-size: clamp(1.2rem, 4vw, 1.5rem); color: #d4d1c4; font-weight: 300; margin-bottom: 3rem; } .hero-button { background: rgba(212, 209, 196, 0.2); border: 1px solid #d4d1c4; color: #f4f1e8; padding: 0.75rem 2rem; border-radius: 25px; text-decoration: none; font-weight: 500; font-size: 0.9rem; transition: all 0.3s ease; text-transform: uppercase; letter-spacing: 0.05em; } .hero-button:hover { background: rgba(212, 209, 196, 0.3); transform: translateY(-2px); } /* Story Section */ .story { padding: 6rem 2rem; background: #f8f6f3; text-align: center; } .story-title { font-size: 0.8rem; font-weight: 500; color: #999; letter-spacing: 0.15em; text-transform: uppercase; margin-bottom: 3rem; } .story-quote { font-family: 'Dancing Script', cursive; font-size: clamp(2rem, 6vw, 3rem); color: #6b7c6b; margin-bottom: 3rem; line-height: 1.2; font-weight: 500; } .story-dogs { width: 200px; height: 120px; margin: 0 auto 3rem; position: relative; } .story-dogs svg { width: 100%; height: 100%; stroke: #c4b898; stroke-width: 1.5; fill: none; stroke-linecap: round; stroke-linejoin: round; } .story-text { font-size: 1rem; color: #666; max-width: 600px; margin: 0 auto; line-height: 1.7; } /* Timeline Section */ .timeline { padding: 6rem 2rem; background: #fff; } .timeline-title { text-align: center; font-size: 1.8rem; font-weight: 500; color: #333; margin-bottom: 4rem; } .timeline-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 2rem; max-width: 1000px; margin: 0 auto; } .timeline-item { text-align: center; padding: 2rem 1rem; background: #fafafa; border-radius: 12px; border: 1px solid #f0f0f0; } .timeline-time { font-size: 0.8rem; font-weight: 600; color: #6b7c6b; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 0.5rem; } .timeline-event { font-size: 1.1rem; font-weight: 500; color: #333; } /* Location Section */ .location { padding: 6rem 2rem; text-align: center; background: #f8f6f3; } .location-title { font-size: 0.8rem; font-weight: 500; color: #999; letter-spacing: 0.15em; text-transform: uppercase; margin-bottom: 1rem; } .venue-name { font-size: 2rem; font-weight: 600; color: #333; margin-bottom: 1rem; } .venue-address { font-size: 1rem; color: #666; line-height: 1.6; margin-bottom: 2rem; max-width: 400px; margin-left: auto; margin-right: auto; } .location-note { background: #fff3cd; border: 1px solid #ffeaa7; border-radius: 8px; padding: 1rem; margin: 2rem auto; max-width: 500px; font-size: 0.9rem; color: #8a6914; } /* RSVP Section */ .rsvp { padding: 6rem 2rem; text-align: center; background: #fff; } .rsvp-title { font-size: 1.8rem; font-weight: 500; color: #333; margin-bottom: 1rem; } .rsvp-subtitle { font-size: 0.8rem; font-weight: 600; color: #6b7c6b; letter-spacing: 0.15em; text-transform: uppercase; margin-bottom: 2rem; } .rsvp-text { font-size: 1rem; color: #666; line-height: 1.6; margin-bottom: 1rem; } .rsvp-deadline { font-weight: 600; color: #333; } .rsvp-contact { margin-top: 2rem; } /* Buttons */ .btn { display: inline-block; padding: 0.75rem 2rem; background: #6b7c6b; color: #fff; text-decoration: none; border-radius: 25px; font-weight: 500; font-size: 0.9rem; transition: all 0.3s ease; margin: 0.5rem; } .btn:hover { background: #5a6b5a; transform: translateY(-2px); } .btn-whatsapp { background: #25d366; } .btn-whatsapp:hover { background: #128c7e; } .btn-outline { background: transparent; color: #6b7c6b; border: 1px solid #6b7c6b; } .btn-outline:hover { background: #6b7c6b; color: #fff; } /* Dress Code Section */ .dresscode { padding: 6rem 2rem; text-align: center; background: #1a1a1a; color: #fff; } .dresscode-title { font-size: 2rem; font-weight: 600; margin-bottom: 1rem; letter-spacing: 0.05em; } .dresscode-subtitle { font-size: 0.8rem; font-weight: 600; color: #999; letter-spacing: 0.15em; text-transform: uppercase; margin-bottom: 2rem; } .dresscode-note { font-size: 1rem; color: #ccc; margin-bottom: 2rem; } .btn-white { background: #fff; color: #1a1a1a; border: 1px solid #fff; } .btn-white:hover { background: #f0f0f0; } /* Gift Registry Section */ .gifts { padding: 6rem 2rem; background: #f8f6f3; } .gifts-title { text-align: center; font-size: 1.8rem; font-weight: 500; color: #333; margin-bottom: 4rem; } .gifts-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; max-width: 800px; margin: 0 auto; } .gift-store { background: #fff; padding: 2rem; border-radius: 12px; text-align: center; border: 1px solid #f0f0f0; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); } .store-name { font-size: 1.2rem; font-weight: 600; color: #333; margin-bottom: 0.5rem; } .store-id { font-size: 0.9rem; color: #666; margin-bottom: 1.5rem; } /* Accommodations Section */ .accommodations { padding: 6rem 2rem; background: #fff; } .accommodations-title { text-align: center; font-size: 1.8rem; font-weight: 500; color: #333; margin-bottom: 4rem; } .accommodation-category { margin-bottom: 4rem; } .category-title { font-size: 0.8rem; font-weight: 600; color: #6b7c6b; letter-spacing: 0.15em; text-transform: uppercase; text-align: center; margin-bottom: 2rem; } .accommodation-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; max-width: 1000px; margin: 0 auto; } .accommodation-item { background: #fafafa; padding: 2rem; border-radius: 12px; border: 1px solid #f0f0f0; } .accommodation-name { font-size: 1.2rem; font-weight: 600; color: #333; margin-bottom: 0.5rem; } .accommodation-details { font-size: 0.9rem; color: #666; line-height: 1.6; margin-bottom: 1.5rem; } .accommodation-details a { color: #25d366; text-decoration: none; } .accommodation-details a:hover { text-decoration: underline; } /* Footer */ .footer { padding: 4rem 2rem; text-align: center; background: #6b7c6b; color: #fff; } .footer-logo { font-family: 'Playfair Display', serif; font-size: 1.5rem; font-weight: 400; margin-bottom: 1rem; } .footer-date { font-size: 0.9rem; color: #d4d1c4; } /* WhatsApp Float Button */ .whatsapp-float { position: fixed; bottom: 2rem; right: 2rem; background: #25d366; color: #fff; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-decoration: none; box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4); z-index: 1000; transition: all 0.3s ease; } .whatsapp-float:hover { transform: scale(1.1); box-shadow: 0 6px 16px rgba(37, 211, 102, 0.6); } /* Responsive Design */ @media (max-width: 768px) { .nav-menu { display: none; } .timeline-grid { grid-template-columns: 1fr 1fr; gap: 1rem; } .gifts-grid { grid-template-columns: 1fr; } .accommodation-grid { grid-template-columns: 1fr; } .story-quote { font-size: 2rem; } } @media (max-width: 480px) { .timeline-grid { grid-template-columns: 1fr; } } /* Story Section */ .story { padding: 100px 0; background: #fff; text-align: center; } .story h2 { font-family: 'Playfair Display', serif; font-size: 2.5rem; margin-bottom: 2rem; color: #2c3e50; } .story-text { font-size: 1.2rem; color: #6c757d; max-width: 600px; margin: 0 auto 3rem; line-height: 1.8; } /* Schedule Section */ .schedule { padding: 100px 0; background: #f8f9fa; } .schedule h2 { font-family: 'Playfair Display', serif; font-size: 2.5rem; text-align: center; margin-bottom: 3rem; color: #2c3e50; } .timeline { max-width: 600px; margin: 0 auto; } .timeline-item { display: flex; align-items: center; margin-bottom: 2rem; padding: 1.5rem; background: #fff; border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); } .time { font-size: 1.5rem; font-weight: 600; color: #2c3e50; min-width: 120px; } .event { font-size: 1.2rem; color: #6c757d; margin-left: 2rem; } /* Location Section */ .location { padding: 100px 0; background: #fff; text-align: center; } .location h2 { font-family: 'Playfair Display', serif; font-size: 2.5rem; margin-bottom: 2rem; color: #2c3e50; } .venue { font-size: 1.5rem; font-weight: 600; color: #2c3e50; margin-bottom: 1rem; } .address { font-size: 1.1rem; color: #6c757d; margin-bottom: 2rem; line-height: 1.6; } .note { background: #fff3cd; border: 1px solid #ffeaa7; border-radius: 8px; padding: 1rem; margin: 2rem 0; color: #856404; font-style: italic; } /* RSVP Section */ .rsvp { padding: 100px 0; background: #f8f9fa; text-align: center; } .rsvp h2 { font-family: 'Playfair Display', serif; font-size: 2.5rem; margin-bottom: 2rem; color: #2c3e50; } .rsvp-text { font-size: 1.1rem; color: #6c757d; margin-bottom: 1rem; } .rsvp-deadline { font-weight: 600; color: #2c3e50; margin-bottom: 2rem; } /* Dress Code Section */ .dresscode { padding: 100px 0; background: #000; color: #fff; text-align: center; } .dresscode h2 { font-family: 'Playfair Display', serif; font-size: 2.5rem; margin-bottom: 2rem; } .dresscode-title { font-size: 2rem; font-weight: 600; margin-bottom: 1rem; letter-spacing: 2px; } .dresscode-note { font-size: 1.1rem; color: #ccc; margin-bottom: 2rem; } /* Gift Registry Section */ .gifts { padding: 100px 0; background: #fff; text-align: center; } .gifts h2 { font-family: 'Playfair Display', serif; font-size: 2.5rem; margin-bottom: 3rem; color: #2c3e50; } .gift-stores { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; max-width: 800px; margin: 0 auto; } .gift-store { background: #f8f9fa; padding: 2rem; border-radius: 10px; border: 2px solid #e9ecef; transition: transform 0.3s ease; } .gift-store:hover { transform: translateY(-5px); } .store-name { font-size: 1.3rem; font-weight: 600; color: #2c3e50; margin-bottom: 1rem; } .store-id { font-size: 1.1rem; color: #6c757d; margin-bottom: 1rem; } /* Accommodations Section */ .accommodations { padding: 100px 0; background: #f8f9fa; } .accommodations h2 { font-family: 'Playfair Display', serif; font-size: 2.5rem; text-align: center; margin-bottom: 3rem; color: #2c3e50; } .accommodation-category { margin-bottom: 3rem; } .accommodation-category h3 { font-size: 1.5rem; color: #2c3e50; margin-bottom: 1.5rem; text-align: center; } .accommodation-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; } .accommodation-item { background: #fff; padding: 2rem; border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); } .accommodation-name { font-size: 1.2rem; font-weight: 600; color: #2c3e50; margin-bottom: 0.5rem; } .accommodation-details { color: #6c757d; margin-bottom: 1rem; } /* Buttons */ .btn { display: inline-block; padding: 12px 30px; background: #2c3e50; color: #fff; text-decoration: none; border-radius: 25px; font-weight: 500; margin: 0.5rem; transition: all 0.3s ease; } .btn:hover { background: #34495e; transform: translateY(-2px); } .btn-outline { background: transparent; border: 2px solid #2c3e50; color: #2c3e50; } .btn-outline:hover { background: #2c3e50; color: #fff; } .btn-whatsapp { background: #25d366; } .btn-whatsapp:hover { background: #20b858; } /* Footer */ .footer { padding: 50px 0; background: #2c3e50; color: #fff; text-align: center; } .footer-logo { font-family: 'Playfair Display', serif; font-size: 2rem; margin-bottom: 1rem; } /* Responsive Design */ @media (max-width: 768px) { .names { font-size: 2.5rem; } .ampersand { font-size: 2rem; margin: 0 0.5rem; } .timeline-item { flex-direction: column; text-align: center; } .event { margin-left: 0; margin-top: 0.5rem; } .gift-stores { grid-template-columns: 1fr; } }

Ilse & Ory

14 de Febrero de 2026

Nuestra Historia
NUESTRA HISTORIA
¿Quién diría que un paseo de perros terminaría en el altar?

Desde que nuestros caminos (y nuestros perritos) se cruzaron en el parque, supimos que este era el comienzo de algo especial.

Acompáñanos a celebrar un baile inolvidable, de esos que duran para siempre.

Los Horarios

5:30 PM
Recepción
6:00 PM
Ceremonia Civil
7:00 PM
Cocktail
8:00 PM
Cena
9:00 PM
Fiesta
Lugar

MANSIÓN MAGNOLIA

Calle Francisco I. Madero 636, Mexicaltzingo, 44100
Guadalajara, Jalisco, México
CÓMO LLEGAR
Nota: El lugar no cuenta con estacionamiento, por lo que te recomendamos trasladarte en Uber.

CONFIRMAR ASISTENCIA

RSVP

Ayúdanos a confirmar tu asistencia

en el siguiente número antes del

30 de noviembre de 2025:

Evento sólo para adultos

33 2157 2320

Dresscode

ALL BLACK

Nota: All Black es eso, sólo negro, no camisas blancas ;)

VER MÁS IDEAS

Mesa de Regalos

Liverpool
51625097
IR A MESA
Palacio de Hierro
394321
IR A MESA
Amazon
3D8Q9O27EWUP
IR A MESA

Alojamientos

HOTELES
DoubleTree by Hilton
Guadalajara
Centro Histórico
Cómo Llegar
Gala Hotel Boutique
Cómo Llegar
ZONAS PARA AIRBNB
Colonia Americana
Centro Histórico Guadalajara
Providencia
HOSTAL
Casa Canario
Menciona que vas a nuestra boda y te harán un 10% de descuento
Whatsapp: 33 1384 4012
Cómo Llegar
Lugar

MANSIÓN MAGNOLIA

Calle Francisco I. Madero 636, Mexicaltzingo, 44100
Guadalajara, Jalisco, México
CÓMO LLEGAR
Nota: El lugar no cuenta con estacionamiento, por lo que te recomendamos trasladarte en Uber.

CONFIRMAR ASISTENCIA

RSVP

Ayúdanos a confirmar tu asistencia

en el siguiente número antes del

30 de noviembre de 2025:

Evento sólo para adultos

33 2157 2320

Dresscode

ALL BLACK

Nota: All Black es eso, sólo negro, no camisas blancas ;)

VER MÁS IDEAS

Mesa de Regalos

Liverpool
51625097
IR A MESA
Palacio de Hierro
394321
IR A MESA
Amazon
3D8Q9O27EWUP
IR A MESA

Alojamientos

HOTELES
DoubleTree by Hilton
Guadalajara
Centro Histórico
Cómo Llegar
Gala Hotel Boutique
Cómo Llegar
ZONAS PARA AIRBNB
Colonia Americana
Centro Histórico Guadalajara
Providencia
HOSTAL
Casa Canario
Menciona que vas a nuestra boda y te harán un 10% de descuento
Whatsapp: 33 1384 4012
Cómo Llegar