@charset "utf-8";

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

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

@media screen and (min-width:360px) {

html {
  background: #eef1f2;
}

body {
   font-family: 'Roboto', sans-serif;
      text-align: start;
}

main {
  padding-top: 3rem;
    
}

.header {
  z-index: 3;
  background: #eef1f2;
  display: flex;
  flex-direction: column;
  width: 100vw;
  position: fixed;
}
.header .top {
  display: flex;
  width: 100vw;
  justify-content: space-between;
  padding: 0;
}

.header .top img {
  height: 2.1rem;
  width: auto;
}

.header .logo {
  margin-left: 0;
  padding: 1rem;
}

.header .top .burger {
  margin: 0;
  padding: 1rem;
}

.burger:hover {
  background: #ebebeb;
  text-decoration-color: rgba(21, 21, 21, 0.94);
}

.burger:hover + .barranavegacion, .barranavegacion:hover {
  position: fixed;
  display: block;
  right: 0;
  top: 4rem;
  width: 100%;
}

.volver {
  margin-left: 0;
  padding: 1rem;
}

.barranavegacion {
  margin: 0;
  display: none;
}

* {
    /* esto va a afectar a todo en GENERAL */
background-color: none;
font-family: sans-serif;
    margin: auto;
    padding:0em;
    box-sizing: content-box;
  
}

#isologo {
    display: block;
    text-align: center;
    margin:  0 0.3em ;
}

header nav ul li a {
    color: white;
    font-size: 1.5em;
    background-color: rgba(118, 118, 118, 0.97);
    display: block;
    text-align: center;
    max-width: 40em;
    margin: 0 0 0.3em 5;
    padding: 0.5em;

}


header nav ul li a:hover {
    background-color: #fff;
     color:  #000;
padding: 1em;
    }

ul, il {
    list-style: none;
margin: 0.2;
padding: 0;

}


a {
    
    text-decoration: none;
    color: rgba(0, 0, 0, 0.97);


}

img {
    width: 100%;
    height: auto;
    display: flex;
    justify-content:center;
}

figure {
   /* margin: 1em 7em 1em 7em;
    padding: 0em;
    max-width: 10em;
    display: flex;
    justify-content: flex-end;*/
    margin: 0;
    padding:0em;
    width:100%;
    height:20%;
}

   .imagencuenca1 img{
          border-radius: 10px;
       height: 150px;
    }


    .imagenescuenca img {
     display: flex;
    display:inline-block;
        box-sizing: border-box;
    width:47%;
    margin: 0.2em;
      border-radius: 10px;
}
    .imagenescuenca  p {
       font-size: 8px;
        display: flex;
        display: inline-block;
        position: absolute;
        left: -0.1em;

        background: rgba(39, 39, 39, 0.81);
        color: aliceblue;
        padding: 0.2em;
        border-radius: 10px;
    }


    .relacionados1 {
        display: flex;
    display: inline-block;

    }
    .relacionados1, .imagenescuenca {
        display: flex;
display: inline-block;

    }

 .relacionados1, .imagenescuenca img  {
        display: flex;
         display: inline-block;
     margin-bottom: 1em;


    }
h2, h3, p {
display: flex;
    justify-content: center;
    text-align: justify;

}


h2 {
    padding: 0.5em;

}

h4, h5 {
    margin: 1em 1em  0;
    color: gray;
   font-family: 'Roboto Slab', serif;
    font-size: 14px;
    border-top: solid 1px rgba(106, 106, 106, 0.29);

}

h3, h5, h6 {
    display: flex;
    display: inline-block;
    margin: 0;
    padding: 0.5em;
    text-align: left;
}

    h3 .cuenca-subsubtitle  {
        margin-top:0em;
    }
    h2 .cuenca-title{
    font-family: 'Roboto Slab', serif;
}
.cuenca-title {
  padding-bottom: 0.5rem;

}
.cuenca-title span {
  background: #add7c4;
  padding: 0.2rem 1rem;
  border-radius: 0.25rem;
  margin-top: 1rem;
    font-family: 'Roboto Slab', serif;
}

.cuenca-title1 span {
  background-color: rgba(136, 207, 252, 0.72) ;
  padding: 0.2rem 1rem;
  border-radius: 0.25rem;
  margin-top: 1rem;
     font-family: 'Roboto Slab', serif;
}

.cuenca-title2 span {
  background-color: rgba(252, 136, 136, 0.72) ;
  padding: 0.2rem 1rem;
  border-radius: 0.25rem;
  margin-top: 1rem;
     font-family: 'Roboto Slab', serif;
}

.cuenca-title3 span {
  background-color: rgba(252, 234, 136, 0.72) ;
  padding: 0.2rem 1rem;
  border-radius: 0.25rem;
     font-family: 'Roboto Slab', serif;
}

.cuenca-title4 span {
  background-color: rgba(204, 204, 204, 0.72) ;
  padding: 0.2rem 1rem;
  border-radius: 0.25rem;
  margin-top: 1rem;
 font-family: 'Roboto Slab', serif;
}


.cuenca-subtitle {
    margin-top: -0.5em;
    margin-bottom: 0.2em;
   
}

p {
margin: 0.5em;
font-family: 'Roboto', sans-serif;
text-align: left;

    }

.noticia1, .noticia2 {
     display: flex;
    display: inline-block;
    margin-top: 0.2em;
}


.seccionnovedades, noticia1, noticia2 {
     display: flex;
    display: inline-block;
    justify-content: center;
}
.fotoytexto img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    margin: 0em;
    padding: 0em;
     border-radius: 8px;

}
.informacionexclusiva h5 {
    background-color: rgba(0, 0, 0, 0.71);
    color: aliceblue;
    padding: 1em ;
    border-radius: 5em;
    font-size: 8pt;
}



.textopredominante {

    position:relative;

    top: -5em;
    top: -5em;
    margin: 1em;
display: flex;
    display: inline-block;
      color: white;
}

.noticias {
  margin-top: 1rem;
}

.centrado {
    display: flex;
    display: inline-block;
    justify-content: center;
    margin: 0em 9em
}

input {
    margin: 0.5em 1.5em;
    padding: 0,5em  1em;
    width: 50%;
    height: 50%;
}

.comment {
  margin: 1rem;
    width: 82%;

}
    .commentnosotros input {
  
  margin: 0 0 0.5em 1em;
  width: 80%;
  padding: 1rem;
  font-size: 1.25rem;
  border-radius: 0.25rem;
}
    .botonenviar {
  width: 90%;
 
  padding: 0.5rem;
  font-size: 1.25rem;
  border-radius: 0.25rem;
    }
.comment input {
  
  margin: 0 0 0.5em 0;
  width: 100%;
  padding: 1rem;
  font-size: 1.25rem;
  border-radius: 0.25rem;
}
.comment button {
  margin: 0;
  padding: 0 1rem;
  background: #000;
  color: #fff;
  border-radius: 0.25rem;
  border: none;
  font-size: 2rem;
}

.space-hr {
  margin: 1rem;
}


.mesa {
  margin: 1rem;
  width: calc(100vw - 3rem);
}

.tips-title {
  text-align: center;
  padding-top: 1.5rem;
}
.tips-subtitle {
  text-align: left;
  justify-content: start;
}
.section {
  position: relative;
  padding: 2rem 0;
  width: auto;
  text-align: center;
  background-image: url(../imagenes/plantacion.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  margin: 1rem;
  border-radius: 0.25rem;
}

.tips-section.first {
  margin-top: 2rem;
 background-image: url(../imagenes/slide1.png);
}
.tips-section.second {
 background-image: url(../imagenes/slide3.png);
}
.tips-section.third {
 background-image: url(../imagenes/silde2.png);
}

.section .text {
  position: relative;
  z-index: 1;
  padding:
}

.tips-background {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  right: 0;
  top: 0;
  border-radius: 0.25rem;
}

.m-1 {
  margin: 0 1rem;
}

.mapa-riesgo {
  margin-bottom: 2rem;
}

h2 .cuenca-title{
    font-family: 'Roboto Slab', serif;
}
  .caja img {
      display: flex;
        height: 100px;
        width: 95%;
        object-fit: cover;
      border-radius: 10px;
      margin:0.5em;

    }


.cuenca-subtitle {
    color: gray;
    margin-top: -0.5em;
    margin-bottom: 0.8em;
    border-bottom: solid 1px rgba(128, 128, 128, 0.58);  
}
.galeria {
    font-size: 20px;
}
/*revisar */

.fotossecundarias {
    display: flex;
    flex-direction: row;

}

.fotossecundarias figure{
    max-width: 40%;
     margin:0;
    padding: 0.2em;
    transition: height 2s, width 2s;

}

.fotossecundarias figure:hover {
   width: 300px;
   height: 800px;

}

.fotossecundarias figure img {
    height: 50%;
    object-fit: cover;
    width: 98%;
    height: 80px;
    border-radius: 1em;
 margin: 0;
 padding: 0.5em;


}

.otrosmeses {
    display: flex;
    flex-wrap: wrap;


}

.otrosmeses .meses {

    padding: 1em;
    border-right: solid 1px #000;
     height: 100px;
        width: 100px;
        object-fit: cover;

}
    .otrosmeses .meses img{
     height: 50px;
        width: 100px;
        object-fit: cover;
        


}
    .meses {
        min-width: 160px;
        
        
    }

.cuenca-subsubtitle {
    margin-top: 2em;
    margin-bottom: -0.2em;
    display:flex;
   justify-content: center;
}
.pictures .cuenca-subtitle {
  text-align: center;

}


.cuenca-section.first {
  background-image: url(../imagenes/FotoAcumar2.jpg);
}
.cuenca-section.second {
  background-image: url(../imagenes/fauna.png);
}

.cuenca-hr {
  margin: 1rem;
}

.comentarioshechos {
    margin-top: 1em;
    color: gray;
   font-size: 11pt;

     border-bottom:  1px solid #000;

}
.personaspublicando {
 margin-top: 1em;
    color: gray;
text-align: left;
    font-size:10pt;

}
.tips-cuenca {
  margin: 1rem;
  padding: 1rem 2rem;
  text-align: center;
  font-weight: bold;
  background: #ccc;
  border-radius: 0.25rem;
 
}

.discover-section {
  margin: 0;
  width: auto;
  padding: 2rem 1rem;
}
.discover-section {
  background-image: url(../imagenes/FotoAcumar1.jpg);
}

.pictures {
  display: flex;
  text-align: center;
  margin: auto;
}

.pictures .item {
  display: flex;
  flex-direction: column;
  max-width: 33.33vw;
  margin-top: 0;
   padding: 0.1em;

}




.footer {
  display: flex;
  flex-direction: column;
  background: #4d4c4c;
  color: #fff;
  padding: 2rem 1rem 1rem;

}

.footer .item {
  color: #fff;

}

.footer .first-line {
  display: flex;
  max-width: 100%;
  width: 100%;
}

.footer div {
  max-width: 50%;
  width: 50%;

}

.footer .left {
  display: flex;
  flex-direction: column;

}
.footer .left img {
  width: 10rem;
  border-radius: 50%;
  max-width: 100%;
}
.footer .left p {
  text-align: left;
  font-weight: bold;
  margin: 1rem 0;
}

.footer .center p {
  justify-content: flex-start;
  margin-bottom: 0.25rem;

}
.footer .center hr {
  margin: 1rem 0;
}

.bold {
  font-weight: bold;
}

.small {
  font-size: 0.75rem;
  margin-left: 1rem;
}

.footer .social {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}
.footer .social img {
  width: 2.5rem;
  padding: 0;
}

.bottom-aside {
  display: flex;
  flex-direction: column;
  background: #adadad;
  color: #fff;
  padding: 2rem 1rem;
}
.bottom-aside p .bold {
  margin: 0;
}

.bottom-aside h2 {
  justify-content: flex-start;
  text-align: left;
  padding: 0;
}
.bottom-aside p {
  display: block;
  color: #000;
  margin: 1rem 0;
  text-align: left;
}

.bottom-aside .pcitures {
  display: flex;
  flex-direction: row;
  margin-bottom: 0;
}
.bottom-aside img {
  max-height: 5rem;
}
.bottom-aside .left-pic {
  width: 60%;
  padding-right: 1rem;
}
.bottom-aside .right-pic {
  width: 40%;
}

.swiper-container {
  margin-top: 1.2rem;
    animation: all 2s;
}

.subtitlenosotros {
    font-size: 11pt;
}
.novedades-title {
  width: 100%;
  text-align: center;
  margin: 0;
}

.foto-novedades {
  border-radius: 0.5rem;
  margin: 1rem;
  width: calc(100% - 2rem);
  object-fit: cover;
  height: 250px;
}

.relacionados-title {
  text-align: center;
  color: #000;
}
.botonenviar {
  display: flex;
  justify-content: center;
  margin: 0 1rem;
}


.botonenviar a {

  color: #f2f2f2;
  padding: 0.5rem 1rem;
  background: #535353;
  border: 1px solid #ccc;
     border-radius: 0.5rem;
  width: 50%;
  text-align: center;
}

.relacionados {
  display: flex;
  justify-content: center;
  margin: 0 1rem;
}
.relacionados a {

  color: #f2f2f2;
  padding: 0.5rem 1rem;
  background: #919191;
  border: 1px solid #ccc;
     border-radius: 0.5rem;
  width: 50%;
  text-align: center;
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 2rem !important;
}

.swiper-button-next, .swiper-button-prev {
  top: 1.6rem !important;
  background: #ccc;
  padding: 1rem;
  padding: 0.5rem 1rem;
  border-radius: 50%;
}


.novedades-title-fix {
  margin-top: 1.5rem;
}

.novedades-title-fix-2 {
  margin-bottom: 1rem;
}

.swiper-container-horizontal>.swiper-pagination-bullets {
  top: 0 !important;

}

@media screen and (min-width:600px){


html {
  background: #eef1f2;
}

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

main {
  padding-top: 3rem;
}

.header {
  z-index: 3;
  background: #eef1f2;
  display: flex;
  flex-direction: column;
  width: 100vw;
  position: fixed;
}
.header .top {
  display: flex;
  width: 100vw;
  justify-content: space-between;
  padding: 0;
}

.header .top img {
  height: 2.1rem;
  width: auto;
}

.header .logo {
  margin-left: 0;
  padding: 0rem;
}

.header .top .burger {
  margin: 0;
  padding: 1rem;
}

.burger:hover {
  background: #ebebeb;
  text-decoration-color: rgba(21, 21, 21, 0.94);
}

.burger:hover + .barranavegacion, .barranavegacion:hover {
  position: fixed;
  display: block;
  right: 0;
  top: 4rem;
  width: 100%;
}

.volver {
  margin-left: 0;
  padding: 1rem;
}

.barranavegacion {
  margin: 0;
  display: none;
}

* {
    /* esto va a afectar a todo en GENERAL */
background-color: none;
font-family: sans-serif;
    margin: auto;
    padding:0em;
    box-sizing: content-box;

}

#isologo {
    display: block;
    text-align: center;
    margin:  0 0em ;
}

header nav ul li a {
    color: white;
    font-size: 1.5em;
    background-color: rgba(118, 118, 118, 0.97);
    display: block;
    text-align: center;
    max-width: 40em;
    margin: 0 0 0.3em 5;
    padding: 0.5em;

}


header nav ul li a:hover {
    background-color: #fff;
     color:  #000;
padding: 1em;
    }

ul, il {
    list-style: none;
margin: 0.2;
padding: 0;

}


a {
    text-decoration: none;
    color: gray;


}

img {
    width: 100%;
    height: auto;
    display: flex;
    justify-content:center;
}

figure {
   /* margin: 1em 7em 1em 7em;
    padding: 0em;
    max-width: 10em;
    display: flex;
    justify-content: flex-end;*/
    margin: 0;
    padding:0.5em;
    width:100%;
    height:20%;
}
    .imagencuenca1 img{
          border-radius: 10px;
    }
.imagenescuenca {
     display: flex;
    width:45%;
    margin: 0.2em; 0.5em;
    padding:0.5em 0.2em;

}
    .imagenescuenca img {
        border-radius: 10px;
    }

h2, h3, p {
display: flex;
    justify-content: center;
    text-align: justify;


}

h2 {
    padding: 0.5em;
}

h4, h5 {
    margin: 1em;
    color: gray;
   font-family: 'Roboto Slab', serif;
    font-size: 14px;

}

h3, h5, h6 {
    display: flex;
    display: inline-block;
    margin: 0 1em;
    text-align: left;
}

p {
margin: 1em;
font-family: 'Roboto', sans-serif;
text-align: left;}

h6 {
    padding: 2em 5.4em;
    border-radius: 8px;
    border: 3px solid gray;
    margin: 1em 1em 1em 0.5em;
    text-align: left;
}
.noticia1, .noticia2 {
     display: flex;
    display: inline-block;
    margin-top: 0.2em;
}


.seccionnovedades, noticia1, noticia2 {
     display: flex;
    display: inline-block;
    justify-content: center;
}
.fotoytexto img {
    width: 100%;
    height: 100%;
    margin: 0em;
    padding: 0em;
     border-radius: 8px;

}
.informacionexclusiva h5 {
    background-color: rgba(0, 0, 0, 0.71);
    color: aliceblue;
    padding: 1em ;
    border-radius: 5em;
    font-size: 8pt;
}



.textopredominante {

    position:relative;

    top: -5em;
    top: -5em;
    margin: 1em;
display: flex;
    display: inline-block;
      color: white;
}

.noticias {
  margin-top: 1rem;
  display: flex;
}

.centrado {
    display: flex;
    display: inline-block;
    justify-content: center;
    margin: 0em 9em
}

input {
    margin: 0.5em 1.5em;
    padding: 0,5em  1em;
    width: 50%;
    height: 50%;
}

.comment {
  margin: 1rem;
    width: 82%;

}
.comment input {
  margin: 0 0 0.5em 0;
  width: 100%;
  padding: 1rem;
  font-size: 1.25rem;
  border-radius: 0.25rem;
}
.comment button {
  margin: 0;
  padding: 0 1rem;
  background: #000;
  color: #fff;
  border-radius: 0.25rem;
  border: none;
  font-size: 2rem;
}

.space-hr {
  margin: 1rem;
}


.mesa {
  margin: 1rem;
  width: calc(100vw - 3rem);
}

.tips-title {
  text-align: center;
  padding-top: 1.5rem;
}
.tips-subtitle {
  text-align: left;
  justify-content: start;
}
    .relacionados1 {
        display: flex;
    display: inline-block;

    }


    .caja {
        height: 50px;
        width: 95%;
        object-fit: cover;
    }
.section {
  position: relative;
  padding: 2rem 0;
  width: auto;
  text-align: center;
  background-image: url(../imagenes/plantacion.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  margin: 1rem;
  border-radius: 0.25rem;
}

.tips-section.first {
  margin-top: 2rem;
 background-image: url(../imagenes/slide1.png);
}
.tips-section.second {
 background-image: url(../imagenes/slide3.png);
}
.tips-section.third {
 background-image: url(../imagenes/silde2.png);
}

.section .text {
  position: relative;
  z-index: 1;
  padding:
}

.tips-background {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  right: 0;
  top: 0;
  border-radius: 0.25rem;
}

.m-1 {
  margin: 0 1rem;
}

.mapa-riesgo {
  margin-bottom: 2rem;
}



.cuenca-subtitle {
    margin-top: -0.5em;
    margin-bottom: 0.2em;

}
.galeria {
    font-size: 20px;
}
/*revisar */

.fotossecundarias {
    display: flex;
    flex-direction: row;

}

.fotossecundarias figure{
    max-width: 40%;
     margin:0em;
    padding: 0.2em;
    transition: height 2s, width 1s;

}

.fotossecundarias figure:hover {
   width: 200%;
   height: 200%;

}

.fotossecundarias figure img {
    border-radius: 1em;
 margin: 0;
 padding: 0.5em;


}

.otrosmeses {
    display: flex;
     min-width: 560px;

}

.otrosmeses .meses {

    padding: 1em;
    border-right: solid 1px #000;
     height: 100px;
        width: 100px;
        object-fit: cover;
}
    .otrosmeses .meses img{
     height: 50px;
        width: 100px;
        object-fit: cover;

}
    .meses {
        min-width: 350
    }
.cuenca-subsubtitle {
    margin-top: 0;
    margin-bottom: 0em;


}
.pictures .cuenca-subtitle {
  text-align: center;

}


.cuenca-section.first {
  background-image: url(../imagenes/FotoAcumar2.jpg);
}
.cuenca-section.second {
  background-image: url(../imagenes/fauna.png);
}

.cuenca-hr {
  margin: 1rem;
}

.comentarioshechos {
    margin-top: 1em;
    color: gray;
   font-size: 11pt;

     border-bottom:  1px solid #000;

}
.personaspublicando {
 margin-top: 1em;
    color: gray;
text-align: left;
    font-size:10pt;

}
.tips-cuenca {
  margin: 1rem;
  padding: 1rem 2rem;
  text-align: center;
  font-weight: bold;
  background: #ccc;
  border-radius: 0.25rem;
  border: 1px solid #000;
}

.discover-section {
  margin: 0;
  width: auto;
  padding: 2rem 1rem;
}
.discover-section {
  background-image: url(../imagenes/FotoAcumar1.jpg);
}

.pictures {
  display: flex;
  text-align: center;
  margin: auto;
}

.pictures .item {
  display: flex;
  flex-direction: column;
  max-width: 33.33vw;
  margin-top: 0;
   padding: 0.1em;

}




.footer {
  display: flex;
  flex-direction: column;
  background: #4d4c4c;
  color: #fff;
  padding: 2rem 1rem 1rem;

}

.footer .item {
  color: #fff;

}

.footer .first-line {
  display: flex;
  max-width: 100%;
  width: 100%;
}

.footer div {
  max-width: 50%;
  width: 50%;

}

.footer .left {
  display: flex;
  flex-direction: column;

}
.footer .left img {
  width: 10rem;
  border-radius: 50%;
  max-width: 100%;
}
.footer .left p {
  text-align: left;
  font-weight: bold;
  margin: 1rem 0;
}

.footer .center p {
  justify-content: flex-start;
  margin-bottom: 0.25rem;

}
.footer .center hr {
  margin: 1rem 0;
}

.bold {
  font-weight: bold;
}

.small {
  font-size: 0.75rem;
  margin-left: 1rem;
}

.footer .social {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}
.footer .social img {
  width: 2.5rem;
  padding: 0;
}
    
    .footercontenidos p{
    font-size: 5px;
    }

.bottom-aside {
  display: flex;
  flex-direction: column;
  background: #adadad;
  color: #fff;
  padding: 2rem 1rem;
}
.bottom-aside p .bold {
  margin: 0;
}

.bottom-aside h2 {
  justify-content: flex-start;
  text-align: left;
  padding: 0;
}
.bottom-aside p {
  display: block;
  color: #000;
  margin: 1rem 0;
  text-align: left;
}

.bottom-aside .pcitures {
  display: flex;
  flex-direction: row;
  margin-bottom: 0;
}
.bottom-aside img {
  max-height: 5rem;
}
.bottom-aside .left-pic {
  width: 60%;
  padding-right: 1rem;
}
.bottom-aside .right-pic {
  width: 40%;
}

.swiper-container {
  margin-top: 1.2rem;
}

.subtitlenosotros {
    font-size: 11pt;
}
.novedades-title {
  width: 100%;
  text-align: center;
  margin: 0;
}

.foto-novedades {
  border-radius: 0.5rem;
  margin: 1rem;
  width: calc(100% - 2rem);
}

.relacionados-title {
  text-align: center;
  color: #000;
}
.botonenviar {
  display: flex;
  justify-content: center;
  margin: 0 1rem;
}


.botonenviar a {

  color: #f2f2f2;
  padding: 0.5rem 1rem;
  background: #535353;
  border: 1px solid #ccc;
     border-radius: 0.5rem;
  width: 50%;
  text-align: center;
}

.relacionados {
  display: flex;
  justify-content: center;
  margin: 0 1rem;
}
.relacionados a {

  color: #f2f2f2;
  padding: 0.5rem 1rem;
  background: #919191;
  border: 1px solid #ccc;
     border-radius: 0.5rem;
  width: 50%;
  text-align: center;
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 2rem !important;
}

.swiper-button-next, .swiper-button-prev {
  top: 1.6rem !important;
  background: #ccc;
  padding: 1rem;
  padding: 0.5rem 1rem;
  border-radius: 50%;
}


.novedades-title-fix {
  margin-top: 1.5rem;
}

.novedades-title-fix-2 {
  margin-bottom: 1.5rem;
}

.swiper-container-horizontal>.swiper-pagination-bullets {
  top: 0 !important;

}
}
@media screen and (min-width:1000px){

    * {
        box-sizing: border-box;
    }
    .noticia1, .noticia2 {
     display: flex;
    display: inline-block;
         flex-direction: column;
           justify-content: center;
    align-items: center;
    margin-top: 0.2em;
    
}

   .relacionados1 {
        display: flex;
    display: inline-block;

    }


    .caja {
        height: 50px;
        width: 95%;
        object-fit: cover;
    }
 .seccionnovedades {
     display: flex;
    display: inline-block;
    justify-content: center;
    align-items: center;


}
    .noticia1, .noticia2, fotoytexto{
        width: 50%;
        display: flex;
    display: inline-block;
         flex-direction: column;
    margin: 1em;
    }

    .informacionexclusiva h5 {
    background-color: rgba(0, 0, 0, 0.71);
    color: aliceblue;
    padding: 1em ;
    border-radius: 5em;
    font-size: 12pt;
}
.swiper-home {
    display: flex;
    display:block;
    justify-content: center;
 }

 

.swiper-home .text {
  display: flex;
  flex-direction: column;
  margin:5em;
 width: calc(30%-2rem);  

    
}

.swiper-home .text h2, .swiper-home .text p {
  display: flex;
    display:inline-block;
    justify-content: center;
  text-align: center;
    padding:  20em;
  width: 35%;
    margin: auto;
    
   
}
.swiper-home .text a {
  display: flex;
  background-color: #fff;
  width: 10%;
  margin: 0 0.5rem 0 0.5rem;
  justify-content: center;
  color: gray;
  font-weight: bold;
  padding: 0.5rem;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
    
}
    .swiper-home  a {
        width: 10%;
  }      
.swiper-home .text img {
  width: 1rem;
  margin: 0 1rem 0 0;
    
}

.swiper-home .text .background {
  display: flex;
    display: block;
    justify-content: center;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  width: 20%;
  height: 100%;
  z-index: 0;
  left: calc(0px - 1rem);
    text-align: center;
    
}

.swiper-button-next {
  z-index: 2 !important;
}

.swiper-home h2 {
  margin: 0;
  z-index: 1;
    
}
.swiper-home a {
  z-index: 1;
}
.swiper-home p {
  z-index: 1;
     text-align: center;
    
}

.text-footer {
  text-align: justify;
}

.swiper-home {
  margin-top: 0;
    margin left:50px;
}

}

.comment {
  display: flex;
  width: auto;
}

.comment .search {
  background: #817e7e;
    color: aliceblue;
  padding: 0.5rem;
  border-radius: 0.5rem;
    margin: 0.2em;
}

.comment .search img {
    
  height: 2rem;
  width: auto;
}

.comment input {
    width: 60%;
  padding: 0.65rem;
  margin: 0;
}

.fotoytexto {
  margin: 1rem;
  display: flex;
  position: relative;
}

.noticia2 .fotoytexto {
  height: calc(100% - 4.5rem);
}

.fotoytexto img {
  height: auto;
  width: 50%;
}

.fotoytexto p {
  margin: 0 0 0 1rem;
  text-align: start;
}

.informacionexclusiva {
  position: absolute;
  right: 0;
  bottom: 0;
}

.barranavegacion a {
  width: 100%;
  max-width: 100% !important;
}

.items-bar {
  display: none;
  margin-right: 1rem;
}

.items-bar a {
  margin: 0;
  padding: 1.5rem 1rem;
  color: #000;
}

.items-bar a.active, .items-bar a:hover {
  background: #ccc;
}

.tips-home {
  margin-bottom: 1rem;
}

.tips-home .cuenca-title3 span {
  background: #00d083;
}

.tips-home .cuenca-subtitle {
  border: none;
}

.tips-home .consejo {
  display: flex;
  margin: 0.5rem 1rem;
  border-radius: 0.25rem;
  border: 1px solid #333;
  background: #aaa;
  padding: 0.5rem;
}
.tips-home .consejo img {
  width: 3rem;
}
.tips-home .consejo p {
  width: 100%;
  display: flex;
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  margin: 0 0 0 1rem;
  font-weight: bold;
}

.cuenca-home .cuenca-title3 span {
  background: #7fd8c6;
    
}

.cuenca-home .consejo {

  margin: 1rem;
  width: auto;
}

.cuenca-home .consejo .text {
  margin-right: 1rem;
    
}

.cuenca-home .consejo img {
  width: 50%;
}

.cuenca-home .consejo .text span {
  font-weight: bold;
  color: #444;
}

.cuenca-home .consejo .text p {
  margin: 0;
  color: #444;
}

.galeria-home .cuenca-title3 span {
  background: #febdc3;
}

.galeria-home .cuenca-subtitle {
  border: none;
}

.galeria-home .consejo {
  position: relative;
  margin: 0 1rem;
}

.galeria-home img {
  border-radius: 0.5rem;
}

.galeria-home .informacionexclusiva {
  left: 0;
  margin: 1rem 0;
}

.nosotros-home .cuenca-title3 span {
  background: #bec4c4;
     border-bottom: 1px solid #333;
}

.nosotros-home .consejo {
  display: flex;
  margin: 1rem;
  width: auto;
}

.nosotros-home .consejo .text {
  margin-left: 1rem;
}

.nosotros-home .consejo img {
  width: 20%;
  margin: 0; 
}


.nosotros-home .consejo .text span {
  font-weight: bold;
  color: #444;
}

.nosotros-home .consejo .text p {
  margin: 0;
  color: #444;
}

      
.swiper-home {
    background: #000;
    
 }

.swiper-home .text {
  display: flex;
  flex-direction: column;
  margin: 0 2rem;
 width: calc(30%-5rem);
}
    
.swiper-home .text h2, .swiper-home .text p {
    align-content: center;
  text-align: center;
    padding:  0em;
  color: #6a6a6a;
    width: calc(30%-2rem);
    margin: auto;
    justify-content: center;
    
}

.swiper-home .text a {
  display: flex;
  background-color: #fff;
  width: auto;
  margin: 0 0.5rem 0 0.5rem;
  justify-content: center;
  color: #000;
  font-weight: bold;
  padding: 0.5rem;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
    
}
.swiper-home .text img {
    
  width: 1rem;
  margin: 0 1rem 0 0;
    
}

.swiper-home .text .background {
  display: none;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  width: calc(50% + 2rem);
  height: 100%;
  z-index: 0;
  left: calc(0px - 1rem);
    text-align: left;
}

.swiper-button-next {
  z-index: 2 !important;
}

.swiper-home h2 {
  margin: 0;
  z-index: 1;
}
.swiper-home a {
  z-index: 1;
}
.swiper-home p {
  z-index: 1;
}

.text-footer {
  text-align: justify;
}

.swiper-home {
  margin-top: 0;
}

.noticias {
  flex-direction: column;
}

.swiper-button-next, .swiper-button-prev {
  padding: 0 !important;
  width: 4rem !important;
  height: 4rem !important;
  margin-top: -0.5rem !important;
}

.social-inside {
  display: none !important;
}
    
    .gallery-main-title {
  font-size: 1.2rem;
  margin-bottom: .5rem;
}

.gallery-main-subtitle {
  font-size: .8rem;
}

.gallery-header {
  font-size: .7rem;
  color: #888;
  margin-bottom: .2rem;
}

.gallery-grid {
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
    flex-wrap: wrap;
}

.gallery-column {
  margin: 0 1%;
  padding: .2rem;
  border: solid 1px gray;
  border-radius: .5rem;
}

.gallery-title {
  font-size: .6rem;
  color: gray;
}

.gallery-img {
  margin: .2rem 0 !important;
  border-radius: 10px; !important;
}

.gallery-p {
  font-size: .4rem;
  color: gray;
  overflow-wrap: break-word;
}

.gallery-comment {
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: .5rem;
}

.gallery-input {
  padding: 1rem;
  border-radius: .3rem;
  border: solid 1px;
  width: 75%;
}
    .link {
  background-color: lightgrey;
  padding: 1rem;
  border-radius: .5rem;
  min-height: 140px;
}

.link-grid {
  display: grid;
  grid-template-columns: 50% 50%;
}

.link-img {
  margin: 0 !important;
  height: 100;
}

.link-p {

  font-size: .68rem;
  padding: .2rem .5rem 0 0;
}

.link-btn-container {
  text-align: center;
  margin: .5rem 0;
}

.link-btn {
  border: none;
  background: white;
  padding: .2rem .5rem;
  border-radius: .5rem;
  font-weight: 600;
}

@media only screen and (min-width: 768px) {
  .bottom-aside {
      display:flex;
      justify-content: center;
    flex-direction: row;
  }

  .bottom-aside .text {
    margin: 0;
  }

  .burger {
    display: none;
  }

  .items-bar {
    display: flex;
  }

  .swiper-home .text {
    position: absolute;
    top: 0;
    height: 100%;
    display: flex;
    justify-content: center;
  }

  .background {
    display: block !important;
  }

  .noticias {
    flex-direction: row;
  }

  .tips-list {
    display: flex;
  }

  .tips-list .consejo {
    width: 33.3%;
  }
 
    .consejo text {
        display: flex
    }
  .cuencas-list {
    display: flex;
      justify-content: center;
  }

  .consejo-1 {
    border-bottom: none;
  }

  .nosotros-list {
    display: flex;
  }
  .nosotros-list .consejo {
    width: 50%;
  }

  .nosotros-list .consejo p {
    text-align: justify;
  }

  .swiper-home {
    height: 15rem;
  }

    .consejo1 img {
        margin: auto;
        object-fit: cover;
        height: 250px;
        width: 75%;
    }
  .galeria-home .consejo {
    max-height: 15rem;
    overflow: hidden;
    border-radius: 0.5rem;
  }

  .social-outside {
    display: none !important;
  }

  .social-inside {
    display: flex !important;
  }
}

.consejo-1 {
  padding-bottom: 1rem;
  border-bottom: 1px solid #ccc;
}
video {
    display: flex;
    display: block;
    justify-content: center;
    object-fit: contain;
    margin:0
    height: 300px; 
    width: 300px;
    min-width: 90%;

}
    .video {
         font-size: 14px;
        color: gray;
        margin-left:5%;
    }
    
@media only screen and (max-width: 768px) {
  .cuenca-title3 span {
    width: 100%;
    text-align: center;
  }
}

.informacionexclusiva h5 {
  margin: 1rem 0 0 1rem;
}

.noticia2 {
  margin: 0 !important;
}
    footer .legales  {
        display: flex;
       display: inline-block;
        width: 100%;
        margin-top: 2em;
        padding: 0em;
        color: whitesmoke;
        font-size: 8px
    }
    

a {
    text-decoration-color: none;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.97);