.boletin-adonai,.boletin2,.boletin3{position:relative}.boletines-header{background-image:url(../img/boletin/Portada-boletines1.png);background-position:center center;background-repeat:no-repeat;background-size:cover;height:100vh;width:100vw}.descripcion-boletines{width:100%;background-color:#f2f2f2;display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap}.texto-boletines{flex:0 0 90%;margin:5rem 0;border:2px solid #02042a;background-color:#fff;border-radius:1rem;text-align:center}.texto-boletines>p span{font-weight:700;color:#00f}.img-texto-boletines{flex:0 0 100%;padding:2rem}@media (min-width:400px){.img-texto-boletines{flex:0 0 70%}}@media (min-width:500px){.img-texto-boletines{flex:0 0 60%}}@media (min-width:650px){.img-texto-boletines{flex:0 0 50%}}.img-texto-boletines>img{width:100%}.boletin-adonai{background-color:#00f;padding-bottom:6rem}.boletin-adonai h2{color:#fff}.contenedor-boletines{background-color:#02042a;padding:3rem;width:100vw;height:100vh;display:grid;grid-template-columns:100%;grid-template-rows:10% 25% 25% 25% 10%;justify-content:stretch}.titulo-boletines{grid-column:1/2;grid-row:1/2;margin-bottom:3rem}.titulo-boletines h3{text-align:center;color:#fff}.boletin-principal{grid-column:1/2;grid-row:2/3;overflow:hidden;display:flex;margin:0;box-shadow:0 2rem 3rem;z-index:3}.boletin-principal>a{padding:0;flex:0 0 100%;align-items:center}.boletin-principal>a>img,.boletin2>a>img,.boletin3>a>img{object-fit:cover;width:100%}.boletin2{grid-column:1/3;grid-row:3/4;overflow:hidden;display:flex;box-shadow:0 2rem 3rem;z-index:2}.boletin2>a,.boletin3>a{padding:0;align-items:center}.boletin3{grid-column:1/3;grid-row:4/5;overflow:hidden;display:flex;box-shadow:0 2rem 3rem}.btn-todos-los-boletines{grid-column:1/2;grid-row:5/6;display:flex;justify-content:center;align-items:center;margin:4rem 0 0}.btn-todos-los-boletines>a{width:40%;text-align:center;margin:0}@media (min-width:768px){.boletines-header{background-image:url(../img/boletin/Portada-boletines2.png);height:80vh}.descripcion-boletines{align-items:end;padding:3rem}.texto-boletines{flex:0 0 60%;margin:10rem 0}.img-texto-boletines{flex:0 0 40%}.boletin-adonai{padding-bottom:8rem}.contenedor-boletines{width:90%;margin:0 auto;grid-template-columns:65% 35%;grid-template-rows:10% 40% 40% 10%}.titulo-boletines{grid-column:1/3;margin-bottom:4rem}.boletin-principal{grid-column:1/2;grid-row:2/4;overflow:hidden;height:100%;display:flex;margin:0 1rem 0 0;box-shadow:none}.boletin2{grid-column:2/3;grid-row:2/3;overflow:hidden;display:flex;margin:0 0 1rem 1rem;position:relative;box-shadow:none}.boletin3{grid-column:2/3;grid-row:3/4;overflow:hidden;display:flex;margin:1rem 0 0 1rem;position:relative;box-shadow:none}.btn-todos-los-boletines{grid-column:1/3;grid-row:4/5;margin:4rem 0 0;padding:0;height:20%;justify-content:end}.btn-todos-los-boletines>a{width:20%}}.fondo-boletines{position:fixed;width:100vw;height:100vh;visibility:hidden;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.4);z-index:99;transition:.4s;overflow:hidden}.contenedor-all-boletines{background-color:#fff;position:absolute;width:85vw;height:80vh;top:50%;left:50%;transform:translate(-50%,-35%);opacity:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;z-index:99;border-radius:1rem;transition:.4s;box-shadow:0 0 3rem 0 #02042a;padding:2rem}.cerrar-contenedor-boletines{position:absolute;width:4rem;height:4rem;top:-1rem;right:-1rem;background-color:#f5eded;border-radius:50%;cursor:pointer;color:#bbb;font-size:2rem;transition:.4s}.cerrar-contenedor-boletines:hover{color:#02042a}.cerrar-contenedor-boletines .icon-boletines{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.titulo-all-boletines{flex:0 0 100%;border-bottom:2px solid #02042a;padding:2rem 0}.titulo-all-boletines>h2{color:#02042a;margin:0;padding:0}.boletines-container{flex:0 0 100%;padding:2rem;height:400px;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;overflow:scroll}.boletin{flex:0 0 calc(50% - 2rem);padding:0;margin:1rem}@media (min-width:992px){.boletines-header{background-image:url(../img/boletin/Portada\ boletines.png)}.texto-boletines{flex:0 0 50%;margin:10rem 0;text-align:left}.img-texto-boletines{flex:0 0 30%}.contenedor-boletines{padding:2rem 4rem 4rem}.titulo-boletines{margin-bottom:5rem}.boletin{flex:0 0 calc(25% - 2rem);transition:.3s}.boletin:hover{transform:scale(1.1);box-shadow:0 2rem 3rem #02042a}}.boletin>a{padding:0;margin:0}.boletin>a>img{border:1px solid #02042a;width:100%}