﻿.hero--full .carousel {
    height: auto;
    min-height: 0;
    aspect-ratio: 3 / 1;
    background: #d71920;
}

.hero--full .buen-fin-slide {
    position: relative;
    display: block;
    min-height: 0;
    overflow: hidden;
    background: #d71920;
}

.hero--full .buen-fin-background,
.hero--full .buen-fin-art {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero--full .buen-fin-slide--1 .buen-fin-art { object-position: 200px center; }

.hero--full .buen-fin-background { z-index: 0; }
.hero--full .buen-fin-art {
    z-index: 1;
}

.hero--full .buen-fin-copy {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: clamp(1.5rem, 9vw, 9rem);
    width: min(43%, 760px);
    transform: translateY(-50%);
    color: #fff;
}

.hero--full .buen-fin-eyebrow {
    margin: 0 0 .85rem;
    color: #ffdc18;
    font-size: clamp(.72rem, 1.35vw, 1.15rem);
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.hero--full .buen-fin-copy h1 {
    margin: 0 0 .55rem;
    color: #fff;
    font-size: clamp(1.6rem, 4.1vw, 4.6rem);
    font-style: italic;
    font-weight: 900;
    line-height: .98;
    letter-spacing: -.035em;
    text-transform: uppercase;
    text-shadow: 0 2px 12px rgba(0,0,0,.18);
}

.hero--full .buen-fin-highlight {
    display: table;
    max-width: 100%;
    margin: 0 0 clamp(.5rem, 1.2vw, 1.1rem);
    padding: .12em .35em;
    border-radius: .35em;
    background: linear-gradient(100deg, #36b8e8, #193eae);
    color: #fff;
    font-size: clamp(.9rem, 2.2vw, 2.4rem);
    font-style: italic;
    font-weight: 900;
    line-height: 1.12;
    text-transform: uppercase;
}

.hero--full .buen-fin-terms {
    margin: 0;
    color: #fff;
    font-size: clamp(.68rem, 1.35vw, 1.2rem);
}

@media (max-width: 800px) {
    .hero--full .carousel { aspect-ratio: 16 / 9; }
    .hero--full .buen-fin-copy { left: 8%; width: 46%; }
    .hero--full .buen-fin-eyebrow { margin-bottom: .45rem; }
}

@media (max-width: 520px) {
    .hero--full .carousel { aspect-ratio: 1 / 1; }
    .hero--full .buen-fin-art {
        clip-path: none;
        -webkit-mask-image: none;
        mask-image: none;
    }
    .hero--full .buen-fin-slide--0 .buen-fin-art { object-position: 80% center; }
    .hero--full .buen-fin-slide--1 .buen-fin-art { object-position: 55% center; }
    .hero--full .buen-fin-slide--2 .buen-fin-art { object-position: 76% 128px; }
    .hero--full .buen-fin-slide--3 .buen-fin-art { object-position: 83% 140px; }
    .hero--full .buen-fin-slide--4 .buen-fin-art { object-position: 74% center; }
    .hero--full .buen-fin-slide--5 .buen-fin-art { object-position: 70% center; }
    .hero--full .buen-fin-slide--6 .buen-fin-art { object-position: 82% 140px; }
    .hero--full .buen-fin-slide--7 .buen-fin-art { object-position: 77% 90px; }
    .hero--full .buen-fin-copy {
        top: 9%;
        left: 7%;
        width: 86%;
        transform: none;
    }
    .hero--full .buen-fin-copy h1 { max-width: 95%; font-size: clamp(1.4rem, 7vw, 2rem); }
    .hero--full .buen-fin-eyebrow { font-size: .65rem; }
    .hero--full .buen-fin-highlight { font-size: clamp(.82rem, 4.1vw, 1.1rem); }
    .hero--full .buen-fin-terms { font-size: .68rem; }
}
