.top-header{
    background: var(--secundario);
    padding: 0;
    margin: 0;
}
.sociales a{
    padding:0px 3px 0px 3px ;
}
.top-header a,.top-header span{
     color:white;
 }
.top-header .fa-facebook-square{
    color: #3b5998;
    font-size: 22px;
    font-weight: bold;
}
.top-header .fa-twitter{
    color:#81b9e4;
    font-size: 22px;
    font-weight: bold;
}
.top-header .fa-youtube{
    color:#bb0000;
    font-size: 22px;
    font-weight: bold;
}
.top-header .fa-instagram{
    color:#125688;
    font-size: 22px;
    font-weight: bold;
}
.top-header .fa-pinterest{
    color:#cb2027;
    font-size: 22px;
    font-weight: bold;
}
.top-header .fa-tripadvisor{
    color: #00560b;
    font-size: 22px;
    font-weight: bold;
}
.top-header ul li{
    display: inline;
    color: white;
    padding: 0px 10px 0 10px;
}
.megamenu-li {
    position: static;
}
.megamenu {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    padding: 15px;
}
.color-ddd{
    color: #d7d7d7 !important;
}
.nav-principal{
    position: relative;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0px 2px 0px 2px ;
}
.nav-principal::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: var(--primario);
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    transition: all .3s ease-in-out 0s;
}
.nav-principal:hover::before {
    visibility: visible;
    background-color:
        var(--primario);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
/*probar CSS*/
.card-menu .card-body{
 position: absolute;
 background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.5) 34%, rgba(0,0,0,0.3) 70%, transparent 100%);
 bottom: 0;
 width: 100%;
 text-align: center;
 padding-bottom: 0;
}
.card-menu small{
    font-weight: bold;
    color: white;
}
.card-menu .position-relative{
    overflow: hidden;
}
.card-menu .card-title{
    position: relative;
    transition: 0.3s;
}
.btn-menu{
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    bottom: -50px;
    padding: 5px;
    font-size: 18px;
    background: var(--terceario);
    color: var(--primario);
    transition: 0.3s;
    border-radius: 10px 10px 0px 0px;
}

.card-menu:hover .btn-menu{
    bottom:0;
    color: var(--primario);
}
.card-menu:hover .card-title{
    margin-bottom: 55px;
}
.navbar-light .navbar-nav .nav_inkari.active{
    background: var(--terceario);
    color: black!important;
}.navbar-light .navbar-nav .nav_inkari{
    background: var(--secundario);
    color: white!important;
    padding: 5px 10px 5px 10px;
    margin: 0px 2px 0px 2px;
}
.footer-svg{
    position: absolute;
    bottom: 100%;
    width: 100%;
    margin-bottom: -2px;
}
.page-footer{
    margin-top: 280px;
    background: var(--primario);
    color:white!important;
}
.page-footer a,.page-footer h5,.page-footer i{
    color:white!important;
}