/* PACK 004G · Inicio real + La experiencia */

.public-nav {
    gap: 6px;
}

.public-nav a {
    padding-inline: 10px;
}

.home-summary,
.home-rates-rules {
    padding: clamp(42px, 6vw, 78px) clamp(16px, 5vw, 76px);
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
    gap: clamp(18px, 3vw, 28px);
}

.home-summary-card {
    background: rgba(255, 253, 248, 0.88);
    border: 1px solid rgba(98, 125, 60, 0.15);
    border-radius: 34px;
    padding: clamp(26px, 4vw, 44px);
    box-shadow: var(--shadow-soft);
}

.home-summary-card.coral {
    background: linear-gradient(145deg, #fffdf8, var(--coral-soft));
}

.home-summary-card h2,
.home-rates-rules h2 {
    margin: 0 0 14px;
    font-size: clamp(30px, 4vw, 52px);
    line-height: 1.02;
    letter-spacing: -0.04em;
}

.home-summary-card p,
.home-rates-rules p {
    color: var(--muted);
    font-size: 18px;
    line-height: 1.62;
}

.home-experience-preview {
    padding: clamp(48px, 7vw, 92px) clamp(16px, 5vw, 76px);
    display: grid;
    grid-template-columns: minmax(0, 0.88fr) minmax(300px, 1.12fr);
    gap: clamp(28px, 6vw, 80px);
    align-items: center;
}

.mini-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
}

.experience-hero {
    --experience-image: none;
    min-height: clamp(460px, 72vh, 720px);
    padding: clamp(58px, 8vw, 110px) clamp(16px, 5vw, 76px);
    display: grid;
    align-items: center;
    background-image:
        linear-gradient(90deg, rgba(238, 245, 223, 0.96), rgba(238, 245, 223, 0.78) 46%, rgba(238, 245, 223, 0.32)),
        var(--experience-image);
    background-size: cover;
    background-position: center;
}

.experience-hero > div {
    max-width: 720px;
}

.experience-hero h1 {
    margin: 0 0 20px;
    font-size: clamp(46px, 7vw, 86px);
    line-height: 0.95;
    letter-spacing: -0.055em;
}

.experience-hero p {
    max-width: 640px;
    color: var(--muted);
    font-size: clamp(18px, 2.1vw, 24px);
    line-height: 1.55;
}

.experience-includes {
    padding: clamp(48px, 7vw, 94px) clamp(16px, 5vw, 76px);
}

.experience-feature-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.experience-showcase {
    padding-top: 24px;
}

@media (max-width: 1180px) {
    .public-header {
        align-items: flex-start;
    }

    .public-nav {
        justify-content: flex-end;
    }
}

@media (max-width: 980px) {
    .home-summary,
    .home-rates-rules,
    .home-experience-preview {
        grid-template-columns: 1fr;
    }

    .experience-feature-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .public-header {
        align-items: center;
    }

    .public-nav {
        width: 100%;
        justify-content: flex-start;
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 4px;
        scrollbar-width: thin;
    }

    .public-nav a {
        white-space: nowrap;
    }

    .experience-feature-row {
        grid-template-columns: 1fr;
    }

    .home-summary-card h2,
    .home-rates-rules h2 {
        font-size: 34px;
    }
}