@charset "utf-8";

/*
    Gus & Luz Details Stylesheet
    Author: Jose Sanchez
    Date: 2/11/2026

    Filename: gl_styles3.css
    Shared rules (reset, nav, logo, footer, language toggle, animations)
    live in gl_base.css — this file only holds details-page-specific styling.
*/

/* Font Styles */
.corinthia-regular {
    font-family: var(--font-script);
    font-weight: 400;
    font-style: normal;
}

.corinthia-bold {
    font-family: var(--font-script);
    font-weight: 700;
    font-style: normal;
}

/* Slide-in groupings specific to this page */
.info {
    opacity: 0;
    transform: translateX(40px);
    animation: slideIn 1.1s ease forwards;
}

.title, .location {
    opacity: 0;
    transform: translateX(-40px);
    animation: slideIn 1.1s ease forwards;
}

/* Title Styles */
.title {
    text-align: center;
    padding: 0 10px;
}

.title h1 {
    font-size: 1.9rem;
}

.title p {
    font-size: 1.05rem;
    padding: 0 26px;
    margin-top: 10px;
}

.title cite {
    font-style: normal;
    color: var(--color-ink);
    font-weight: 600;
}

/* Information Card Styles */
.info, .location, .add-info {
    margin: 0 auto 34px;
    width: 88%;
    text-align: center;
    padding: 22px 20px;
    background-color: var(--color-surface);
    border: var(--card-border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-soft);
}

.info h2, .location h2, .add-info h2 {
    margin: 0 0 10px;
    font-size: 1.3rem;
}

.info p, .location p, .add-info p {
    margin: 0;
    font-size: 1.05rem;
    line-height: 1.7rem;
}

/* Venue Styles */
.venue {
    display: flex;
    align-items: end;
    justify-content: center;
    margin: 0 auto 40px;
    background-image:
        linear-gradient(to top, rgba(20, 30, 40, 0.55), rgba(20, 30, 40, 0) 55%),
        url(gallery/villa.png);
    background-position: center;
    background-size: cover;
    width: 88%;
    height: 17rem;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-soft);
}

.venue .button {
    margin-bottom: 22px;
}