:root {
    --mundo-dark: #0b1218;
    --mundo-dark-2: #17222d;
    --mundo-light: #f5f1e8;
    --mundo-white: #ffffff;
    --mundo-accent: #d4a24d;
    --mundo-accent-dark: #ba8834;
    --mundo-text: #5b6671;
    --mundo-border: rgba(255, 255, 255, 0.1);
}

body {
    font-family: "Public Sans", sans-serif;
    color: var(--mundo-text);
    background: #fffdf9;
}

h1, h2, h3, h4, h5, h6, .navbar-brand strong {
    font-family: "Exo", sans-serif;
    color: var(--mundo-dark);
}

a {
    color: inherit;
}

.mundo-topbar {
    background: var(--mundo-dark);
    color: rgba(255, 255, 255, 0.78);
    font-size: 14px;
}

.mundo-topbar__inner,
.mundo-topbar__links {
    display: flex;
    gap: 18px;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 10px 0;
}

.mundo-topbar__links a:hover,
.mundo-nav .nav-link:hover,
.mundo-footer a:hover,
.mundo-project-card__footer a:hover {
    color: var(--mundo-accent);
}

.mundo-header {
    position: sticky;
    top: 0;
    z-index: 100;
    background: rgba(255, 253, 249, 0.92);
    backdrop-filter: blur(14px);
    border-bottom: 1px solid rgba(11, 18, 24, 0.08);
}

.mundo-navbar {
    min-height: 92px;
}

.mundo-brand {
    display: inline-flex;
    gap: 14px;
    align-items: center;
}

.mundo-brand span:last-child {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.mundo-brand small {
    color: var(--mundo-text);
}

.mundo-brand__badge {
    width: 48px;
    height: 48px;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--mundo-accent), #f3d594);
    color: var(--mundo-dark);
    font-weight: 800;
}

.mundo-nav .nav-link {
    color: var(--mundo-dark);
    font-weight: 600;
}

.mundo-nav .nav-link.active {
    color: var(--mundo-accent-dark);
}

.mundo-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 24px;
    border-radius: 999px;
    background: var(--mundo-accent);
    color: var(--mundo-dark);
    font-weight: 700;
    border: 1px solid transparent;
    transition: 0.2s ease;
}

.mundo-btn:hover {
    background: var(--mundo-accent-dark);
    color: var(--mundo-white);
}

.mundo-btn--ghost {
    background: transparent;
    color: var(--mundo-white);
    border-color: rgba(255, 255, 255, 0.35);
}

.mundo-btn--ghost:hover {
    background: var(--mundo-white);
    color: var(--mundo-dark);
}

.mundo-btn--dark {
    background: var(--mundo-dark);
    color: var(--mundo-white);
}

.mundo-btn--small {
    padding: 10px 18px;
    font-size: 14px;
}

.mundo-eyebrow,
.mundo-page-header__eyebrow {
    text-transform: uppercase;
    letter-spacing: 0.14em;
    font-size: 12px;
    font-weight: 700;
    color: var(--mundo-accent);
    display: inline-block;
    margin-bottom: 18px;
}

.mundo-hero,
.mundo-page-header {
    background-size: cover;
    background-position: center;
}

.mundo-hero {
    padding: 110px 0 90px;
    color: var(--mundo-white);
}

.mundo-hero h1,
.mundo-page-header h1 {
    color: var(--mundo-white);
    font-size: clamp(2.4rem, 5vw, 4.6rem);
    line-height: 1.05;
    margin-bottom: 22px;
}

.mundo-hero p,
.mundo-page-header p {
    color: rgba(255, 255, 255, 0.82);
    font-size: 18px;
    max-width: 650px;
}

.mundo-hero__actions,
.mundo-inline-actions {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 32px;
}

.mundo-hero__panel,
.mundo-side-card,
.mundo-contact-card,
.mundo-copy-card,
.mundo-form,
.mundo-alert {
    background: var(--mundo-white);
    border-radius: 28px;
    padding: 28px;
    box-shadow: 0 24px 60px rgba(11, 18, 24, 0.08);
}

.mundo-hero__panel h3,
.mundo-side-card h3,
.mundo-contact-card h3 {
    margin-bottom: 16px;
}

.mundo-hero__panel ul,
.mundo-side-card ul,
.mundo-footer__links,
.mundo-bullet-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mundo-hero__panel li,
.mundo-side-card li,
.mundo-bullet-list span,
.mundo-service-feature li {
    position: relative;
    padding-left: 18px;
    margin-bottom: 12px;
}

.mundo-hero__panel li::before,
.mundo-side-card li::before,
.mundo-bullet-list span::before,
.mundo-service-feature li::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--mundo-accent);
    position: absolute;
    left: 0;
    top: 9px;
}

.mundo-hero__contact {
    border-top: 1px solid rgba(11, 18, 24, 0.08);
    padding-top: 18px;
    margin-top: 20px;
}

.mundo-hero__contact a {
    display: block;
    font-weight: 700;
    font-size: 22px;
    color: var(--mundo-dark);
}

.mundo-section {
    padding: 92px 0;
}

.mundo-section--tight {
    padding-top: 0;
}

.mundo-section--alt {
    background: linear-gradient(180deg, rgba(242, 235, 223, 0.46), rgba(255, 255, 255, 0));
}

.mundo-section--dark {
    background: linear-gradient(135deg, var(--mundo-dark), var(--mundo-dark-2));
}

.mundo-section-heading {
    max-width: 760px;
    margin-bottom: 40px;
}

.mundo-section-heading--light h2,
.mundo-section-heading--light p {
    color: var(--mundo-white);
}

.mundo-number-card,
.mundo-icon-card,
.mundo-value-card {
    height: 100%;
    border-radius: 24px;
    padding: 28px;
    background: var(--mundo-white);
    border: 1px solid rgba(11, 18, 24, 0.06);
}

.mundo-number-card strong {
    display: block;
    font-size: 44px;
    line-height: 1;
    color: var(--mundo-accent-dark);
    margin-bottom: 8px;
}

.mundo-icon-card i,
.mundo-value-card i {
    font-size: 28px;
    color: var(--mundo-accent-dark);
    margin-bottom: 16px;
}

.mundo-service-card,
.mundo-project-card,
.mundo-gallery-card {
    background: var(--mundo-white);
    border-radius: 26px;
    overflow: hidden;
    box-shadow: 0 16px 36px rgba(11, 18, 24, 0.08);
    height: 100%;
}

.mundo-service-card img,
.mundo-service-feature img,
.mundo-project-card__image img,
.mundo-gallery-card img,
.mundo-photo-card {
    width: 100%;
    display: block;
    object-fit: cover;
}

.mundo-service-card img,
.mundo-project-card__image img {
    height: 240px;
}

.mundo-service-card__body,
.mundo-project-card__body {
    padding: 26px;
}

.mundo-service-card__body a,
.mundo-project-card__footer a {
    font-weight: 700;
    color: var(--mundo-accent-dark);
}

.mundo-photo-card {
    border-radius: 30px;
    min-height: 420px;
}

.mundo-photo-card--wide {
    min-height: 500px;
}

.mundo-project-card__meta,
.mundo-project-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
}

.mundo-project-card__meta {
    margin-bottom: 14px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--mundo-accent-dark);
}

.mundo-service-feature {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    background: var(--mundo-white);
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 20px 46px rgba(11, 18, 24, 0.08);
    height: 100%;
}

.mundo-service-feature img {
    height: 100%;
    min-height: 320px;
}

.mundo-service-feature__body {
    padding: 32px;
}

.mundo-partners {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 18px;
}

.mundo-partners span {
    padding: 20px;
    text-align: center;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.08);
    color: var(--mundo-white);
    font-weight: 700;
}

.mundo-cta {
    padding: 72px 0;
    background: linear-gradient(135deg, #f4ddab, #e9c37a);
}

.mundo-page-header {
    padding: 90px 0 80px;
}

.mundo-copy,
.mundo-copy-card p {
    color: var(--mundo-text);
}

.mundo-gallery-card figcaption {
    padding: 16px 18px;
}

.mundo-form label {
    display: block;
    font-weight: 700;
    color: var(--mundo-dark);
    margin-bottom: 8px;
}

.mundo-form input,
.mundo-form select,
.mundo-form textarea {
    width: 100%;
    border-radius: 16px;
    border: 1px solid rgba(11, 18, 24, 0.12);
    padding: 14px 16px;
    background: #fffdf9;
    color: var(--mundo-dark);
}

.mundo-form small {
    color: #b42318;
    display: block;
    margin-top: 6px;
}

.mundo-alert--success {
    margin-top: 18px;
    border-left: 5px solid #12b76a;
}

.mundo-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 44px;
}

.mundo-pagination a,
.mundo-pagination span {
    padding: 10px 18px;
    border-radius: 999px;
    background: #f2ece0;
    color: var(--mundo-dark);
}

.mundo-pagination .is-disabled {
    opacity: 0.5;
}

.mundo-footer {
    background: var(--mundo-dark);
    color: rgba(255, 255, 255, 0.76);
    padding: 72px 0 28px;
}

.mundo-footer h4,
.mundo-footer strong {
    color: var(--mundo-white);
}

.mundo-footer__brand {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 20px;
}

.mundo-footer__links li {
    margin-bottom: 10px;
}

.mundo-footer__bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 34px;
    padding-top: 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

@media (max-width: 991.98px) {
    .mundo-service-feature {
        grid-template-columns: 1fr;
    }

    .mundo-partners {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mundo-hero {
        padding: 90px 0 70px;
    }

    .mundo-section {
        padding: 74px 0;
    }
}

@media (max-width: 767.98px) {
    .mundo-topbar__inner,
    .mundo-topbar__links,
    .mundo-hero__actions,
    .mundo-inline-actions,
    .mundo-footer__bottom {
        flex-direction: column;
        align-items: flex-start;
    }

    .mundo-hero h1,
    .mundo-page-header h1 {
        font-size: 2.5rem;
    }

    .mundo-partners {
        grid-template-columns: 1fr;
    }

    .mundo-photo-card,
    .mundo-photo-card--wide,
    .mundo-service-card img,
    .mundo-project-card__image img {
        min-height: auto;
        height: auto;
    }
}
