body{
    height: 100%;
    max-width:1920px !important; 
    width:100%; 
    margin: 0 auto;
}

.img-status {
    object-fit: cover;
    width: 100% !important;
    height: 90vh!important;
    background-position: center center !important;
}

.img-modal {
    height: 170px;
    width: 100%;
    object-fit: scale-down;
}

.bottom-section {
    position: absolute;
    bottom: 0;
    width: 100%; /* Asegura que ocupe todo el ancho */
}

.b-example-divider {
    width: 100%;
    height: 3rem;
    background-color: rgba(0, 0, 0, .1);
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 0.5em 1.5em rgba(0, 0, 0, .1), inset 0 0.125em 0.5em rgba(0, 0, 0, .15);
}

.gradient-text {
    background: linear-gradient( 135deg, #43CBFF 10%, #9708CC 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    letter-spacing: 1px;
}
.gradient-title {
    background: linear-gradient( 179deg,  rgba(0,0,0,1) 9.2%, rgba(127,16,16,1) 103.9% );
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.gradient-nav {
    background: linear-gradient( 179.4deg,  rgba(132,56,122,1) 14.6%, rgba(190,24,49,1) 104.7% );
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-address{
    font-size: 11px !important;
    letter-spacing: 1px;

}

.fw-bold-hover:hover{
    font-weight: bolder;
}


  

@media screen and (max-width: 500px) {
    p, .lead, label, span, a, .card-header, div, .fs-6, .card-text, select, textarea,li  {
        font-size: 11px !important;
    }
    h6{
        font-size: 13px;
    }
    #buscarp{
        width: 180px;
    }

    input::placeholder {
        font-weight: bold;
        opacity: 0.5;
        font-size: 11px;
    }

    .img-status {
        height: 50vh !important;
    }


}