@font-face {
    font-family: 'Ubuntu Regular';
    src: local('Ubuntu Regular'), local('Ubuntu Regular'), 
           url(../fonts/Ubuntu-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Ubuntu Bold';
    src: local('Ubuntu Bold'), local('Ubuntu Bold'), 
           url(../fonts/Ubuntu-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Ubuntu Medium';
    src: local('Ubuntu Medium'), local('Ubuntu Medium'), 
           url(../fonts/Ubuntu-Medium.ttf) format('truetype');
}

@font-face {
    font-family: 'Ubuntu Light';
    src: local('Ubuntu Light'), local('Ubuntu Light'), 
           url(../fonts/Ubuntu-Light.ttf) format('truetype');
}

body {
    font-family: 'Ubuntu Regular' !important;
}

.logo img{
    width: 150px;
    
}
.row div .logo-buscador{
    float: right;margin-right: 20px;
}
form #busqueda{
    background-image:url(../img/search.png); 
    background-size: 32px;
    background-repeat: no-repeat;
    font-weight: lighter;
    font-style: italic;
    background-position: 32px 17px;
    padding: 15px 15px 15px 60px;
    border-radius: 30px;
    background-color: #eaeaea;
    -webkit-box-shadow: 16px 14px 21px 5px rgba(195,195,195,0.94); 
    box-shadow: 16px 14px 21px 5px rgba(195,195,195,0.94);
}
form #busqueda:focus {
    outline: none !important;
    border:1px solid red;
    box-shadow: 0 0 10px #719ECE;
  }

/* AUTOCOMPLERAS CSS */
/*the container must be positioned relative:*/
.autocomplete {
    position: relative;
    display: inline-block;
  }
  .autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 16px;
    right: 16px;
    text-align: left;
  }
  
  .autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff; 
    
  }
  
  /*when hovering an item:*/
  .autocomplete-items div:hover {
    background-color: #e9e9e9; 
  }
  
  /*when navigating through the items using the arrow keys:*/
  .autocomplete-active {
    background-color: DodgerBlue !important; 
    color: #ffffff; 
  }

/* AUTOCOMPLERAS CSS */
  .carousel-item img{
      width: 100%;
      max-width: 1296px;
      height: 489px;
  }
   
  .card a{
      width: 100%;
      display: table;
      text-decoration: none;
  }
.card .miniatura-publicacion, .card a .miniatura-publicacion{
    background-size: cover;
    width: 100%;
    height: 395px;
    text-align: center;
    background-color: lightgrey;
    display: table-cell;
    vertical-align: middle;
    font-size: 2.3rem;
    color: #ffffff;
    font-style: italic;

}
.parent-item div{
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.3s, opacity 0.3s linear;
}
.parent-item div img{
    display: block;
    margin: 0 auto;
}
.parent-item:hover div, .parent-item.hover div { visibility: visible;opacity: 1; }
.parent-item div{
    width: 100%;
    height: 100%;
    padding-top: 36%;
    top: 0px;
    position: absolute;
    bottom: 0px;
}
.col .card-miniatura, .col-targ .card-miniatura{
    display: table;
    width: 100%;
    height: 100%;
}
.col-targ .card-miniatura a{
    height: 100%;
}
.col-targ, .col .card-miniatura .card-body{
    margin-bottom: 10px;
}
.col .card-miniatura .card-body, .col-targ .card-miniatura .card-body{
    display: table-row;
}
.col .card-miniatura .card-body p, .col-targ .card-miniatura .card-body p{
    padding: 20px;
    margin-bottom: 15px;
}
.col .card-miniatura .card-body p .btn-bajar a, .col-targ .card-miniatura .card-body p .btn-bajar a{
    color: #bd373a;
    display: unset;
}
.col .card-miniatura .card-body p .btn-bajar a img, .col-targ .card-miniatura .card-body p .btn-bajar a img{
    width: 25px;
    margin-top: -8px;
}
.navbar .navbar-collapse .navbar-nav{
    margin: 0 auto;
}
.navbar .navbar-collapse .navbar-nav .nav-link {
    text-transform: uppercase;
    font-weight: bolder;
    padding-left: 1rem;
    padding-right: 1rem;
}

.navbar-nav .dropdown .dropdown-toggle{
    padding: .5rem 0;
}
.navbar-nav .dropdown .nav-link {
    
    display: inline-block;
}
.navbar .navbar-collapse .navbar-nav .submenu-p{
    padding-right: 0px;
    font-size: 14px;
    color: #000000;
}
.navbar .navbar-collapse .navbar-nav .submenu-h{
    padding-left: .3rem;
}

.dropdown .dropdown-large div .dropdown-item {
    width: max-content;
}
.dropdown-large .row .col{
    min-width: max-content;
    
}
.dropdown-large .row .col .dropdown-item {
    margin: 0 1px;
    display: inline-block;
}
.megamenu .row .col .dropdown-item {
    text-transform: uppercase;
    text-align: center;
}

.navbar .megamenu{ padding: 1rem;max-width: 1299px;margin: 0 auto;background-color: #dddddd; }
.has-megamenu a:hover{
    font-weight: bolder;
    color: #000000 !important;
    background-color: transparent;
}
.has-megamenu:hover > .submenu-p, .has-megamenu:hover > .submenu-h { color: #bd373a !important; }

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
    color: #bd373a !important;
}
.pagination .page-item .page-link{
    padding: .25rem .8rem;
    color: #5D5D5D;
    background-color: unset;
    border-color: unset;
    border: none;
}
.pagination .page-item.active .page-link {
    color: #000000;
    background-color: unset ;
    border-color: unset;
}
.pagination .page-item .page-link div{
    width: 20px;
    height: 20px;
    background: #D06A6D;
    border-radius: 10px;
}
.pagination .page-item.active .page-link div{
    background: #bd373a;
}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {
    .navbar .has-megamenu{position:static!important;}
    .navbar .megamenu{left:0; right:0; width:100%; margin-top:0;  }
    .dropdown-large{min-width:150px !important;width: max-content;}
    .navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
}	
/* ============ desktop view .end// ============ */


/* ============ mobile view ============ */
@media(max-width: 991px){
    .row div .logo-buscador {
        float: unset;
        margin-right: 0px;
    }
    .deslin .col-1, .deslin .col-3{
        text-align: center;
        width: 100%;
        margin-left: 20px;
    }
    .barra-header ul li .nav-link{
        padding-top: .4rem !important;
        padding-bottom: .4rem !important;
    }
    .barra-header ul{
        padding-left: 0rem;
    }
    .carousel-item img{
        height: auto;
    }
    .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
      overflow-y: auto;
        max-height: 90vh;
        margin-top:10px;
    }
    .row-cols-4>*{
        width: 100% !important;
    }
    .megamenu .row .col .dropdown-item{
        text-align: left !important;
    }
    .carousel-inner {
        max-height: 250px;
    }
  }
  /* ============ mobile view .end// ============ */

@media (max-device-width: 580px){

}