/* HERO */
.rent-hero-section{
    position: relative;
    overflow: hidden;

    padding: 90px 0 60px;

    background:
        linear-gradient(
            90deg,
            #020617 0%,
            #02142d 45%,
            #081522 100%
        );
}

/* GRID LINES */
.rent-hero-section::before{
    content: "";

    position: absolute;
    inset: 0;

    background:
        repeating-linear-gradient(
            to right,
            rgba(255,255,255,.03),
            rgba(255,255,255,.03) 1px,
            transparent 1px,
            transparent 60px
        );

    pointer-events: none;
}

/* CONTENT */
.rent-hero-content{
    position: relative;
    z-index: 2;
}

.rent-badge{
    display: inline-flex;
    align-items: center;

    padding: 12px 24px;

    border-radius: 999px;

    background:
        rgba(255,255,255,.04);

    border:
        1px solid rgba(255,255,255,.08);

    color: #f59e0b;

    font-size: .8rem;
    font-weight: 700;
    letter-spacing: 2px;

    margin-bottom: 30px;
}

/* TITLE */
.rent-title{
    font-size: clamp(2.8rem, 6vw, 5rem);

    line-height: 1;

    font-weight: 900;

    color: #fff;

    margin-bottom: 30px;
}

.rent-title span{
    color: #f59e0b;
}

/* DESCRIPTION */
.rent-description{
    max-width: 760px;

    font-size: 1.15rem;
    line-height: 1.9;

    color: rgba(255,255,255,.82);

    margin-bottom: 40px;
}

/* FEATURES */
.rent-features{
    display: flex;
    flex-wrap: wrap;
    gap: 16px;

    margin-bottom: 45px;
}

.rent-feature{
    display: flex;
    align-items: center;
    gap: 12px;

    padding: 16px 22px;

    border-radius: 18px;

    background:
        rgba(255,255,255,.04);

    border:
        1px solid rgba(255,255,255,.08);

    color: #fff;

    font-weight: 600;
}

.rent-feature i{
    color: #f59e0b;
}

/* BUTTON */
.btn-rent-primary{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 18px 34px;

    border-radius: 999px;

    background: #f59e0b;

    color: #081522;

    font-weight: 800;

    text-decoration: none;

    transition: .3s ease;
}

.btn-rent-primary:hover{
    transform: translateY(-3px);

    background: #ffb52e;

    color: #081522;
}

/* IMAGE */
.rent-image-wrapper{
    position: relative;
}

.rent-image{
    width: 100%;
    height: 560px;

    object-fit: cover;

    border-radius: 36px;

    box-shadow:
        0 40px 90px rgba(0,0,0,.45);
}

/* FLOATING CARD */
.rent-floating-card{
    position: absolute;

    right: -20px;
    bottom: 40px;

    max-width: 300px;

    padding: 30px;

    border-radius: 28px;

    backdrop-filter: blur(14px);

    background:
        rgba(255,255,255,.14);

    border:
        1px solid rgba(255,255,255,.14);

    color: #fff;
}

.rent-floating-card span{
    display:block;

    color:#f59e0b;

    font-size:.78rem;
    font-weight:700;

    letter-spacing:1px; /* antes 2px */

    margin-bottom:12px;
}

.rent-floating-card h5{
    line-height:1.4;
    font-size:1.15rem;
    font-weight:600;
    margin:0;
}

/* MOBILE */
@media (max-width: 768px){

    .rent-hero-section{
        padding: 20px 0 50px;
    }

    .rent-title{
        font-size: 3rem;
    }

    .rent-image{
        height: 380px;
    }

}

/* =========================================
   USE SECTION
========================================= */

.rent-use-section{
    padding: 90px 0;

    background:
        linear-gradient(
            to bottom,
            #07111d,
            #081522
        );
}

.rent-use-image{
    width:100%;
    height:620px;

    object-fit:cover;

    border-radius:32px;

    transition:
        opacity .8s ease,
        transform .8s ease;
}

.rent-section-label{
    display: inline-block;

    color: #f59e0b;

    font-size: .85rem;
    font-weight: 700;
    letter-spacing: 2px;

    margin-bottom: 20px;
}

.rent-use-title{
    color: #fff;

    font-size: clamp(2rem,4vw,3.5rem);

    line-height: 1.05;

    margin-bottom: 25px;
}

.rent-use-description{
    color: rgba(255,255,255,.75);

    font-size: 1.05rem;
    line-height: 1.9;

    margin-bottom: 35px;
}

/* GRID */
.rent-use-grid{
    display: grid;

    grid-template-columns:
        repeat(2,1fr);

    gap: 18px;
}

.rent-use-card{
    display: flex;
    align-items: center;
    gap: 14px;

    padding: 20px;

    border-radius: 20px;

    background:
        rgba(255,255,255,.04);

    border:
        1px solid rgba(255,255,255,.08);

    color: #fff;

    font-weight: 600;
}

.rent-use-card i{
    color: #f59e0b;
}

/* =========================================
   EVIDENCE
========================================= */

.rent-evidence-section{
    padding: 100px 0;

    background:
        #020817;
}

.rent-evidence-header{
    max-width: 900px;

    margin: 0 auto 60px;

    text-align: center;
}

.rent-evidence-title{
    color: #fff;

    font-size: clamp(2.5rem,5vw,4.5rem);

    line-height: 1.05;

    margin-bottom: 24px;
}

.rent-evidence-text{
    color: rgba(255,255,255,.72);

    font-size: 1.1rem;

    line-height: 1.9;
}

.rent-video-wrapper{
    overflow: hidden;

    border-radius: 32px;

    background: #000;

    border:
        1px solid rgba(255,255,255,.08);

    box-shadow:
        0 35px 80px rgba(0,0,0,.45);
}

.rent-video{
    width: 100%;
    height: 600px;

    object-fit: cover;

    display: block;
}