.slider{
    position:relative;
    width:100%;
    height:98vh;
    overflow:hidden;
}

.slide{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;

    opacity:0;
    visibility:hidden;

    transition:
        opacity 2s ease-in-out,
        visibility 2s ease-in-out;
	transition: transform 7s linear;
}

.slide.activo{
    opacity:1;
    visibility:visible;
    z-index:2;
}

.slide img{
    width:100%;
    height:100%;
    object-fit:cover;
    transform:scale(1);
}

.slide.activo img{
    animation:zoom 6s linear forwards;
}

/* Capa oscura */

.slide::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.45);
    z-index:1;
}

/* Texto */

.contenido_banner{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    text-align:center;
    color:#fff;
    z-index:2;
    width:80%;
}

.contenido_banner .grande{
    font-size:8.5vh;
	font-family:Calibri;
	font-weight: 700;
    margin-bottom:20px;
    text-shadow:0 3px 15px rgba(0,0,0,.3);
}
.contenido_banner .chico{
    font-size:3.5vh;
	font-family:Arial;
	font-weight: 700;
    margin-bottom:20px;
    text-shadow:0 3px 15px rgba(0,0,0,.3);
}
.contenido_banner .logito{width:250px;animation:zoom 0s linear forwards;}
/*
.contenido_banner p{
    font-size:1.3rem;
    max-width:800px;
    margin:auto;
}
*/
/* Zoom */

@keyframes zoom{
    from{
        transform:scale(1);
    }
    to{
        transform:scale(1.15);
    }
}


@media(max-width:768px){

    .slider{ height:40vh;}
    .contenido_banner h1{font-size:2rem; }
    .contenido_banner p{font-size:1rem;}

.contenido_banner .grande{font-size:5.5vh;}
.contenido_banner .chico{ font-size:1.5vh;}
.contenido_banner .logito{width:150px;}
.contenido_banner .grande{font-size:2.5vh;}

}