@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap");



/*===== VARIABLES CSS =====*/
:root {
  --header-height: 7vh;
  

  /*========== Colores ==========*/
  --first-color: #3a81c4;
  --first-color-alt: #16375c;

  --title-color: #393939;
  --text-color: #707070;
  --text-color-light: #A6A6A6;
  --body-color: #FBFEFD;
  --body-color-alt: #0a0c19;
  --container-color: #FFFFFF;

  /*========== Fuente y tipografia ==========*/
  --body-font: 'Poppins', sans-serif;
  --biggest-font-size: 2.25rem;
  --h1-font-size: 1.5rem;
  --h2-font-size: 1.25rem;
  --h3-font-size: 1rem;
  --normal-font-size: .938rem;
  --small-font-size: .813rem;
  --smaller-font-size: .75rem;

  /*========== font weight ==========*/
  --font-medium: 500;
  --font-semi-bold: 600;

  /*========== Márgenes ==========*/
  --mb-1: .5rem;
  --mb-2: 1rem;
  --mb-3: 1.5rem;
  --mb-4: 2rem;
  --mb-5: 2.5rem;
  --mb-6: 3rem;

  /*========== z index ==========*/
  --z-tooltip: 10;
  --z-fixed: 100;
}

@media screen and (min-width: 768px){
  :root{
    --biggest-font-size: 4rem;
    --h1-font-size: 2.25rem;
    --h2-font-size: 1.5rem;
    --h3-font-size: 1.25rem;
    --normal-font-size: 1rem;
    --small-font-size: .875rem;
    --smaller-font-size: .813rem;
  }
}

/*========== BASE ==========*/
*,::before,::after{
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  
}

html{
  scroll-behavior: smooth;
}

/*========== Variables Dark theme ==========*/
body.dark-theme{
  --title-color: #F1F3F2;
  --text-color: #C7D1CC;
  --body-color: #000000;
  --container-color: #0d2942;
}

/*========== Button Dark/Light ==========*/
.change-theme{
  position: absolute;
  right: 1rem;
  top: 1.8rem;
  color: var(--text-color);
  font-size: 1.5rem;
  cursor: pointer;
}

body{
  margin: var(--header-height) 0 0 0;
  font-family: var(--body-font);
  background-color: var(--body-color);
  color: var(--text-color);
  line-height: 1.6;
}

h1,h2,h3,p,ul{
  margin: 0;
}

ul, ol{
  padding: 0;
  list-style: none;
}

a {
  color: var(--body-color);
  text-decoration: none;
  font-family: var(--body-font);
}

a i{
  font-family: var(--body-font);
}

img{
  
  height: auto;
}

div{
  display: block;
}

.suscribite{
  height: 65px;
  margin: 250px 0 150px 0;
  text-align: center;
  color:var(--first-color);
  font-size: large;
  background-color: var(--body-color);
}
/*========== CLASS CSS ==========*/

main{
  width: 100%;
  margin: auto;
}

.section{
  padding: 4rem 0 2rem;
}

.section-title, .section-subtitle{
  text-align: center;
}

.section-title{
  font-size: var(--h1-font-size);
  color: var(--title-color);
  margin-bottom: var(--mb-3);
}

.section-subtitle{
  display: block;
  color: var(--first-color);
  font-weight: var(--font-medium);
  margin-bottom: var(--mb-3);
}

/*=====================================carrousel============================*/

.carousel {
  position: relative;
  max-width: 75vh;
  margin: auto;
 margin-bottom: 25%;
  margin-top: 7%;
  overflow: hidden;
}

.carousel-images {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.carousel img {
  width: 100%;
  flex-shrink: 0;
}

.prev, .next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  padding: 10px;
  cursor: pointer;
}

.prev {
  left: 10px;
}

.next {
  right: 10px;
}

.contenedorCarrousel{
margin-top: 150px;
height: 150px;
display: flex;
justify-content: center;

}

.novedadesCarrousel{
  background-color: #a3a3a3;
  box-sizing: border-box;
  width: 60%;
  display: flex;
  border-radius: 25px;
  position: relative;
  
}

.novedadesCarrousel img{
  width: 25%;
  position: absolute;
  top: 105%;

}


/*========== LAYOUT ==========*/
.bd-container{
  max-width: 960px;
  width: calc(100% - 2rem);
  margin-left: var(--mb-2);
  margin-right: var(--mb-2);
}

.bd-grid{
  display: grid;
  gap: 1.5rem;
}

.l-header{
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--z-fixed);
  background-color: white;
}

/*========== NAV ==========*/
.nav{
  max-width: 1024px;
  height: var(--header-height);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/*=========================NOTAS==================*/

.homenajeGulich{

  background-image: url('https://foropatrioticoypopular.com/assets/img/noticias/gulich/marioGulich001.jpg'); 
  height: 450px;
  background-attachment: fixed;
  background-position: top ;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: flex-end;
  color: white;
  font-size: var(--biggest-font-size);
  width: 100%;
  text-align: center;
  display: flex;
  text-shadow: -1px 2px 21px rgba(0,0,0,1);

 }


/*====================3 de febrero========================================================================================================================================================*/
.container__febrero{
  display: flex;
  flex-direction: column;
  align-items: center;
}

.cimg__febrero{
  display: flex;
  justify-content: center;
background-image: url(/assets/img/volantes/02.jpg);
background-repeat:no-repeat;
background-size: cover;
width: 100%;
}

.cimg2__febrero{
  display: flex;
  min-width: 100%;
  flex-direction:column;
  justify-content: center;
  align-items: center;
}

.titulo__febrero{
  color: var(--first-color);
  margin-top: 50px;
  margin: 20px;
  font-size: var(--biggest-font-size);
  text-align: center;
}

  .titulo3__febrero{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    margin-top: 50px;
    font-size: var(--biggest-font-size);
    background-image: url(/assets/img/volantes/04.png);
    background-repeat: no-repeat;
    background-size: 100% 200px;
    background-position: bottom;
    width: 100%;
    
  }

  .titulo2__febrero{
    text-align: center;
    color: var(--first-color-alt);
    padding-top: 50px;
  }

  .subtitulo__febrero{
    text-align: center;
   padding-top: 50px;
   padding-bottom: 25px;
  }

  .subtitulovideo__febrero{
    text-align: left;
  }


  .parrafo__febrero{
    text-align: center;
    
    margin: 75px 10px 10px 10px;
  }

  .menu__febrero{
    margin-top: 50px;
    grid-template-columns: repeat(3,15%);
    justify-content: center;

  }

  /*pantalla grande*/

  .croquis__febrero{
    max-width: 100%;
  }

  .cvideo__febrero{
    margin-top: 50px;
    margin-bottom: 150px;
  }

  .video__febrero{
    width: 100%;
    height: 100%;
    
  }

  .img__febrero{
    max-width: 100%;
    height: auto;
    display: flex;
    
  }

  .img2__febrero{
    margin-top: 25px;
    max-width: 100%;

  }

  .carga__febrero{
    max-width: 100%;
  }

  

  .sanlorenzo__titulo{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    color: white;
    height: 500px;
    width: 100%;
    padding-top: 50px;
    text-align: center;
    background-image: url(/assets/img/noticias/sanlorenzo/012.png); 
    background-size: cover;   
  }

  .sanlorenzo__main{
    display: flex;
    align-items: center;
    flex-direction: column;
  }

  
 
  
  .parrafo__sanlorenzo{
    text-align: center;
    font-size: 2em;
    margin: 55px 10% 15px 10%;
    color: var(--first-color-alt);
  }
  
  .parrafo__sanlorenzo__alt{
    text-align: center;
    font-size: 2em;
    margin: 55px 10% 15px 10%;
    color: #642120;
  }
  
  .imagen__sanlorenzo{
    margin-top: 15px;
    margin-bottom: -15px;
    width: 75%;
    display: flex;
    justify-content: center;
    box-shadow: 0 4px 4px rgba(0,0,0,.2);
    
  }
  .sanlorenzo__contenedor__croquis{
    display: flex;
    width: 80%;
  }
  
  .sanlorenzo__croquis{
    display: flex;
    width: 100%;
  }




  

  
  



@media screen and (max-width: 768px){
  .nav__menu{
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    padding: 1.5rem 0 1rem;
    text-align: center;
    background-color: var(--body-color);
    transition: .4s;
    box-shadow: 0 4px 4px rgba(0,0,0,.1);
    border-radius: 0 0 1rem 1rem;
    z-index: var(--z-fixed);
  }
}

.nav__item{
  margin-bottom: var(--mb-2);
  
}

.nav__link, .nav__logo, .nav__toggle{
  color: var(--first-color-alt);
  font-weight: var(--font-medium);
}

.nav__logo:hover{
  color: var(--first-color);
}

.nav__link{
  transition: .3s;
}

.nav__link:hover{
  color: var(--first-color);
}

.nav__toggle{
  font-size: 1.3rem;
  cursor: pointer;
}

/* Show menu */
.show-menu{
  top: var(--header-height);
}

/* Active menu */
.active-link{
  color: var(--first-color);
}

/* Change background header */
.scroll-header{
  box-shadow: 0 2px 4px rgba(0,0,0,.1);
}

/* Scroll top */
.scrolltop{
  position: fixed;
  right: 1rem;
  bottom: -20%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: .3rem;
  background: rgba(11, 97, 155, 0.5);
  border-radius: .4rem;
  z-index: var(--z-tooltip);
  transition: .4s;
  visibility: hidden;
}

.scrolltop:hover{
  background-color: var(--first-color-alt);
}

.scrolltop__icon{
  font-size: 1.8rem;
  color: var(--body-color);
}

/* Show scrolltop */
.show-scroll{
  visibility: visible;
  bottom: 5.5rem;
}




/*========== HOME ==========*/



.home__title{
  display: flex;
  font-family: var(--body-font);
  font-size: 1.5rem;
  color: var(--first-color);
  margin-bottom: var(--mb-1);
}

.home__cuadernos{
  font-size:var(--biggest-font-size)
}

.home__instituto{
  font-size: 2.5rem;
  margin-left: 25px;
}

.home__publicacion{
  color: var(--first-color);
}

.home__subtitle{
  font-size: var(--h1-font-size);
  color: var(--title-color);
  
}

.home__publicaciones{
  background-color: white;  
  font-family: var(--body-font);
  font-size: 2.5rem;  
  margin-bottom: var(--mb-1);
  display: flex;
  height: calc(80vh - var(--header-height));
  width: 100%;
  align-content: center;
  color: white;
  justify-content: center;
  
 
  
}

.home__container{
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

.data__title{
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 150px ;
  
}

.home__img{
  width: 200px;
  justify-self: center;    
  
}
.home__boletines{
  width: 500px;
}

.home__video{
  width: 500px;  
  justify-self: center; 
  border: 0.1px solid var(--body-color);
  
    
   
}

.home__img__resp{
  display: none;
}

#libros{
  width: 350px;
}

#sanma{
  width: 500px;
}

.front__img{
  
  width: 20em;
}

.front__img__responsive{
  display: none;
}

.error404{
  display: flex;
  align-items: center;
  justify-content: center;
}
.error404 p{
  display: flex;
  flex-direction: column;
  align-items: center;
}

.error{
  width: 40%;
  margin-top: var(--header-height);
  display: flex;


}

#mujer_soberania{
  width: 100%;; 
}

#contenedor__proyectonacional{
  margin-left: 0;

}

#proyecto__nacional{
  width: 100%;
  margin: 0;
  box-sizing: border-box;

}

#home__proyectonacional{
  margin-bottom: -20px;
  margin-left: 0;
}

#homeRevista{
  margin-top: 125px;
}

.home__frase{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 200px;
  margin-bottom: 250px;
  
  
}



.search__boletines{
  display: flex;
  flex-direction: column;
  margin-bottom: 100px;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.label__search{
  display: flex;
}
.search__caja{
  display: flex;
  box-sizing: border-box;
  border-radius: 10px; 
  width: 50%;
  max-width: 650px; 
  height: 25px;
  border-color: var(--first-color);
}
.bx-search{  
 display: flex;
  position: absolute;
  right: 30%;
  font-size: large;
  font-weight: bold;
}


/*===================================noticias==============================*/
.principal__noticias{
  display: flex;
  justify-content: center;
}
.imagen__noticias{

  width: 30%;
  display: flex;


}


#marcosSoperez{
  width: 100%;
  margin-top: 200px;
}

.formularioMondino{
  width: 99%;
  height: 100vh;
  border: none;
  margin: 5rem auto 5rem auto; 
  display: flex; 
  justify-content: center; 
  overflow: hidden;
}

.tituloPortada{
width: 50%;
display: flex;
text-align: center;
justify-content: center;
flex-direction: column;
  
}

.contenedorNovedades{
  display: flex;  
  flex-direction: column;
  margin: 150px 10% 0 10%;
}

.novedades{
  display: flex;
  flex-direction: row;
  align-items: center;
  color: var(--text-color);
}

.novedades img{
  display: flex;  
  width: 15%;
  margin: 0px 10% 0 10%;
}

.novedadesTexto{
  display: flex;
  flex-direction: column;
}

.novedades p{
  display: flex;
  flex-direction: column;
}



#tituloNovedades{  
  margin: 150px 10% 0 10%; 
}

.contenedorPortada{
  display: flex;

}

.contenedorPortada a{
  display: flex;
  justify-content: center;

  margin-top: 20%;
}

.contenedorPortada a .portadaYoutube:hover{
  opacity: .75;
}

.portadaYoutube{
  display: flex;
  width: 50%;
}

/*=========SLIDER=============*/

.slider__show{
  width: 100%;
  position: relative;
  margin: 83px 0 0 0;
}

.slider ul li{
  width: 100%;
}

.slider li img{
  width: 100%;

}

.slider .caption{  
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
  z-index: 1;
  flex-direction: column;
  color: white;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-shadow: 5px 1px 5px #000000;
}

.slider .caption h1{
  font-size: var(--h2-font-size);
  margin-bottom: 0;
  cursor: pointer;
  justify-content: flex-end;
    
}

.slider .caption p{
  margin-top: 0;
  font-size: var(--h2-font-size);
  text-shadow: 5px 1px 5px #000000;
}

.paginacion{
  position: absolute;
  top: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
}

.paginacion, .li{
  color: var(--text-color-light);
  cursor: pointer;
}

.izquierda {
position: absolute;
top: 0;
height: 100%;
display: flex;
align-items: center;
font-size: var(--biggest-font-size);
color: #00a8ee;
left: 10px;
z-index: 2;
cursor: pointer;
}

.derecha{
  position: absolute;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  font-size: var(--biggest-font-size);
  color: #00a8ee;
  right: 10px;
  z-index: 2;
  cursor: pointer;
  }

  .bienvenida{
    display: none;
  }

  .slick-next{
    position: absolute;
    top: 50%;   
    display: flex;
    align-items: center;
    font-size: var(--biggest-font-size);
    color: black;
    right: -55px;
    z-index: 2;
    cursor: pointer;
    border: none;
    background: none;
    
  }

  .slick-prev{
    position: absolute;
  top: 50%;
  color: black;
  border: none;
  background:none;
  height:fit-content;
  display: flex;
  align-items: center;
  font-size: var(--biggest-font-size);  
  left: -55px;
  z-index: 2;
  cursor: pointer;

  }

  .slider__publicaciones{
    margin-top: 150px;
    width: 50%;
    box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.15); 
  }

  .slick-track{
    width: 100%!;
  }

  .contenedor__slider{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    margin-left: 50px;
    margin-top: 150px;
    margin-bottom: 250px;
    

  }

  .data__slider{
    padding-right: 120px;
  }
.contenedor__libro{  
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 10% 0 10%;
}
  .libro{
    margin-top: 250px;
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 120px;
  }
  .libro img{
    width: 20%;
  }

  .libro__texto{
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 20px;
  }

  .libro__titulo{
    color: var(--first-color);
    font-size: var(--biggest-font-size);
  }
  .parrafo{
    font-size: 1.5rem;
    margin-top: 1em;
    text-align: justify;
  }

  .contenedorComprar{
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: flex-end;

  }

  .buttonComprar{
    display: flex;
    color: var(--text-color-light);
    background-color: var(--first-color-alt);
    border: none;
    border-radius: 25px;    
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 50px;
    font-size: var(--h3-font-size);
    margin-right: 10%;
    margin-bottom: 5%;
  }

  .button__libro{
    background: none;
    border: none;
    
  }

  .button__libro a{
    background-color: var(--first-color);
    color: white;
    width: 200px;
    height: 50px;
    font-size: var(--h3-font-size);
    border: none;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 250px;

  }

  /*=========phillipeaux=========*/

.capitan{
  margin-top: 80px;
}

.tituloCapitan{
  display: flex;
  flex-direction: column;
  align-items: center;
}

/*=========FORO===============*/

.foro__container{
  height: auto;
  align-content: center;
}

.foro__data{
  margin-top: 100px;
}

#foroData{
  display: flex;
  flex-direction: column;
  

}


.foro__title{
  color: var(--first-color);
  font-size: var(--biggest-font-size);
  width: 90%;
  text-align: center;
  display: flex;  
  justify-content: center;
}

#mensajeDelicia{
  margin-top: 12rem;
}

#logo40{
  margin-top: -6rem;
 
}

#postales{
  box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.15); 
}

.descargaBoton{
  text-align: center;
  margin-top: 50px;
}

.descargaBoton a{
  color: #ffffff;
}

.descargaBoton:hover{
  color: var(--first-color);
}

.foro__subtitle{
  margin-top: 50px;
  padding-top: 50px;
  color: var(--first-color-alt);
  font-size: 1.3rem;
}



.foro__unico{
  color: var(--first-color-alt);
  font-size: 22px;
  
}

h1{
  font-size: 22px;
}

.foro__text{
  margin-top: 50px;
  text-align: left;
  font-size: 1.25rem;


}

#foroUnico{
  margin-top: 50px;
  font-size: var(--h3-font-size);
}

.containerForm{
  display: flex;
  justify-content: center;
  margin-top: 150px;
  
  

}

.containerFormResponsive{
  display: none;
}

.foro__img{
  padding-top: calc(500px + (var(--header-height)));
  width: 100%;
  height: 50px;
  justify-self: center;
}

.linkNoticia{
  margin-top: 10rem;
}
.linkPagina{
  color: var(--first-color);
}

.compartirRedes{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}
#compartirRedes{
  color: var(--text-color);
  font-size: xxx-large;
}

.textoCompartir{
  display: flex;
  align-items: center;
}

#actoCenotafio2023{
  display: flex;
  width: 100%;
  
}

#foroContainer{
  width: 100%;
  display: flex;
  font-size: var(--h3-font-size);
}
/*============PUBLICACIONES=================================*/

.publicaciones__contenedor{
  margin: auto;
}

.publicaciones__boletines{
  background-color: var(--first-color-alt);
  border-radius: 50px;
  display: grid;
  grid-template-columns: 10% 40% 10% 40%;
  grid-template-rows: 150px 1fr 1fr 150px;
  grid-template-areas: 
  ". . . ."
  ". titulo  . img"
  ". subtitulo . img"
  ". . . img"; 
  width: 100%;
  
}

.articulos{
  background-color: var(--first-color)
}

.libros{
  background-color: var(--text-color-light);
}

.publicaciones__img{
  grid-area: img;
  width: 100%;
}

.publicaciones__titulo {
  margin-left: 10px;
  font-size: var(--biggest-font-size);
  color: white;
  grid-area: titulo;
}

.publicaciones__subtitulo{
  margin-left: 10px;
  color: white;
  grid-area: subtitulo;
}




/*========== BOTONES ==========*/
.button{
  display: inline-block;
  background-color: var(--first-color);
  color: #FFF;
  padding: .75rem 1rem;
  border-radius: .5rem;
  transition: .3s;
}

.button:hover{
  background-color: var(--first-color-alt);
}

#boton__bienvenidos{
  background-color: var(--body-color);
  color: var(--text-color);
  text-shadow: none;
  border: solid var(--first-color) 3px;
  margin-left: 500px;
  margin-bottom: 50px;
  height: 50px;
  width: 200px;
  padding: 0;
  }

#boton__bienvenidos:hover {
  background-color: var(--first-color);
  color: white;

}

.load-more:hover{
  opacity: .8;
}

.libros__responsive{
  display: none;
}





/*========== ABOUT ==========*/
.about__data{
  text-align: center;

}

.about__description{
  margin-bottom: var(--mb-3);
}

.about__img{
  width: 280px;
  border-radius: .5rem;
  justify-self: center;
}



/*========== SERVICES ==========*/
.services__container{
  row-gap: 2.5rem;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.services__content{
  text-align: center;
  background-color: var(--container-color);
  border-radius: .5rem;
  box-shadow: 0 2px 4px rgba(3,74,40,.15);
  padding: 1rem;
}

.services__img{
  width: 64px;
  height: 64px;
  fill: var(--first-color);
  margin-bottom: var(--mb-2);
}

#malvinas{
  width: 80px;
  height: 64px;
}
.services__content h3 a{
  color: var(--title-color-color);
}

.services__content h3 a:hover{
  color: #16375c;
}

.services__title{
  font-size: var(--h3-font-size);
  color: var(--title-color);
  margin-bottom: var(--mb-1);
}

.services__description{
  padding: 0 1.5rem;
}

/*========== MENU ==========*/
.menu__container{
  grid-template-columns: repeat(3, 1fr);
  justify-content: center;
}

.menu__container .bd-grid{
  grid-template-columns: repeat(3, 32%);
  width: 25%;
}

.menu__content{
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: var(--container-color);
  border-radius: .5rem;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.30);
  padding: 1rem;
  margin: 1rem 0 1rem 0;
  height: auto;  
}

#videosContent{
  height: auto;
}

.menu__content2 {
  display: none;
}

.menu__content iframe{
  width: 100%;
  height: 50%;
}

.menu__img{
  width: 100%;
  align-self: center;
  margin-bottom: var(--mb-2);
  overflow-y: hidden;
 
}

#deudaLat{
  font-size: var(--small-font-size);
}

#casita{
  width: 400px;
}

.menu__name, .menu__preci{
  font-weight: var(--font-semi-bold);
  color: var(--title-color);
}

.menu__name{
  margin-top: 15px;
  font-size: var(--normal-font-size);
}

.menu__detail, .menu__preci{
  font-size: var(--small-font-size);
}

.menu__detail{
  margin-bottom: var(--mb-1);
}

.menu__button{
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  padding: .625rem .813rem;
  border-radius: .5rem 0 .5rem 0;
  font-family: var(--body-font);
}

.video__button{
 display: flex;
 flex-direction: column;
 display: flex;
 padding: .625rem .813rem;
 border-radius: .5rem 0 .5rem 0;
 color:black;
 font-family: var(--body-font);
 padding: .75rem 1rem;
 border-radius: .5rem;
 transition: .3s;
}

/*========== CUADERNOS ==========*/
.menu__cuadernos{
  grid-template-columns: repeat(2,1fr);
  justify-content: center;
}

#cuadernosFront{
  width: 90%;
}

.img__cuadernos{
  width: auto;
}



#tituloRevista{
  font-size: var(--h2-font-size);
}

#epigrafeRevista{
  font-size: xx-large;
  
}

.frase{
  display: flex;
  
  
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: 1.25rem;
   
}

#tapa__cuadernos{
  box-shadow: 0 4px 4px rgba(0,0,0, 0.7);
  width: 100%;


}

#tapa__rosario{
  box-shadow: 0 4px 4px rgba(0,0,0, 0.7);
  width: 100%;
}

#menu__rosario{
  padding-top: 0;
}

.link__archivo{
  margin-top: 100px;
  display: flex;
  justify-content: center;


}

.link__archivo a{
  color: #3a81c4;
}

/*========== APP ==========*/
.app__data{
  text-align: center;
}

.app__description{
  margin-bottom: var(--mb-5);
}

.app__stores{
  margin-bottom: var(--mb-4);
}

.app__store{
  width: 120px;
  margin: 0 var(--mb-1);
}

.app__img{
  width: 230px;
  justify-self: center;
}

/*========== CONTACT ==========*/
.contact__container{
  text-align: center;
}

.contact__description{
  margin-bottom: var(--mb-3);
}


/* FORMULARIO ================================================================================================================================================================================ */

.form__wrap{
  width: 1050px;
  height: 500px;
  margin: 50px auto;
  display: flex;
  margin-top: 200px;
  background: #fff;
  border-radius: 10px;  
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}

/* Informacion de Contacto*/

.contact__info::before{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background:var(--first-color);
  opacity: 0.9;
}

.contact__info{
  width: 38%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-image: url(https://lh4.googleusercontent.com/WokxqSbutdJAN71fwszCl1CYCmo4VTuPHkiBe-clzBTwntXaSbhiO15LErY1yEPo6deSdg);
  background-size: stretch;
  background-position: center center;

}

.info__title,
.info__items{
  position: relative;
  z-index: 2;
  color: #fff;
}

.info__title{
  margin-bottom: 60px;
}

.info__title span{
  font-size: 100px;
  display: block;
  text-align: center;
  margin-bottom: 15px;
}

.info__title h2{
  font-size: 35px;
  text-align: center;
}

.info__items p{
  display: flex;
  align-items: center;

  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}

.info__items p:nth-child(1) span{
  font-size: 30px;
  margin-right: 10px;
}

.info__items p:nth-child(2) span{
  font-size: 50px;
  margin-right: 15px;
  margin-left: 4px;
}


/* Formulario de contacto*/
.form__wrap{
  margin-top: 10%;
  margin-bottom: 10%;
}

form.form__contact{
  width: 62%;
  padding: 7% 40px;
  
  
}

form.form__contact h2{
font-size: 25px;
font-weight: 600;
color: #303030;
margin-bottom: 30px;
}

form.form__contact .user__info{
  display: flex;
  flex-direction: column;
}

form.form__contact label{
  font-weight: 600;
}

form.form__contact input,
form.form__contact textarea{
  width: 100%;
  padding: 8px 0px 5px;
  margin-bottom: 20px;
  border: none;
  border-bottom: 2px solid #D1D1D1;  
  color: #5A5A5A;
  font-size: 14px;
  font-weight: 400;
}

form.form__contact textarea{
  max-width: 100%;
  min-width: 100%;
  max-height: 90px;
}

form.form__contact input[type="submit"]{
  width: 180px;
  background: #4091EC;
  padding: 10px;
  border: none;
  border-radius: 25px;
  align-self: flex-end;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}

form.form__contact input[type="submit"]:hover{
  background: #3371B6;
}


.modal__wrap{
  width: 100%;
  height: 100vh;
  background: rgba(0,0,0,0.7);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mensaje__modal{
  background: #fff;
  box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
  width: 400px;
  padding: 30px 20px 15px;
}

.mensaje__modal h3{
  text-align: center;  
  font-size: 20px;
  font-weight: 400;
}

.mensaje__modal h3:after{
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #C5C5C5;
  margin: 10px 0px 15px;
}

.mensaje__modal p{
  font-size: 16px;
  color: #606060;
}

.mensaje__modal p:before{
  content: '';
  
  display: inline-block;
  color: #E25151;
  margin-right: 8px;
}

#BtnClose{
  padding: 3px 10px;
  
  background: #E25151;
  color: #fff;
  border: none;
  border-radius: 25px;
  cursor: pointer;
  float: right;
  
}

#footer__copycontact{
display: none;
}

.titulo__contacto{
  display: none;
}

/* MENSAJE EXITOSO*/

.mensaje__exito{
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.mensaje__exito h1{
  font-size: 35px;
  display: block;
  text-align: center;
  margin-bottom: 20px;
}

.mensaje__exito a{
  display: block;
  padding: 10px 30px;
  background: #4091EC;
  text-decoration: none;
  color: #fff;
}

.mensaje__exito a:hover{
  background: #3371B6;
}


/*================ BOX NOTICIAS ============*/

.box__noticias{  
  width: 80%;
  display: flex;
  box-shadow: 0 2px 14px 3px rgba(0,0,0,.1);
  flex-direction: column;
  margin: 0 10vw 0 10vw; 
}

.box__noticias a{
  color: var(--first-color);
  font-weight: bolder;
}

.box__noticias header{
  display: flex;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.336);
  border-radius: 6px;
  margin-bottom: 25px;
}

.box__noticias header a{
  color: var(--text-color);
  display: flex;
  flex-direction: row;
  font-size: 2em;
}

.box__noticias header img{
  display: flex;
  width: 50px;
  height: 50px;
  margin-left: 56px;
}





 


/*========== FOOTER ==========
.navigation{
  display: none;
} */

.navigation{
  width: 100%;
  /*position: fixed;*/
  position: relative;
  bottom: 0;
  left: 0;
  /*z-index: var(--z-fixed);*/
  background: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 9px solid var(--first-color-alt); 
  
  
}

.navigation ul{
  display: flex;
  width: 350px;
}

.navigation ul li{
  position: relative;
  list-style: none;
  width: 70px;
  height: 70px;
  z-index: 1;
}

.navigation ul li a{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  text-align: center;
  font-weight: var(--font-medium);
}

.navigation ul li a .icon{
  position: relative;
  display: block;
  line-height: 75px;
  font-size: 1.5rem;
  text-align: center;
  transition: 0.5s;
  
}

.navigation ul li.active a .icon{
  transform: translateY(-35px);
}

.navigation ul li a .text{
  position: absolute;
  color: #000;
  font-weight: 400;
  font-size: 0.75em;
  letter-spacing: 0.05em;
  transition: 0.5s;
  opacity: 0;
  transform: translateY(10px);
}

.navigation ul li.active a .text{
  opacity: 1;
  transform: translateY(15px);
}

.indicator{
  position: absolute;
  top: -50%;
  width: 70px;
  height: 70px;
  background: rgb(108, 159, 226);
  border-radius: 50%;
  border: 5.5px solid var(--first-color-alt);
  box-shadow: 0 5px 5px rgba(3,74,40,.15);
  transform: translateX(calc(70px * 2));

  
}



.indicator::before{
  content: '';
  position: absolute;
  top: 50%;
  left: -22px;
  width: 20px;
  height: 20px;
  background: transparent;
  border-top-right-radius: 20px;
  box-shadow: 0 -9px 0 0 var(--first-color-alt);

}

.indicator::after{
  content: '';
  position: absolute;
  top: 50%;
  right: -22px;
  width: 20px;
  height: 20px;
  background: transparent;
  border-top-left-radius: 20px;
  box-shadow: 0 -9px 0 0 var(--first-color-alt);

}

.navigation li:nth-child(1).active ~ .indicator{
  transform: translateX(calc(70px * 0));
}

.navigation li:nth-child(2).active ~ .indicator{
  transform: translateX(calc(70px * 1));
}

.navigation li:nth-child(3).active ~ .indicator{
  transform: translateX(calc(70px * 2));
}

.navigation li:nth-child(4).active ~ .indicator{
  transform: translateX(calc(70px * 3));
}

.navigation li:nth-child(5).active ~ .indicator{
  transform: translateX(calc(70px * 4));
}








/*=============================================================================================*/

.footer__container.bd-grid{
  grid-template-columns: repeat(5, minmax(100px,1fr));
  row-gap: 2rem;}

.footer__logo img{
  width: 150px;
  }

.footer__description{
  display: block;
  font-size: var(--small-font-size);
  margin: .25rem 0 var(--mb-3);
}

.footer__social{
 
  font-size: 1.5rem;
  color: var(--title-color);
  margin-right: var(--mb-2);
}

.footer__title{
  font-size: var(--h2-font-size);
  color: var(--title-color);
  margin-bottom: var(--mb-2);
}

.footer__link{
  display: inline-block;
  color: var(--text-color);
  margin-bottom: var(--mb-1);
}

.footer__link:hover{
  color: var(--first-color);
}

.footer__copy{
  text-align: center;
  font-size: var(--small-font-size);
  color: var(--text-color-light);
  margin-top: 3.5rem;
}




/*========== MEDIA QUERIES ==========*/
@media screen and (min-width: 576px){
  .home__container,
  .about__container,
  .app__container{
    grid-template-columns: repeat(2,1fr);
    align-items: center;
  }

  .about__data, .about__initial,
  .app__data, .app__initial,
  .contact__container, .contact__initial{
    text-align: initial;
  }

  .about__img, .app__img{
    width: 380px;
    order: -1;
  }

  .contact__container{
    grid-template-columns: 1.75fr 1fr;
    align-items: center;
  }
  .contact__button{
    justify-self: center;
  }

  
}



@media screen and (min-width: 769px){
  body{
    margin: 0;
  }

  .section{
    padding-top: 5rem;
  }

  .nav{
    height: calc(var(--header-height) + 1.5rem);
  }
  .nav__list{
    display: flex;
  }
  .nav__item{
    margin-left: var(--mb-3);
    margin-bottom: 0;
  }
  .nav__toggle{
    display: none;
  }

  .change-theme{
    position: initial;
    margin-left: var(--mb-2);
  }

  .home__container{
    height: 100vh;
    justify-items: center;
    justify-content: center;
    
  }

  .services__container,
  .menu__container, .menu__cuadernos{
    margin-top: var(--mb-6);
  }

  .menu__container{
    min-width: 364px;
    grid-template-columns: repeat(3, 32%);
    column-gap: 1rem;
  }

  .menu__cuadernos{
    min-width: 364px;
    grid-template-columns: repeat(3, 33%);
    column-gap: 1rem;
  }
  .menu__content{
    padding: 1.5rem;
    padding-bottom: 20%;
    padding-top: 20%;
  }
  .menu__img{
    width: 130px;
  }

  .contenedor__capitan{
    display: none;
  }

                .contenedor__biblioteca{
                  display: flex;
                  justify-content: center;
                  margin: 15% 20% 0 20%;
                  flex: 33%;
                  flex-direction: column;
                }
                .subcontenedor__biblioteca{
                  display: flex;
                  width: 100%;
                }
                .biblioteca{
                  display: flex;
                  justify-content: center;
                  width: 33%;
                }
                .biblioteca a{
                  box-sizing: border-box;
                  display: flex;
                  align-items: center;
                  flex-direction: column;    
                                    
                  position: relative;
                  box-shadow: 0 2px 4px rgba(3,74,40,.15);
                  border-radius: 25px;
                  
                }
                .biblioteca a img{
                  margin-top: 50px;
                  width: 80%;
                  box-shadow: 6px 10px 18px -7px rgb(0 0 0 / 50%);
                }
                .texto__biblioteca{
                  display: flex;
                  flex-direction: column;
                  margin: 0 25px 0 25px;
                  color: var(--title-color);
                  padding-top: 15px;
                }
                .biblioteca__titulo{
                  color: var(--first-color);
                }

                
                .biblioteca__autor{
                  padding-top: 15px;
                  padding-bottom: 15px;
                  font-weight: var(--font-semi-bold);
                }
                .etiqueta{
                  width: 100px;
                  height: 100px;
                  border-radius: 50%;
                  background-color: var(--first-color-alt);
                  color: white;
                  border: 8px solid rgb(255, 255, 255);
                  position: absolute;
                  top: 0;
                  right: 0;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  font-size: var(--h3-font-size);
                  font-weight: var(--font-semi-bold);
                  transform: rotate(20deg);
                  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);;
                }
 

  .app__store{
    margin: 0 var(--mb-1) 0 0;
  }

  .img__febrero{
    max-width: 50%;
    height: auto;
    display: flex;
    align-items: center;
  }

  .cimg2__febrero{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  .img2__febrero{
    max-width: 30%;
  }

  .carga__febrero{
    max-width: 35%;
  }

  .titulo3__febrero{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: var(--container-color);
    margin-top: 50px;
    font-size: var(--biggest-font-size);
    background-image: url(/assets/img/volantes/04.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
    width: 100%;
    height: 176px;
  }

  .titulo__febrero{
    color: var(--first-color);
    margin-top: 50px;
    margin: 20px;
    font-size: var(--biggest-font-size);
    text-align: center;
  }   

  .croquis__febrero{
    max-width: 60%;
  }

.portada{
  display: none;
}

.tituloPortada{
  margin-top: 20rem;
width: 100%;
display: flex;
text-align: center;
justify-content: center;
flex-direction: column;
  
}

.homenajeGulichContenedor{
  margin-top: 3rem;
}

.rioTercero{
  margin-top: 0rem;
}

#contenedor__proyectonacional{
  margin-left: auto;
  margin-bottom: -180px;

}

.foro__title{
  width: 100%;
  justify-content: center;
}
.menu__rosario{
  color: #000000;
}

.tarjetaCecilia{
  display: flex;
  width: 100%;
  justify-content: center;
margin-top: 50px;
 
}

.contenidoCecilia{
  display: flex;
   background-color: var(--container-color);
  border-radius: .5rem;
  box-shadow: 0 2px 4px rgba(3,74,40,.15);
  width: 50%;
  align-items: center;
  
}

.imagenCecilia{
  width: 10%;
  display: flex;
}

.descripcionCecilia{
  display: flex;
  margin-left: 20px;
}

.foto__noticia{
  width: 100%;  
  display: flex;
  justify-content: center;
  margin-top: 30px;
}

#logo40{
  display: none;
}

#postales{
  box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.15); 
}

.descargaBoton{
  text-align: center;
  margin-top: 50px;
}

.descargaBoton a{
  color: white;
}

.descargaBoton:hover{
  color: var(--first-color);
}

#subtituloNoticia{

  margin-top: 0;
}

.listaNoticia{
  margin-top: 20px;
}

#mensajeDelicia{
  margin-top: 20rem;
}


.libros__contenedor{
  
  margin-top: 20rem;
  margin-bottom: 220px;  
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  
}

#homeTitleLibros{
  font-size: 4rem;
}



.libros__arriba{
  display: flex;
  height: 351px;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: center;
  margin-top: 150px;
}

.libros__titulo{
  display: flex;
  flex-direction: column;
  margin-right: 50px;
}

.libros__titulo h1{
  display: block;
  font-size: var(--biggest-font-size);
}

.libros__slider{
  width: 50vw;
  height: 351px;
  display: flex;
}
.libros__slider div a img{
  width: 15vw;
}

.ultimo{
  margin-bottom: 250px ;
}

  /*00000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000*/
}

@media screen and (min-width: 760px){
  .bd-container{
    margin-left: auto;
    margin-right: auto;
  }

  .about__container,
  .app__container{
    column-gap: 7rem;
  }

  .navigation{
    display: none;
  }

.ultima__edicion{
  display: flex;
  flex-direction: column;


}  

.ultima__data{
  display: flex;
  flex-direction: row;
  margin-top: 30px;
}
.ultima__link{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin-left: 50px;
}

#container__ultimaLink{
  margin-top: 15px;
}

.ultima__edicion .about__data .ultima__link a{
  display: flex;
  

}

#copyrightResponsive{
  display: none;
}

#capitanImgResponsive{
  display: none;
}

.enlacePie{
  color: var(--first-color-alt);
  font-weight: 900;
  margin-bottom: 220px;
  font-size: x-large;
}

.enlacePie:hover{
  color: var(--first-color);
  
}

.resaltado{
  color: var(--first-color);
  font-weight: bolder;
}

#tapaRevista{
  width: 55%;
}

} 




@media screen and (max-width:775px){

 

  .foro{
    margin-bottom: 220px;
  }

  .enlacePie{
    color: var(--first-color-alt);
    font-weight: 900;
    margin-bottom: 500px;
    font-size: large;
  }
  
  .enlacePie:hover{
    color: var(--first-color);
    
  }
  
  .home__data{
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    font-size: 2rem;
  }

  .home__boletines__data{
    margin-top: 50px;
  }

  .home__title{
    
    font-size: 1.25rem;
    
  }
  
  .about__container{
    padding-bottom: 200px;
  }

  .noticias__contenedor{
    flex-direction: column;
  }

  .noticia1{
    width: 100%;
  }

  .noticia__principal{
    flex-direction: column;
  }

  .front__img{
  
    display: none;
  }

  .home__container{
    flex-direction: column;
  }

  .front__img__responsive{
    display: flex;
    width: 100%;
  }

  #descargaResponsive{
    font-size: large;
    text-align: center;
  }

  .frase{
    display: flex;
  background-color: var(--body-color);
  color: var(--title-color);
  padding: 0;
  box-sizing: none;
  border-radius: 0;
}

  

  .about__data{
    padding-top: 25px;
  }
  .noticia__principal{
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto auto 1fr;
    grid-template-areas: 
    "principal__img"
    "principal__titulo"
    "principal__parrafo";
    text-align:justify;  
  }

  .menu__cuadernos{
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    grid-template-columns: 1fr;
    column-gap: 1rem;
  }

  .navigation{
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: var(--z-fixed);
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 9px solid var(--first-color-alt); 
    
    
  }

  .navigation ul{
    display: flex;
    width: 350px;
  }

  .navigation ul li{
    position: relative;
    list-style: none;
    width: 70px;
    height: 70px;
    z-index: 1;
  }

  .navigation ul li a{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    text-align: center;
    font-weight: var(--font-medium);
  }

  .navigation ul li a .icon{
    position: relative;
    display: block;
    line-height: 75px;
    font-size: 1.5rem;
    text-align: center;
    transition: 0.5s;
    
  }

  .navigation ul li.active a .icon{
    transform: translateY(-35px);
  }

  .navigation ul li a .text{
    position: absolute;
    color: #000;
    font-weight: 400;
    font-size: 0.75em;
    letter-spacing: 0.05em;
    transition: 0.5s;
    opacity: 0;
    transform: translateY(10px);
  }

  .navigation ul li.active a .texto{
    opacity: 1;
    transform: translateY(15px);
  }

  .indicator{
    position: absolute;
    top: -50%;
    width: 70px;
    height: 70px;
    background: white;
    border-radius: 50%;
    border: 5.5px solid var(--first-color-alt);
    box-shadow: 0 5px 5px rgba(3,74,40,.15);
    transition: 0.5s;
    
  }

  .indicator::before{
    content: '';
    position: absolute;
    top: 50%;
    left: -22px;
    width: 20px;
    height: 20px;
    background: transparent;
    border-top-right-radius: 20px;
    box-shadow: 0 -9px 0 0 var(--first-color-alt);

  }

  .indicator::after{
    content: '';
    position: absolute;
    top: 50%;
    right: -22px;
    width: 20px;
    height: 20px;
    background: transparent;
    border-top-left-radius: 20px;
    box-shadow: 0 -9px 0 0 var(--first-color-alt);

  }




  .navigation ul li:nth-child(1n).active ~ .indicator{
    transform:translateX(1px);  }

  .navigation ul li:nth-child(2n).active ~ .indicator{
    transform: translateX(70px);
  }

  .navigation ul li:nth-child(3n).active ~ .indicator{
    transform: translateX(140px);
  }

  .navigation ul li:nth-child(4n).active ~ .indicator{
    transform: translateX(210px);
  }

  .navigation ul li:nth-child(5n).active ~ .indicator{
    transform: translateX(280px);
  }

  .navigaton{
    transform: translateX(140px);
  }

  .footer__container{
    display: none;
  }

  .ultimo__catedras{
    margin-bottom: 120px;
  }

  .rosario__ultimo{
    margin-bottom: 250px;
  }

  .rosario__container{
    margin: 250px 0 250px 0;
  }

  .contenedor__biblioteca{
    display: flex;
    justify-content: center;
    margin: 15% 5% 0 5%;    
    flex-direction: column;
  }
  .subcontenedor__biblioteca{
    display: flex;
    width: 100%;
    flex-direction: column;
  }
  .biblioteca{
    display: flex;
    
    justify-content: center;
    margin: 15px 0 15px 0;
  }
  .biblioteca a{
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-direction: column;    
    width: 100%;    
    position: relative;
    box-shadow: 0 2px 4px rgba(3,74,40,.15);
    border-radius: 25px;
    
  }

  .biblioteca a img{
    margin-top: 50px;
    width: 80%;
    box-shadow: 6px 10px 18px -7px rgb(0 0 0 / 50%);
  }

  .texto__biblioteca{
    display: flex;
    flex-direction: column;
    margin: 0 25px 0 25px;
    color: var(--title-color);
    padding-top: 15px;
  }
  .biblioteca__titulo{
    color: var(--first-color);
  }

  
  .biblioteca__autor{
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: var(--font-semi-bold);
  }
  .etiqueta{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: var(--first-color-alt);
    color: white;
    border: 3px solid rgb(255, 255, 255);
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:large;
    font-weight: var(--font-semi-bold);
    transform: rotate(20deg);
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);;
  }

  .libros__contenedor{
    display: none;
  }

  .libros__responsive{
    
    display: flex;
    flex-direction: column;
    text-align: center;
  }

  .libros__responsive h1{    
    color: var(--first-color);
    font-size: var(--biggest-font-size);
    margin-top: 250px;
  }

  .libro{
    display: flex;
    flex-direction: column;
    margin-top: 20px;
  }  

  .libro img{
    width: 90%;
    margin-bottom: 20px;
  }

  .libro__texto{
    margin-left: 0;
  }

  .button__libro{
    margin-bottom: 150px;
  }

  .home div img{
    width: 300px;
  }
  


}
/*==========================================================================================================================================================990==*/
@media screen and (max-width: 990px){

  .contenedorComprar{
    justify-content: center;
  }  
  .buttonComprar{
    margin: 10% 0 10% 0;    
  }

  .buttonComprar a{
    color: var(--body-color);
  }

  .libro{
    margin: auto;
  }

  .formularioMondino{
    width: 99%;
    height: 150vh;
    border: none;
    margin: 5rem auto 5rem auto; 
    display: flex; 
    justify-content: center; 
    overflow: hidden;
  }

  #videosContent{
    height: 20rem;
  }

  .footer__container .bd-grid{
    grid-template-columns: repeat(3, minmax(100px,1fr));
    grid-template-rows: repeat(2, 1fr);
    row-gap: 2rem;}

    .publicaciones__boletines{
      display: grid;
      grid-template-columns: 1fr;
      grid-template-rows: 33vh 1fr 1fr 150px;
      grid-template-areas: 
  "img"
  "titulo"
  "subtitulo"
  "."; 
      
      width: 100%;
    }

    .contact__info{
      display: none;
    }

    .titulo__contacto{
      color: var(--first-color);
      margin-bottom: 25px;
      text-align: center;
    }

    .form__wrap{
      height: 40%;
      width: 90%;
      justify-content: center;
      margin-bottom: 0;
      margin-top: 35%;
      
    }

    .suscribite{
      height: 200px;
    }

   

    form.form__contact{
      width: 100%;
    }

    .form__contact{
      width: 100%;
    }

    .titulo__contacto{
      display: block;
    }

    body{
      height: 1vh;
    }
    .form__body{
      height: 1vh;
    }

    footer{
      display: none;
    }

    .numero__uno{
      margin-bottom: 150px;
    }

    .footer__copy{
      
      margin-top: 0rem;
    }

    .link__archivo{
      display: flex;
      height: 150px;
      align-items: flex-start;
    }

    #footer__copycontact{
      display: block;
    }

    form.form__contact input[type="submit"]{
    margin-top: 20px;
    align-self: center;
    }

    .home__instituto{
      margin: 0px;
    }  
    .home__publicacion{
      margin: 0;
    display: flex;
    }
   
    .contenedor__slider{
      width: 100%;
      height: 550px;
      display: flex;
      flex-direction: column;
      margin-bottom: 150px;
      margin-left: 0;
    }
    .data__slider{
      padding: 0;
      
    }
    .slick-list{
      width: 100%;
      margin: 0;
      padding: 0;
      display: flex;
    }
    .home__video{
      width: 100%;
      border: 1px solid white;
      
    }
    .home__boletines{
      width: 300px;
    }
    .slider__publicaciones{
      width: 100%;
    }
    .ultimo{
      margin-bottom: 350px;
    }

    #ultimoCapitan{
      margin-bottom: 125px;
    }
   
  }




/*=========================================================================================================================425====*/

@media screen and (max-width: 425px) {

  .homenajeGulichContenedor{
    display: none;
    background-image: none;
  }
  
  
  .contenedorPortada a{
    display: flex;
    justify-content: center;
  
    margin-top: 20%;
  }
  
  .contenedorPortada a .portadaYoutube:hover{
    opacity: .75;
  }
  
  .portadaYoutube{
    display: flex;
    width: 100%;
  }


  .main{
    width: 100%;
  }

  .nav{
    height: calc(var(--header-height) + 1rem) ;
  }

  .footer__container.bd-grid{
    grid-template-columns: 1fr;
    grid-template-rows: repeat(5, 1fr);
    row-gap: 2rem;}

  .publicaciones__boletines{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 20vh 1fr 1fr 150px;
    grid-template-areas: 
    "img"
    "titulo"
    "subtitulo"
    "."; 
    width: 100%;}

    .menu__container{
      grid-template-columns: 1fr;
      justify-content: center;
    }
    
    .menu__container .bd-grid{
      grid-template-columns: 32%;
      width: 100%;
    }

    .slider__show{
      display: none;

    }

    .portada{
      width: 100%;      
      box-shadow: 0 2px 4px rgba(3,74,40,.15);      
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .img__portada{
      width: 100%;
      display: flex;
      justify-content: center;    

    }

    
    
  




#subtituloNoticia{
  margin-top: 0px;
  padding-top: 0;
}

.menu__rosario{
  color: #000000;
}

.tarjetaCecilia{
  display: flex;
  width: 100%;
  justify-content: center;
  margin-top: 10rem;
  margin-bottom: 150px;
 
}

.contenidoCecilia{
  display: flex;
  background-color: var(--container-color);
  border-radius: .5rem;
  box-shadow: 0 2px 4px rgba(3,74,40,.15);
  width: 90%;
  align-items: center;
}

.imagenCecilia{
  width: 50%;
  display: flex;
}

.descripcionCecilia{
  display: flex;
  margin-left: 20px;
  font-size: var(--small-font-size);
}

.foto__noticia{
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  margin-top: 30px;
}


.compartirRedes{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 90%;
  margin-top: 20px;
}

#compartirRedes{
  margin-left: 0;
  color: var(--text-color);
  font-size: x-large;
}

.textoCompartir{
  display: flex;
  align-items: center;
}

.listaNoticia{
  margin-top: 20px;
}

.error404{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.error404 p{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.error{
  width: 100%;
  margin-top: var(--header-height);
  display: flex;


}

    /*=================================================bienvenida-------------------------------------------------------------------------------------*/

.logo__foro{   
  display: flex;
  width: 40%;
  height: auto;
  border-radius: 5px; 
}

.bienvenida{ 
  display: flex;
  margin:  25% 0 0 0;
  padding: 0 0 0 0;
  width: 100%;
  height: 50vh;  
  align-items: center;
  text-align: center;  
  justify-content: flex-start;
}

.titulo__bienvenida{
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--first-color);
}



.titulo__bienvenida p{
  color:var(--text-color);
}

.boton__bienvenida{
  display: flex;
  background-color: var(--first-color);
  color: #FFF;
  border-radius: 1rem;
  transition: .3s;
  width: 150px;
  justify-content: center;
  margin-top: 20px;
}
    .bienvenida{
      display: flex;
      flex-direction: column;
      width: 100%;
    }
  
/*=========phillipeaux=========*/

.tituloCapitan{
  display: flex;
  flex-direction: column;
  align-items: center;
}

#capitan__grande{
  display: none;
}

.contenedor__capitan{
  display: flex;
  justify-content: center;
  margin-bottom: 50%;
  margin-top: 25%;
  }

.capitan{
  display: flex;
  margin-top: 25%;
  width: 90%;
}

.capitan__img{
  display: flex;
  width: 40%;
  height: auto;
}

.texto__capitan{
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  align-items: center;
}

.texto__capitan h2{
  font-size: medium;
}

.boton__capitan{
  display: flex;
  background-color: var(--first-color);
  color: #FFF;
  border-radius: 1rem;
  transition: .3s;
  width: 80px;
  justify-content: center;
}

.boton__capitan:hover{
  background-color: var(--first-color-alt);
}
.sanlorenzo__main{
  display: flex;
  align-items: center;
  flex-direction: column;
}
.sanlorenzo__titulo{
  font-size: var(--h1-font-size);
  height: 300px;
}

.parrafo__sanlorenzo{
  text-align: center;
  font-size: large;
  margin: 55px 15px 15px 15px;
  color: var(--first-color-alt);
}

.parrafo__sanlorenzo__alt{
  text-align: center;
  font-size: large;
  margin: 55px 15px 15px 15px;
  color: #642120;
}

.imagen__sanlorenzo{
  margin-top: 15px;
  margin-bottom: -15px;
  width: 90%;
  display: flex;
  justify-content: center;
}

.sanlorenzo__contenedor__croquis{
  display: flex;
  width: 100%;
}

.sanlorenzo__croquis{
  display: flex;
  width: 100%;
}

.sanlorenzo__tituloPortada{
  width: 90%;
  font-size: x-small;
  margin-top: 15%;
}


#bodyCenotafio{
  width: 100%;
 }

 .tituloPortada{
  margin-top: 10rem;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
 }

 .rioTercero{
  margin-top: 0rem;
 }

 #cenotafio2023{
  flex-direction: column;
  justify-content: center;
 }

 #cenotafioFoto{
  width: 90%;
 }

 #foroTitle{
  width: 95%;
  font-size: 2rem;
  display: flex;
  justify-content: center;
 }

 #rioTercero{
  margin-top: 0px;
 }

 .homenajeGulich{
  background-image: url('https://foropatrioticoypopular.com/assets/img/noticias/gulich/marioGulich001.jpg'); 
      height: 600px;
      background-attachment: fixed;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      display: flex;
      justify-content: center;
      align-items: center;
      color: var(--body-color);
      font-size: var(--biggest-font-size);
    width: 90%;
    text-align: center;
    display: flex;
 }

 .comunicadoCOPLAC{
  background-image: url('https://foropatrioticoypopular.com/assets/img/slider/comunicadooCoplac.jpg'); 
      height: 600px;
      background-attachment: fixed;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      display: flex;
      justify-content: center;
      align-items: center;
      color: var(--body-color);
      font-size: var(--biggest-font-size);
    width: 90%;
    text-align: center;
    display: flex;
 }

 .foro__subtitle{
  display: flex;
  width: 90%;
 }

 

 #foroUnico{
  width: 90%;
 }

 #actoCenotafio2023{
  
  gap: 0;
 }

 #actoCenotafio{
  width: 90%;
 }

 .containerForm{
display: none;
 }

 .containerFormResponsive{
  margin-top: 250px;
  margin-bottom: 200px;
  display: flex;
  justify-content: center;
 }

 #containerFormResponsive{
  margin-top: 50px;
  margin-bottom: 50px;
  border: none;
 }

 .foro__text{
  width: 95%;
  text-align: left;
  font-size: 1.5rem;
 }
 .foro__subtitle{
  font-size: 1.3rem;
 }

 #tapaRevista{
  width: 100%;
}

.tarjetaTextoPeriodico h3{
margin: 0 20px 70px 20px;
}

.tarjetaTextoPeriodico h2{
  margin-left: 20px;
}

}

@media screen and (min-width:320px) and (max-width:768px){
  .contenedor__capitan{
    display: none;
  }
  .home__title{
    font-family: var(--body-font);
  font-size: 2rem;
  color: var(--first-color);
  
}
  #cuadernosFront{
    width: 40%;
  }
  
  

}

@media screen and (min-width:426px) and (max-width:768px){
  .l-main{
    width:100%;
  }
  main{
    width: auto;
  }
.foro__text{
  width: 90%;
}
 

 .portada{
  display:none;
 }

 .capitan{
  display: none;
 }

 #bodyCenotafio{
  width: 100%;
 }

 .tituloPortada{
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
 }

 #cenotafio2023{
  flex-direction: column;
  justify-content: center;
 }

 #cenotafioFoto{
  width: 90%;
 }

 #foroTitle{
  width: 95%;
  font-size: 2rem;
  display: flex;
  justify-content: center;
 }

 .foro__subtitle{
  display: flex;
  width: 90%;
 }



 #foroUnico{
  width: 90%;
 }

 #actoCenotafio2023{
  margin: 5%;
  gap: 0;
 }

 #actoCenotafio{
  width: 90%;
 }

 
  
}