@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;400;500;600&display=swap');

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Roboto Slab', Arial, sans-serif;
}

.material-icons{
    display: inline-flex;
    vertical-align: top;
}

.opacidad80{
    opacity:0.8;
}

.hover11 figure img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover11 figure:hover img {
	opacity: .5;
    
}

.hover11 figure:hover h4 {
	opacity: .9;
    transition-property: left;
    transition-duration: .4s;
    left: 50px;
}

.imagenCarrusel{
    max-height: 427px;
}

.center‐div {
  margin: 0 auto;
  width: 100%;
  /* Para ver más claramente el bloque background‐color: #ccc;*/
  
}

.accesoApp {
    /*margin-left: 1px;
    margin-right: 1px;
    border: 1px solid red;*/
    margin-top: 10px;
    width: 240px;
}

.tituloApp {
    position: absolute;
    top: 120px;
    left: 10px;
    background-color: white;
    opacity: .7;
    padding: 3px;
    color: #e50050;
}

.imagenApp {
    width: 210px;
}

.back-ces {
    background-color: #e50050;
}

.color-ces {
    color: #e50050;
}

.border-left-ces{
    border-left: solid 2px #e50050;
}

.border-ces{
    border: solid 1px #e50050;
}

.bg-ces {
    background-color: #e50050;
}

.border-ep {
    border: solid 1px #0693e3;
}

.bg-ep {
    background-color: #0693e3;
}

.btn-ces {
    background-color: #e50050;
    color: white;
    transition:all 300ms;
    border:none;
}

.btn-ces:hover {
    color: #e50050;
    background-color: white;
    border: 1px solid #e50050;
}