/* AUTO AJUSTE DE VIDEOS EN LOTES Y DONDE SE LLAMEN */
.video-container {
    position: relative;
    padding-bottom: 56.25%; /* Relación de aspecto 16:9 */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ALERTA SUPERIOR */
.custom-head {
    background: linear-gradient(to left, #8AA7CC, #8AA7CC); /* Color de manual de marcas */
    color: #fff;
    padding: 5px;           
    text-align: center;
    max-height: 30px; /* Establecer el height máximo */
}

/*CARGO LA TIPO*/
@font-face {
    font-family: 'HelveticaNeueMedium';
    src: url('./fonts/HelveticaNeueMedium.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.titulo-helvetica {
    font-family: 'HelveticaNeueMedium', sans-serif;
}
/* PERSONALIZADO BT */
.alert-danger{
    background-color: #071836;
    color: #8AA7CC;
    border-color: #071836;
}

.alert-danger .alert-link{
    color: #8AA7CC;
    font-weight: 600;
}

.alert-success{
    background-color: #8AA7CC;
    color: #071836;
    border-color: #8AA7CC;
}

.alert-success .alert-link{
    color: #071836;
    font-weight: 600;
}

.alert-success .btn-close{
    filter: none;
}

.color-oscuro{
    color: #071836;
}


/* corazon de favoritos */
.corazon-favorito{
    color:#071836 !important;
    transform: scale(1.1);
}

.favorito-btn{
    opacity:0.7;
    transition:all .2s;
}

.favorito-btn:hover{
    opacity:1;
    transform:scale(1.15);
}
/* fin corazon de favoritos */

/*BOTON PUJA HOME*/
.animate-pulse {
    animation: pulse 1.2s infinite;
}

@keyframes pulse {
    0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(12,120,123,0.6); }
    70% { transform: scale(1.03); box-shadow: 0 0 0 10px rgba(12,120,123,0); }
    100% { transform: scale(1); }
}
/* Remates2026 web v0.2.0: base de layout */
html, body {
    min-height: 100%;
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}


.footer {
    margin-top: auto !important;
}

.badge-permiso-puja {
    font-size: .85rem;
    white-space: nowrap;
}


/* Remates2026 web v0.2.1: remate vivo */
.live-price-card {
    background: #071836;
    color: #8AA7CC;
    border-radius: .5rem;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 140px;
}

.live-price-card h2 {
    color: #fff;
    font-weight: 700;
    line-height: 1.1;
}

.live-price-card .btn {
    white-space: normal;
}

.live-livebox-muted {
    opacity: .75;
}

@media (max-width: 767px) {
    .live-price-card {
        min-height: auto;
    }
    #container-btn-puja .btn-group {
        display: grid;
        grid-template-columns: 1fr;
        gap: .35rem;
        width: 100%;
    }
}

/* Remates2026 web v0.2.5: cierre visual/mobile remate vivo */
.remate-live-wrap,
.lote-live-page {
    padding-bottom: 1rem;
}

.remate-live-grid > [class*="col-"] {
    min-width: 0;
}

.live-lot-card,
.lote-live-card,
.live-video-card,
.live-bid-controls,
.live-accordion .accordion-item {
    border: 1px solid rgba(7, 24, 54, .08);
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 10px 28px rgba(7, 24, 54, .08);
    background: #fff;
}

.live-lot-card .card-body,
.lote-live-card .card-body {
    padding: 1rem;
}

.live-lot-img {
    width: 100%;
    max-height: 460px;
    object-fit: cover;
    background: #f4f6f8;
}

.live-video-card {
    padding: .75rem;
    background: #071836;
}

.live-video-card .video-container {
    border-radius: .8rem;
}

.live-bid-panel {
    width: 100%;
}

.live-bid-controls {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.live-price-card {
    box-shadow: 0 10px 28px rgba(7, 24, 54, .18);
}

.live-price-card #_precio,
.live-price-card #_precio button {
    font-size: clamp(1.35rem, 4vw, 2.2rem);
}

.live-btn-puja .btn-group,
#container-btn-puja .btn-group {
    flex-wrap: wrap;
    gap: .4rem;
    justify-content: center;
}

.live-btn-puja .btn,
#container-btn-puja .btn {
    border-radius: .55rem !important;
    min-height: 44px;
}

.live-manual-bid .form-control,
.live-manual-bid .btn,
.live-manual-bid .input-group-text {
    min-height: 46px;
}

.live-accordion .accordion-button {
    font-weight: 700;
}

.live-accordion .list-group-item {
    gap: .75rem;
}

.live-yunta-extra .card {
    border-radius: .85rem;
    overflow: hidden;
    border: 1px solid rgba(7, 24, 54, .08);
}

.lote-nav-toolbar .btn,
.lote-nav-actions .btn {
    white-space: nowrap;
}

.live-lote-stats h6 {
    background: #f6f8fb;
    border: 1px solid rgba(7, 24, 54, .08);
    border-radius: .75rem;
    padding: .75rem;
    min-height: 52px;
    display: flex;
    align-items: center;
}

@media (max-width: 991px) {
    .remate-live-wrap .row,
    .lote-live-page .row {
        --bs-gutter-x: .75rem;
    }

    .live-video-card {
        padding: .5rem;
    }

    .live-lot-img {
        max-height: 360px;
    }
}

@media (max-width: 767px) {
    .remate-live-wrap,
    .lote-live-page {
        padding-left: .65rem;
        padding-right: .65rem;
    }

    .lote-live-page h1 {
        font-size: 1.45rem;
        line-height: 1.15;
    }

    .lote-live-page h4 {
        font-size: 1rem;
    }

    .live-lot-card,
    .lote-live-card,
    .live-video-card,
    .live-bid-controls,
    .live-accordion .accordion-item {
        border-radius: .8rem;
        box-shadow: 0 6px 18px rgba(7, 24, 54, .08);
    }

    .live-lot-img {
        max-height: 300px;
    }

    .live-price-card {
        text-align: center;
        padding: .9rem;
    }

    #container-btn-puja .btn-group,
    .live-btn-puja .btn-group {
        display: grid !important;
        grid-template-columns: 1fr;
        width: 100%;
    }

    #container-btn-puja .btn,
    .live-btn-puja .btn {
        width: 100%;
        font-size: .95rem;
    }

    .live-manual-bid {
        display: grid;
        grid-template-columns: auto 1fr auto;
    }

    .live-accordion .list-group-item {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .lote-nav-toolbar > div,
    .lote-nav-toolbar .btn,
    .lote-nav-actions {
        width: 100%;
    }

    .lote-nav-actions .btn {
        text-align: center;
    }

    #_Ganando {
        font-size: .92rem;
    }
}

@media (max-width: 420px) {
    .live-manual-bid {
        grid-template-columns: 1fr;
    }

    .live-manual-bid .input-group-text,
    .live-manual-bid .form-control,
    .live-manual-bid .btn {
        width: 100%;
        border-radius: .55rem !important;
    }

    .live-manual-bid .input-group-text {
        justify-content: center;
    }
}