.slide{height: 450px; width: 100%; position: relative;}
.slide ul{width: 100%; height: 100%; position: relative;overflow: hidden;}
.slide ul li{width: 100%; height: 100%; overflow: hidden; background-size: cover !important; background-position: center !important; position: absolute; top: 0; right: -100%;}
.slide.intranet{display: flex;}
.slide.intranet ul{width: 70%;}
.slide.intranet .saludo_user{width: 30%; height: 100%; background: var(--gris);}
.slide.intranet .saludo_user.solo{width: 100%;}
.saludo_user h2{color: #ca822e; font-weight: bold;font-size: 3em;margin: 1em 0 0 0;}
.saludo_user h3.nombre_colegiado{color: var(--azul); font-weight: bold;}
.saludo_user p span{text-align: center; color: #989898; font-weight: bold;display: block; font-size: 1.3em;}

.saludo_user .opciones_user{width: calc(100% - 2em); padding: 1em 1em 0 1em;}
.saludo_user .opciones_user .opcion{height: 55px; display: flex; justify-content: center; align-items: center; color: #FFF; background: var(--azul);}
.saludo_user .opciones_user .opcion:nth-of-type(n+2){margin-top: 10px;}
.saludo_user .opciones_user .opcion:nth-of-type(2){background: #84926e}
.saludo_user .opciones_user .opcion:nth-of-type(3){background: #ca822e}
.saludo_user .opciones_user .opcion a{color: #FFF; font-weight: bold; font-size: 1.5em;}
.slide .flecha{position: absolute; top: 48%; z-index: 1;}
.slide .flecha *{font-size: 50px;text-shadow: 2px 2px 2px #111; cursor: pointer; color: transparent;}
.slide:hover .flecha *{font-size: 50px;text-shadow: 2px 2px 2px #111; cursor: pointer; color: #FFF; background: rgba(1,1,1,.5); border-radius: 50%; width: 50px; height:50px; }
.slide .flecha.izquierda{left: 10px;}
.slide .flecha.derecha{right: 10px;}
.slide.intranet .flecha.derecha{right: calc(30% + 10px)}

.caja_buttons{width: calc(100% - 4em);background: var(--gris);  padding: 1em; margin: 1em; display: flex; justify-content: center;}
.caja_buttons .btn{width: calc(100% - 2em); margin: 0 1em;display: flex; justify-content: center; align-items: center; }
.caja_buttons .btn .aux{max-width: calc(200px - 2em); width: calc(100% - 2em); height: 200px; border:2px solid var(--azul); text-align: center;}
.caja_buttons .btn .aux .imagen{width: 100%; height: 50%; display: flex; justify-content: center; align-items: center;}
.caja_buttons .btn .aux .imagen img{width: auto; height: auto; max-width: 80%; max-height: 80%;}
.caja_buttons .btn .aux a{height: 50%;width: calc(100% - 2em);padding: 0 1em; cursor: pointer; background: var(--azul); display: block; color: #FFF; display: flex; justify-content: center; align-items: center}
.caja_buttons .btn .aux a *{color: #FFF; cursor: pointer;}

.caja_buttons .btn:nth-of-type(2n+2) .aux{border-color: #005da3;}
.caja_buttons .btn:nth-of-type(2n+2) .aux a{background: #005da3}
.caja_posts{width: calc(100% - 4em); padding: 0 1em; margin: 1em; display: flex; justify-content: space-between;}
.caja_posts h3{width: 100%; margin-bottom: 0.5em; font-family: Arial}
.caja_posts .texto{text-align: justify;}


.caja_post{min-width: calc(33% - 2em); padding: 1em;}
.caja_post:nth-of-type(n+2){border-left: 2px dotted var(--celeste);}
.caja_post .btn a{height: 25px; display: flex; align-items: center; width: 100%; color: var(--verde); font-size: 1.2em;}
.caja_post .btn_all a{height: 25px; display: flex; align-items: center; width: 100%; color: var(--azul_claro); font-size: 1.2em;}
.caja_post.noticias .btn_all a{justify-content: flex-end;}
.caja_post.comunicados .btn_all a{justify-content: center;}

.caja_post.eventos{background: #e8e8e8}
.caja_post.comunicados{background: #f8f8f8}
.caja_post.noticias{background: #e8e8e8}

.caja_evento{display: flex; width: calc(100% - 2em); height: calc(120px - 2em); padding: 1em; flex-wrap: wrap; border-bottom: 2px dotted var(--celeste)}
.caja_evento .fecha{width: 30%; height: 100px; color: var(--celeste); font-size: 1.5em; font-weight: bold; display: flex; align-items: center; justify-content: center;}
.caja_evento .ln_vertical{border-left: 2px dotted var(--celeste);width: 1px;height: 100%;}
.caja_evento .texto{width: calc(70% - 4px - 2em); padding: 0 1em; height: 100px;}
.caja_evento .btn{width: 100%; height: 25px; display: flex; justify-content: flex-end; align-items: center;}
.caja_evento .btn a{font-size: 0.9em;}

.caja_comunicado{display: flex; width: calc(100% - 2em); height: calc(120px - 2em); padding: 1em; flex-wrap: wrap; border-bottom: 2px dotted var(--celeste)}
.caja_comunicado .imagen{width: 30%; height: 100px; color: var(--celeste); font-size: 1.5em; font-weight: bold; display: flex; align-items: center; justify-content: center;}
.caja_comunicado .imagen img{width: auto; height: auto; max-height: 100%;}
.caja_comunicado .ln_vertical{border-left: 2px dotted var(--celeste);width: 1px;height: 100%;}
.caja_comunicado .texto{width: calc(70% - 4px - 2em); padding: 0 1em; height: 100px;}
.caja_comunicado .btn_ver{width: 100%; height: 25px; display: flex; justify-content: center; align-items: center; margin-top: 10px;}
.caja_comunicado h4,.caja_comunicado h5{text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: pre;}

.caja_noticia{display: flex; width: calc(100% - 2em); height: calc(120px - 2em); padding: 1em; flex-wrap: wrap; border-bottom: 2px dotted var(--celeste)}
.caja_noticia .fecha{width: 100%; height: 20px;  color: var(--celeste); font-size: 0.8em; font-weight: bold; display: flex; align-items: center; justify-content: flex-end;}
.caja_noticia .titulo{width: 100%; text-align: justify; font-weight: bold;height: auto; min-height: 40px; text-overflow: ellipsis; overflow: hidden;white-space: pre;}
.caja_noticia .texto{width: calc(100% - 2em); padding: 0 1em; height: 20px; overflow:hidden; text-align: left}
.caja_noticia .btn{width: 100%; height: 20px; display: flex; justify-content: flex-end; align-items: center;}
.caja_noticia .btn a{font-size: 0.9em;}
.center{z-index: 1; width: calc(100%); height: 100vh; display: flex; justify-content: center; align-items: center; font-size: 2em;flex-wrap: wrap;}
.center img{max-width: 100%;}
.center h1{width: 100%; text-align: center;}
.center .texto{background-color: #001F4C; width: calc(100% - 4em); padding: 1em 2em; text-align: center;}
.super_aviso{z-index:997 ; position: fixed; left: 0; top: 0; width: 100%; height: 100vh; overflow-x: hidden; overflow-y: auto; display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; background-color: rgba(0, 0, 0, .9);}
.avisos{z-index: 996; position: fixed; left: 0; top: 0; width: 100%; height: 100vh; overflow-x: hidden; overflow-y: auto; display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; background-color: rgba(0, 0, 0, .9);}
.aviso{position: relative; width: 30%; min-width: 250px; width: auto; height: auto;max-width: 350px; display: flex; justify-content: center; align-items: center;}
.aviso img{width: auto; height: auto; max-width: 100%; border-radius: 12px; border:5px inset #cdcdcd; cursor: zoom-in;}
.aviso .close{background: #cfcfcf; position: absolute; top: 0; right: -5px;cursor: pointer; font-size: 1.2em; border-top-right-radius: 8px;}
.aviso .adjuntos{background: #cfcfcf; position: absolute; bottom: 0; left: 33%;cursor: pointer; font-size: 1.2em; border-top-right-radius: 8px;}

.aviso_zoom{z-index: 998; left: 0;top: 0; position: fixed; width: 100%; height: 100vh; overflow-x: hidden; overflow-y: auto; text-align: center; background-color: rgba(0, 0, 0, .9); }
.aviso_zoom img{max-width: 95%; cursor: zoom-out;}


@media(max-width: 1023px){
	.slide.intranet ul{width: 65%}
	.slide.intranet .saludo_user{width: 35%;}
	.saludo_user h2{font-size: 2.5em;}
	.saludo_user .opciones_user .opcion a{font-size: 1.2em;}
	.slide.intranet .flecha.derecha{right: calc(35% + 10px)}
}

@media (max-width: 767px){
.center{width: calc(100% - 2em); padding: 0 1em; font-size: 1em; align-items: flex-start;align-items: center;max-height: 100vh;}
.center .texto{width: calc(100% - 2em); padding:  1em; text-align: center;}
.avisos .aviso img{max-width: 100%;}
.slide{height: calc(450 * 0.08vw)}
.caja_posts,.caja_buttons{flex-wrap: wrap;}
.caja_post,.caja_buttons{width: calc(100% - 2em);}
.caja_buttons .btn:nth-of-type(n+2){margin-top: 1em;}
.caja_post:nth-of-type(n+2){border-left: none; border-top: 1px dashed var(--celeste);}
.caja_evento .texto{font-size: 0.9em;}

.slide.intranet{flex-wrap: wrap; height: auto;}
.slide.intranet ul{height: calc(450 * 0.08vw) }
.slide.intranet ul,.slide.intranet .saludo_user{width: 100%;}
.slide.intranet .saludo_user{height: auto; width: calc(100% - 1em); padding:  0 0.5em;}
.slide .flecha.izquierda,.slide.intranet .flecha.derecha{top: calc(225 * 0.08vw - 25px)}
.slide.intranet .flecha.derecha{right: 10px;}
.saludo_user h2{margin: 10px 0 0 10px;}
}