/* Página del lote — pisa los azules/rojos de la API (livestock/show/*.css). Hero a ancho completo, contenido en container */

.rvn-lote {
    padding: 0;

    .masthead-solid-bg {
        background-color: var(--rvn-dark);
        overflow: hidden;

        /* anillos tipo curvas de nivel, a la derecha */
        &::before {
            content: '';
            position: absolute;
            top: -140px;
            right: -100px;
            width: 640px;
            height: 640px;
            border-radius: 50%;
            background: repeating-radial-gradient(circle at center, rgba(201, 162, 74, 0.2) 0 1px, transparent 1px 36px);
            mask-image: radial-gradient(circle, #000 35%, transparent 70%);
            pointer-events: none;
        }
    }

    /* líneas diagonales sutiles sobre todo el hero */
    .masthead-darken-bg::after {
        background: repeating-linear-gradient(135deg, rgba(246, 242, 232, 0.06) 0 1px, transparent 1px 26px);
    }

    .masthead-internal {
        height: 380px;
    }

    .masthead .page-title {
        font-family: var(--rvn-font-heading);
        font-weight: 700;
        letter-spacing: 1px;
        color: var(--rvn-cream);
    }

    .lote-card {
        --primary: var(--rvn-gold);
        --primaryDark: #a9843a;
        --primaryLight: var(--rvn-gold-light);
        --ctaPrimaryColor: var(--rvn-dark);
        --ctaPrimaryColorHover: var(--rvn-dark);
    }

    .lote-card-top-info {
        background-color: var(--rvn-gold);

        &.affix {
            top: 68px;
        }

        .lote-top-info-label {
            color: var(--rvn-dark);
            opacity: 0.7;
            font-family: var(--rvn-font-heading);
            letter-spacing: 1.5px;
        }

        .lote-top-info-text {
            color: var(--rvn-dark);
            font-family: var(--rvn-font-heading);
        }
    }

    .lote-card-content {
        background-color: #fbf9f3;

        .card {
            border-top-color: var(--rvn-gold);
        }

        .card .card-title,
        .block-title {
            font-family: var(--rvn-font-heading);
            color: var(--rvn-dark);
        }

        .card .card-header img {
            max-height: 90px;
            filter: drop-shadow(0 0 1px rgba(22, 36, 29, 0.9)) drop-shadow(0 2px 5px rgba(22, 36, 29, 0.35));
        }

        a:not(.btn) {
            color: var(--rvn-brown-dark);

            &:hover {
                color: var(--rvn-gold);
            }
        }

        .table-striped > tbody > tr:nth-of-type(even) {
            background-color: rgba(201, 162, 74, 0.1);
        }

        .table-info > .table > tbody > tr > td,
        .table-info > .table > tbody > tr > th,
        .table-info > .table > tfoot > tr > td,
        .table-info > .table > tfoot > tr > th,
        .table-info > .table > thead > tr > td,
        .table-info > .table > thead > tr > th {
            border-bottom-color: rgba(22, 36, 29, 0.15);
        }
    }

    .circular-icon {
        background: rgba(201, 162, 74, 0.18);

        > .fa {
            color: var(--rvn-gold);
        }

        > img {
            filter: brightness(0) saturate(100%) invert(62%) sepia(45%) saturate(560%) hue-rotate(6deg) brightness(92%);
        }
    }

    .lote-card-form .input-number-group {
        border-color: var(--rvn-dark);

        > .btn {
            background-color: var(--rvn-gold);
            color: var(--rvn-dark);
        }
    }

    .lote-card-sidebar .table-info > .table-oferta > tbody > tr.approved {
        background-color: rgba(201, 162, 74, 0.1);
    }
}