.home-visual {
    --vino: #5b1224;
    --vino-profundo: #2f0b14;
    --oro: #d4af62;
    --oro-suave: #f5e2b4;
    --tinta: #1f1613;
    background: #f3ecdf;
    color: #3d3028;
}

.home-visual p,
.home-visual address {
    color: #4a3b31;
}

.home-visual h1,
.home-visual h2,
.home-visual h3,
.home-visual h4,
.home-visual h5,
.home-visual h6,
.home-visual .h1,
.home-visual .h2,
.home-visual .h3,
.home-visual .h4,
.home-visual .h5,
.home-visual .h6 {
    color: var(--tinta);
    font-family: Georgia, "Times New Roman", serif;
}

.home-visual #navigation {
    background: rgba(20, 12, 10, 0.78);
    border-bottom: 1px solid rgba(212, 175, 98, 0.35);
    backdrop-filter: blur(6px);
}

.home-visual .navbar-brand a {
    color: var(--oro-suave);
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.home-visual .navbar-inverse .navbar-nav > li > a {
    color: #f7ead1;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.2px;
}

.home-visual .navbar-inverse .navbar-nav > li > a:hover,
.home-visual .navbar-inverse .navbar-nav > li.current > a {
    color: var(--oro);
}

.home-visual #home-slider .sl-slide::after {
    background:
        linear-gradient(120deg, rgba(20, 9, 7, 0.84), rgba(49, 14, 21, 0.6)),
        radial-gradient(circle at 20% 20%, rgba(212, 175, 98, 0.18), transparent 35%);
    content: "";
    inset: 0;
    position: absolute;
    z-index: 1;
}

.home-visual #home-slider .bg-img {
    filter: saturate(0.8) contrast(1.05) brightness(0.55);
    transform: scale(1.04);
}

.home-visual .slide-caption {
    z-index: 2;
}

.home-visual .caption-content {
    margin: 0 auto;
    max-width: 980px;
    padding: 0 30px;
}

.home-visual .hero-badge {
    border: 1px solid rgba(245, 226, 180, 0.45);
    border-radius: 999px;
    color: var(--oro-suave);
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 22px;
    padding: 10px 18px;
    text-transform: uppercase;
}

.home-visual .caption-content h2 {
    color: #fff7ea;
    font-size: 58px;
    font-weight: 700;
    line-height: 1.08;
    margin: 0 auto 22px;
    max-width: 920px;
    text-transform: none;
}

.home-visual .caption-content > span {
    color: #f0deca;
    display: block;
    font-size: 21px;
    line-height: 1.7;
    margin: 0 auto 30px;
    max-width: 760px;
    text-transform: none;
}

.home-visual .hero-actions {
    margin-bottom: 28px;
}

.home-visual .hero-actions .btn {
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.4px;
    margin: 0 8px 12px;
    padding: 14px 26px;
}

.home-visual .btn-blue {
    background: linear-gradient(135deg, #bf8d34, var(--oro));
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    color: var(--vino-profundo);
}

.home-visual .btn-border {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 239, 211, 0.7);
    color: #fff7ea;
}

.home-visual .btn-effect:hover,
.home-visual .btn-effect:focus,
.home-visual .btn-effect:active {
    color: var(--vino-profundo);
}

.home-visual .hero-highlights {
    list-style: none;
    margin: 0;
    padding: 0;
}

.home-visual .hero-highlights li {
    color: #f7ead1;
    display: inline-block;
    font-size: 13px;
    letter-spacing: 0.5px;
    margin: 0 10px 10px;
    padding-left: 18px;
    position: relative;
}

.home-visual .hero-highlights li::before {
    color: var(--oro);
    content: "\f005";
    font-family: FontAwesome;
    left: 0;
    position: absolute;
    top: 0;
}

.home-visual #about {
    background:
        radial-gradient(circle at top right, rgba(212, 175, 98, 0.16), transparent 30%),
        linear-gradient(180deg, #f8f1e3 0%, #efe1cc 100%);
    color: #49352b;
    overflow: hidden;
}

.home-visual #about h3,
.home-visual #about h4 {
    color: var(--vino);
    text-transform: none;
}

.home-visual .section-intro {
    margin-bottom: 30px;
}

.home-visual .welcome-block {
    background: rgba(255, 250, 241, 0.72);
    border: 1px solid rgba(91, 18, 36, 0.08);
    border-radius: 28px;
    box-shadow: 0 20px 50px rgba(63, 34, 18, 0.08);
    padding: 38px;
}

.home-visual .welcome-block .message-body {
    font-size: 17px;
    line-height: 1.8;
    margin-bottom: 0;
}

.home-visual .welcome-block .message-body p + p {
    margin-top: 16px;
}

.home-visual .atelier-panel {
    background: linear-gradient(160deg, var(--vino) 0%, var(--vino-profundo) 100%);
    border-radius: 28px;
    box-shadow: 0 25px 55px rgba(47, 11, 20, 0.28);
    padding: 28px;
}

.home-visual .atelier-stat + .atelier-stat {
    border-top: 1px solid rgba(245, 226, 180, 0.2);
    margin-top: 20px;
    padding-top: 20px;
}

.home-visual .atelier-stat strong {
    color: #fff4dd;
    display: block;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 28px;
    margin-bottom: 6px;
}

.home-visual .atelier-stat span {
    color: rgba(255, 245, 221, 0.84);
    display: block;
    line-height: 1.7;
}

.home-visual .craft-slider {
    margin-top: 20px;
}

.home-visual .craft-card {
    background: rgba(255, 250, 241, 0.9);
    border: 1px solid rgba(91, 18, 36, 0.08);
    border-radius: 24px;
    box-shadow: 0 18px 45px rgba(63, 34, 18, 0.08);
    margin: 10px;
    min-height: 250px;
    padding: 30px 24px;
}

.home-visual .craft-card i {
    color: var(--oro);
    font-size: 28px;
    margin-bottom: 18px;
}

.home-visual .craft-card h4 {
    font-size: 24px;
    margin-bottom: 12px;
}

.home-visual .craft-card p {
    color: #5b473c;
    line-height: 1.75;
}

.home-visual #about .owl-buttons {
    border: 2px solid rgba(91, 18, 36, 0.18);
    border-radius: 999px;
    padding: 4px 10px 8px;
}

.home-visual #about .owl-buttons > div {
    color: var(--vino);
}

.home-visual #portfolio {
    background: linear-gradient(180deg, #fbf7ef 0%, #f1e6d4 100%);
}

.home-visual .sec-title h2 {
    color: var(--vino);
    font-size: 46px;
    letter-spacing: 0.5px;
    text-transform: none;
}

.home-visual .sec-title h2::after {
    border-bottom-color: rgba(91, 18, 36, 0.28);
}

.home-visual .sec-title p {
    color: #654e40;
    font-size: 18px;
    line-height: 1.7;
    margin: 0 auto;
    max-width: 760px;
}

.home-visual .portfolio-item {
    border-radius: 24px;
    box-shadow: 0 20px 50px rgba(43, 25, 17, 0.13);
    overflow: hidden;
}

.home-visual .portfolio-item img {
    min-height: 290px;
    object-fit: cover;
    width: 100%;
}

.home-visual .project-wrapper .mask {
    background: linear-gradient(180deg, rgba(47, 11, 20, 0.25), rgba(47, 11, 20, 0.92));
    padding: 24px;
}

.home-visual .project-wrapper .mask h3 {
    color: #fff4dd;
    font-size: 26px;
    margin-bottom: 10px;
    text-transform: none;
}

.home-visual .project-wrapper .mask p {
    color: rgba(255, 244, 221, 0.84);
    line-height: 1.6;
}

.home-visual .project-wrapper .external li a {
    background: rgba(212, 175, 98, 0.92);
    border-radius: 50%;
    color: var(--vino-profundo);
}

.home-visual #social {
    background-image:
        linear-gradient(135deg, rgba(33, 10, 16, 0.85), rgba(91, 18, 36, 0.72)),
        url(../img/parallax/testimonial.jpg);
    padding: 0;
}

.home-visual #social .overlay {
    background: transparent;
    padding: 100px 0;
}

.home-visual .sec-title.white h2,
.home-visual .sec-title.white p {
    color: #fff5df;
}

.home-visual .sec-title.white h2::after {
    border-bottom-color: rgba(255, 239, 211, 0.45);
}

.home-visual .brand-values {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center;
    margin-top: 45px;
}

.home-visual .brand-value {
    background: rgba(255, 244, 221, 0.08);
    border: 1px solid rgba(255, 239, 211, 0.2);
    border-radius: 24px;
    max-width: 320px;
    padding: 30px 26px;
    text-align: center;
}

.home-visual .brand-value i {
    color: var(--oro);
    font-size: 32px;
    margin-bottom: 18px;
}

.home-visual .brand-value h3 {
    color: #fff4dd;
    font-size: 28px;
    margin-bottom: 12px;
    text-transform: none;
}

.home-visual .brand-value p {
    color: rgba(255, 244, 221, 0.82);
    line-height: 1.7;
}

.home-visual #contact {
    background: linear-gradient(180deg, #f8f3ea 0%, #f1e6d7 100%);
}

.home-visual .contact-form form,
.home-visual .contact-details {
    background: rgba(255, 252, 246, 0.92);
    border: 1px solid rgba(91, 18, 36, 0.08);
    border-radius: 24px;
    box-shadow: 0 20px 45px rgba(43, 25, 17, 0.08);
    padding: 28px;
}

.home-visual .contact-details h3 {
    border-bottom-color: rgba(91, 18, 36, 0.16);
    color: var(--vino);
    text-transform: none;
}

.home-visual .contact-details p,
.home-visual .contact-details span,
.home-visual .contact-details a {
    color: #5b473c;
}

.home-visual .contact-details a:hover {
    color: var(--vino);
}

.home-visual .form-control {
    background: #fffdfa;
    border: 1px solid rgba(91, 18, 36, 0.12);
    min-height: 48px;
}

.home-visual textarea.form-control {
    min-height: 165px;
}

.home-visual #submit {
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    padding: 14px 26px;
}

.home-visual #google-map {
    display: none;
}

.home-visual #footer {
    background: #1f0f12;
}

.home-visual .footer-social ul li a {
    color: var(--oro);
}

.home-visual .footer-content p,
.home-visual .footer-content a {
    color: rgba(255, 244, 221, 0.72);
}

@media (max-width: 991px) {
    .home-visual .caption-content h2 {
        font-size: 42px;
    }

    .home-visual .caption-content > span {
        font-size: 18px;
    }

    .home-visual .welcome-block,
    .home-visual .atelier-panel,
    .home-visual .contact-form form,
    .home-visual .contact-details {
        margin-bottom: 24px;
    }
}

@media (max-width: 767px) {
    .home-visual .navbar-brand a {
        font-size: 22px;
    }

    .home-visual .caption-content {
        padding: 0 18px;
    }

    .home-visual .caption-content h2 {
        font-size: 33px;
    }

    .home-visual .caption-content > span {
        font-size: 16px;
        line-height: 1.55;
    }

    .home-visual .hero-highlights li {
        display: block;
        margin: 0 0 10px;
    }

    .home-visual .sec-title h2 {
        font-size: 36px;
    }

    .home-visual .craft-card {
        min-height: auto;
    }
}
