/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 14-abr-2018, 18:19:21
    Author     : Gabriel
*/
/*==========ESTILO GENERAL PARA INDEX==========*/
#contenedorPrincipal{
    max-width: 100vw;
    height: 72vh;
    margin: 0%;
    padding: 0%;
}
/*-----Slider-----*/
#proyDestacadosSlide{
    height: 72vh;
}
#proyDestacadosSlide .carousel-inner{
    height: 72vh;
}
#proyDestacadosSlide .carousel-inner .carousel-item{
    height: 72vh;
}
#proyDestacadosSlide .carousel-inner .carousel-item img{
    height: 72vh;
    object-fit: cover;
    object-position: top;
}
#proyDestacadosSlide .carousel-inner .carousel-caption{
    /*Cambiar la posición definida en bootstrap*/
    width: 70%;
    max-height: 34%;
    left:initial;
    right: 0%;
    bottom:initial;
    top:67%;
    text-align: right;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right:1%;
    background-color: rgba(255,255,255,0.73);
    color: black;
}

#proyDestacadosSlide a[class^="carousel-control"]:hover{
    cursor: pointer;
}
/*-----Estilos para transiciones de opacidad-----*/
.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: 0.7s;
    transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
    opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}
/*-----Fin estilos para transiciones de opacidad-----*/
/*-----Fin slider-----*/



/*==========FIN ESTILO GENERAL==========*/

/*-----Fin de los estilos para celulares y tablets*/
@media screen and (max-width:600px){
    #proyDestacadosSlide .carousel-inner .carousel-caption{
        width: 75%;
    }
    #proyDestacadosSlide .carousel-inner .carousel-caption h4{
        font-size: 1.3rem;
    }
}
/*==========FIN ESTILO ADAPTATIVO==========*/