.main-header{
    grid-area: nav;
}

.main-data{
    grid-area: data;
    z-index:1;
    /*border-top: 2px solid #f5f5f5;*/
}

.wrapper{
    display: grid;
    grid-gap: 0px;
    grid-template-areas:
	"nav"
	"data";
    /*min-height: 100vh;*/
}

@media (min-width: 800px) {
    .wrapper {
	grid-template-columns: 1fr;
	grid-template-rows: 62px 100vh;
	grid-template-areas:
	    "nav"
	    "data";	
    }
}

.contenthome{
    display: grid;
    grid-gap: 0px;
    grid-template-areas:
	"slide"
	"footerhome";
    min-height: 100%;
}

@media (min-width: 800px) {
    .contenthome {
	grid-template-columns: 1fr;
	grid-template-rows: 576px 100%;
	grid-template-areas:
	    "slide"
	    "footerhome";	
    }
}

.menu-user {
    width:10rem;
}

.card-home {
    min-height: 225px;
    max-height: 225px;
}

.cupo.card-content{
    height:auto !important;
}

.logotipo{
    max-height: 58px !important;
}

.main-navbar{
    border-bottom: 2px solid rgba(0,0,0,.45);
}

.submenu-navbar{
    box-shadow: 0 2px 5px rgba(0,0,0,.25);
}

.navbar-item i {
    padding-right: .25rem;
}

.navbar-dropdown{
    left: initial !important;
    right: 0;
}

.navbar-dropdown span{
    border-bottom: 1px solid rgba(0, 0, 0, 0.45);
}

.articulo{
    margin: 1.2rem;
}

.modal-card-title{
    font-weight: bold;
}

.img_size_pdf{
    width: 147px;
    height: 58px;
}

.slider-container,
.carousel {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
    height: 500px; 
}

.carousel .item img {
    width: 100%;
    height: 100%;
     height: 500px;
    
}
.carousel .slider-navigation-previous,
    .carousel .slider-navigation-next {
        display: none;
    }

@media (max-width: 768px) {
    .slider-container,
    .carousel {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        height: 45vw;  
        min-height: 140px;
        max-height: 250px;
        margin: 0;
        padding: 0;
        left: auto ;
        right: auto ;
        transform: none;
    }

    .carousel .item {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .carousel .item img {
        width: 100% ;
        height: 100% ;
        object-fit: cover;
        display: block;
    }
}