@font-face{
    font-family: "Museo500";
    src: url(../fonts/MuseoSans_500.otf) format("OpenType");
  }
  
  @font-face{
    font-family: 'Lobster', cursive;
  }

  

  html {
    scroll-behavior: smooth;
    
  }

body {
    margin: 0;
    padding:0;
    overflow-x: hidden;
    display: grid;
    min-height: 100vh;
    grid-template-rows:1fr;    
}  




.wrapper{
    z-index: 200;
    position: fixed;
    width: 90%;
}



/*Menu inicio de redes e informacion*/

.menu-arriba{
    padding: 0px 0px;
    background-color: #174214;
    display: flex;
    flex-wrap: wrap;
    height: 50px;
    margin: 0;
}

.redes a{
    padding-left: 20px;
    color: white;
}

.redes a:hover{
    cursor: pointer;
    color:#FDD509;
}

.informacion a:hover{
    cursor: pointer;
    color:#FDD509;
}

.ingles-dev{
  transform: translateY(-2px);
}


.informacion a{
    font-family: Museo500;
    color: white;
    text-decoration: none;
    font-size: 16px;
    
}

@media(max-width: 786px){
    
    nav > .menu-arriba{
        display: none;
    }
}

@media(max-width: 1120px){
    
    .informacion a{
        font-size: 13px;
        margin-right: 2px;
    }
    
}

/*------------------------------------------------------------*/
/*Navegacion--------------------------------------------------*/


.logo {
    line-height: 60px;
    position: fixed;
    float: left;
    margin: 2px 50px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 2px;
    display:block;

}

.logop{
    width: 238px;
}



nav {
    position: fixed;
    width: 100%;
    line-height: 50px;
    background-color: white;
    padding-bottom: 0.5%;
    top: 0;
}

nav ul {
    float: right;
    margin-right: 20px;
    transition: 1s;
    margin-bottom: 0;
}

nav ul li {
    display: inline-block;
    padding: 15px 15px;
    line-height: 70px;
}

nav ul li a {
    text-decoration: none;
    color: #174214;
}


.bot {
    z-index: 1;
    font-family: Museo500;
    font-size: 17px;
    position: relative;
    padding: 0.5em 1em;
    outline: none;
    border: none;
    background-color:white;
  
  }
  
  .bot:hover {
    cursor: pointer;
    color: #FDD509;
    transition: ease .3s;
    
  }
  
  .bot {
    position: relative;
  }
  
  .bot::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #174214;
    transform-origin: center;
    transform: translate(-50%, 0) scaleX(0);
    transition: transform 0.3s ease-in-out;
  }
  
  .bot:hover::before {
    transform: translate(-50%, 0) scaleX(1);
  }

  .checkbtn{
    font-size: 30px;
    color: green;
    float: right;
    line-height: 80px;
    margin-right: 40px;
    cursor: pointer;
    display:none;
}

#check{
    display: none;
}

  @media(max-width: 786px){
    
    .logop{
        width: 200px;
        position: fixed;
        padding-left: 0px;
        display: block;
    }

    .checkbtn{
        display: block;
    }

    ul{
        position: fixed;
        width: 100%;
        height: 100vh;
        background: white;
        top: 80px;
        left: -100%;
        text-align: center;
        transition: all .5s;
    }

    nav ul li{
      display: inline-block;
      line-height: 80px;
      margin: -40px 30px;
      margin-right: 60px;
      
    }

    nav ul li a{
        font-size: 18px;
        
    }

    #check:checked ~ ul {
     left: 0;
    }

    
}

@media(max-width: 1024px){

    .logop{
        width: 200px;
        position: fixed;
        padding-left: 0px;
        display: block;
        transform: translateX(-15%);
    }
    
    nav ul li {
        display: inline-block;
        padding: 40px 5px;
    }

    .bot {
        z-index: 1;
        font-family: Museo500;
        font-size: 14px;
        position: relative;
        padding: 0.5em 1em;
        outline: none;
        border: none;
       background-color:white;
    }
    
}

  /*------------------------------------------------------------*/
 /*Sliders------------------------------------------------------*/
 .Inicio1{
  width: 100%;
  height: 150px;
  background-color: #fff;
}

.slidermovp{
    display: none;
}

  .sliderweb{
    display: flex;
    width: 100%;
    height: 86vh;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}

.box{
    flex: 1;
    overflow: hidden;
    margin: 8px;
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0);
    line-height: 0;
    transition: all 600ms;
}

.box > img{
    width: 200%;
    height: calc(100% - 0vh);
    object-fit: cover;
    transition: all 300ms;
}


.box:hover{
    flex: 50%;
}

.box:hover > img{
    width: 100%;
    height: 100%;
}

@media(max-width: 786px){
    .sliderweb{
        display: none;
    }

    .Inicio1{
      display: none;
    }

    .slidermovp{
      display: block;
    }

    .slidermov{
      display: flex;
      padding-top: 80px;
    }
    
}

/*------------------------------------------------------------*/
/*Puntajes-------------------------------------------------*/

.Contenedor{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 2%;
  
}

.experiencias{
  width: 50%;
  display: flex;
  justify-content: center;
}

.ContenedorOpiniones{
  width: 50%;
  margin: 0 20px;
}

.widget{
  position: relative;
}

.widgetinfo{
  width: 100%;
  position: absolute;
  text-align: center;
  top: 27%;
  font-family: Museo500;
  font-size: 11px;
  line-height: 0;
  color: #002480;
}

.widgethotel{
  font-weight: bold;
  font-family: Museo500;
}

.WidgetPuntaje{
  width: 100%;
  position: absolute;
  text-align: center;
  top: 45%;
  font-family: Museo500;
  margin: 0;
}

.WidgetGrade{
  font-size: 20px;
  font-weight: bold;
  color: #002480;
}

.WidgetScore{
  font-size: 20px;
  font-weight: bold;
  color: #002480;
}

.WidgetTotal{
  font-size: 8px;
  vertical-align: middle;
  font-weight: bold;
  color: #002480;
}


.TituloOpinion{
  font-family: 'Lobster',cursive;
  font-size: 50px;
  width: 100%;
  text-align: center;
  color:#174214;
  margin-top: 2%;
}



@media(max-width: 500px){
/*CSS para una de las opciones de los puntajes en dos columnas */
.experiencias{
  width: 90%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}

.ContenedorOpiniones{
  width: 85%;
}

.WidgetGrade{
  font-size: 15px;
}

.WidgetScore{
  font-size: 15px;
}

.WidgetTotal{
 font-size: 6px;
}

/* fin del css de la opcion columnas */
}

@media (min-width: 787px) and (max-width: 1280px){
  .Contenedor{
    display: flex;
    justify-content: center;
    width: 100%;
  }

  .experiencias{
    width: 90%;
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
  }
}

@media (min-width: 500px) and (max-width: 786px){
  .TituloOpinion{
  font-size: 34px;
  }
  .Contenedor{
    display: flex;
    justify-content: center;
    width: 100%;
  }
  
  .ContenedorOpiniones{
    width: 100%;
    margin: 0;
  }


  .opinionImagen{
    width: 100%;
  }

  .experiencias{
    width: 70%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }

  .WidgetGrade{
    font-size: 27px;
  }

  .WidgetScore{
    font-size: 20px;
  }

  .WidgetTotal{
    font-size: 10px;
  }
}


/*------------------------------------------------------------*/
/*Quien Somos-------------------------------------------------*/

.nosotros{
  display: flex;
  flex-wrap: wrap;
}
.textosomos{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
  }

.item1{
    width: 45%;
    margin: 10px 10px;
    flex-basis: auto;
    align-self: auto;
    left: auto;
    right: auto;
}

.slidercarru{
  display: flex;
  justify-content: center;
  align-items: center;
}

.carruslider{
  width: 90%;
}

.somos{
    font-family: 'Lobster', cursive;
    font-size:50px;
    color:#174214;
    padding-top: 160px;
    width: 100%;
    margin-top: -100px;
}

.borde{
    border-bottom: #FDD509 5px double;
    margin-top: auto;
    margin-bottom: auto;
    align-items: center;
    }

.borde h2{
  font-family: Museo500;
  font-size: 32px;
  text-align: justify;
}



@media(max-width: 1200px){

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

    .textosomos :nth-child(3){
        order:1;
    }
      
    
    .somos{
        margin-top: -140px;
        font-size: 35px;
        color:#174214;
    }

    .item1{
        width: 90%;
        align-items: center;
        left: auto;
        right: auto;
    }

    .textosomos2 div{
        display: none;
    }
    .textosomosm div{
        display: block;
    }
    
    
    .textosomos h2{
        color:#174214;
        font-size: 16px;
        padding: 20px;
        text-align: center;
        
    }

    .textosomos2 h2{
        color:#174214;
        font-size: 16px;
        padding: 20px;
        text-align: center;
        
    }
    
    
    .textosomosm h2{
        color:#174214;
        font-size: 16px;
        padding: 20px;
        text-align: center;
        
    }
    .borde h2{
      text-align: justify;
    }
}

/*--------------------------------------------------*/
 /*Eventos-------------------------------------------*/

 .padreEventos{
  margin-left: 15px;
  margin-right: 15px;
 }
 .eventos{
  font-family: 'Lobster',cursive;
  font-size: 50px;
  width: 100%;
  text-align: center;
  color:#174214;
  margin-top: 2%;
  margin-bottom: 2%;
 }
 .contenedor{
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  margin-bottom: 20px;
  margin-right: -15px;
  margin-left: -15px;
  gap: 90px;
}

.izquierda{
  width: 45%;
  height: auto;
  border-radius: 10px 0px 0px 10px;
}

.log {
 font-size: 50px;
 color: #174214;
 font-weight: 900;
 margin: 20px;
 display: block;
}

.eula {
 height: 100%;
 font-family: Museo500;
 line-height: 1.5;
 }

.eula h2{
  text-align: justify;
 font-size: 32px;
}

.eula a{
 color: #009632;
 padding: 0;
 margin: 0;
}

.portafolio:hover{
  color: #009632;
  text-decoration: underline;
  text-decoration-color: #009632;
}

.derecha{
 width: 40%;
 height: auto;
 border-radius: 0px 10px 10px 0px;
}


@media screen and (max-width:1200px) {
 
 .contenedor{
     display: flex;
     flex-direction: column;
     background-color:transparent;
     justify-content: center;
     align-items: center;
     gap: 0;
 }

 .izquierda{
     width: 90%;
     height: auto;
     align-items: center;
     left: auto;
     right: auto;
     border-radius: 10px 10px 0px 0px;
     
 }

 .log {
     display: none;
     font-size: 25px;
     color: #174214;
     font-weight: 900;
     margin: 20px 20px 20px;
   }
 
   .eula {
     font-family: Museo500;
     line-height: 1.5;
     margin:20px
   }

   .eula h2{
     font-size: 16px;
   }

   .derecha{
     width: 80%;
     height: auto;
     border-radius: 10px;
     
 }

}


/*------------------------------------------------------------*/   
/*Habitaciones------------------------------------------------*/ 
.TituloHabitaciones{
  display: flex;
  justify-content: center;
  align-items: center;
}

.TituloH{
  font-family: 'Lobster',cursive;
  font-size: 50px;
  width: 100%;
  text-align: center;
  color:#174214;
}

.card{
    position: relative;
  }
  
  .card img{
    z-index: 1;
    aspect-ratio: 1.35 / 0.9;
    object-fit: cover;
  }
  
  .card-title{
    position: absolute;
    color: white;
    font-size: 25px;
    width: 100%;
    background-color: #174214;
    padding: 5px 5px;
    margin-top: 167px;
    left: 0;
    z-index: 2;
    border-bottom: solid 5px #FDD509 ;
    transition: ease .3s;
    text-shadow: 2px 2px 2px #174214;
    
    
  }
  
  .card-img-overlay:hover > .card-title{
    margin-top: 155px;
  }
  
  .card-img-overlay > a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
    height: 100%;
    color: transparent;
    text-decoration: none;
    z-index: 3;
  }
  
  @media (min-width: 767px) and  (max-width: 991px){   
    .card-title{
      position: absolute;
      color: white;
      font-size: 18px;
      width: 100%;
      background-color: #174214;
      padding: 5px 5px;
      margin-top: 83px;
      left: 0;
      z-index: 2;
      border-bottom: solid 5px #FDD509 ;
      transition: ease .3s;
      text-shadow: 2px 2px 2px #174214;
    }

    .card-img-overlay:hover > .card-title{
      margin-top: 71px;
    }
  }


  @media(max-width: 767px){   
    
    .mapa{
      width: 300px;
      height: 225px;
    }
  
    #ubicacion{
      padding-top: 5px;
    }
  
    h4{
      font-size: 12px;
    }
  }

  @media (min-width: 380px) and  (max-width: 430px){   
    .card-title{
      position: absolute;
      color: white;
      font-size: 18px;
      width: 100%;
      background-color: #174214;
      padding: 5px 5px;
      margin-top: 210px;
      left: 0;
      z-index: 2;
      border-bottom: solid 5px #FDD509 ;
      transition: ease .3s;
      text-shadow: 2px 2px 2px #174214;
    }
    .card-img-overlay:hover > .card-title{
      margin-top: 198px;
    }
  }

  @media (min-width: 430px) and  (max-width: 480px){   
    .card-title{
      position: absolute;
      color: white;
      font-size: 18px;
      width: 100%;
      background-color: #174214;
      padding: 5px 5px;
      margin-top: 243px;
      left: 0;
      z-index: 2;
      border-bottom: solid 5px #FDD509 ;
      transition: ease .3s;
      text-shadow: 2px 2px 2px #174214;
    }
    .card-img-overlay:hover > .card-title{
      margin-top: 231px;
    }
  }

  @media (min-width: 480px) and  (max-width: 530px){   
    .card-title{
      position: absolute;
      color: white;
      font-size: 18px;
      width: 100%;
      background-color: #174214;
      padding: 5px 5px;
      margin-top: 275px;
      left: 0;
      z-index: 2;
      border-bottom: solid 5px #FDD509 ;
      transition: ease .3s;
      text-shadow: 2px 2px 2px #174214;
    }
    .card-img-overlay:hover > .card-title{
      margin-top: 263px;
    }
  }

  @media (min-width: 530px) and  (max-width: 767px){   
    .card-title{
      position: absolute;
      color: white;
      font-size: 18px;
      width: 100%;
      background-color: #174214;
      padding: 5px 5px;
      margin-top: 300px;
      left: 0;
      z-index: 2;
      border-bottom: solid 5px #FDD509 ;
      transition: ease .3s;
      text-shadow: 2px 2px 2px #174214;
    }
    .card-img-overlay:hover > .card-title{
      margin-top: 288px;
    }
  }
  /*--------------------------------------------------*/
  /* Video y 360--------------------------------------*/

  .PadreVideos{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .Videos{
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    width: 80%;
  }

  .muestrat{
    text-shadow: 1px 1px 2px #174214;
    font-family: 'Lobster', cursive;
    font-size: 3rem;
  }
  
  .muestra iframe{
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
  }

  .v360, .video{
    width: 90%;
    height: 360px;
  }

  .muestra{
    width: 100%;
  }
  
  

  @media(max-width: 1200px){
    .Videos{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
  }
  
  
  .cotizacion{
      width: 90%;
      padding: 20px;
      background-color: #174214;
      color:white;
      font-family: 'Lobster', cursive;
      font-size: 20px;
      border-radius: 10px 10px 10px 10px;
      transform: translateX(100px);
      
  }
  
  @media(max-width: 786px){
      
      .cotizacion{
          transform: translateX(30px);
      }

      .v360, .video{
        width: 100%;
        height: 200px;
      }
      
  }


  /*--------------------------------------------------*/
  /*Libro movil---------------------------------------*/

  .carrucel{
    width: 100%;
    display: none ;
    justify-content: center;
    text-align: center;
  }
  .carrucelDentro{
    width: 75%;
    display: flex;
    justify-content: center;
    background-color: #174214;
    /* background-image: url(../Revista/finca.jpg); */
  }
  .Carru{
    width: 30%;
    /* padding: 2em; */
    overflow: hidden;
  }

  .Libro{
    width: 3000%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;

    transition:  1s ease-in-out;
    
  }

  .pagina{
    transition: 1s ease-in-out;
    transform: perspective(900px);
  }

  .Libro img{
    width: calc(100% / 30);
    /* padding: 2em; */
    aspect-ratio: 0.7 / 0.9;
    object-fit: cover;
  }

  .puntos{
    border-radius: 2cm;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 0.5rem;
  }

  .puntos .punto{
    margin: 0% 4% 0% 4%;
    padding: 0% 4% 0% 4%;
  }

  .punto{
    border-radius: 20px;
  }

  .punto:hover{
    transform: scale(.9);
  }

  @media(max-width: 900px){
    .carrucel{
      display: flex;
    }
    .Carru{
      width: 100%;
      padding: 0;
    }

    .puntos{
      width: 70%;
      margin-left: 13%;
    } 
    
  }

 /*--------------------------------------------------*/
  /*Libro Web---------------------------------------*/

  .carrucelWeb{
    width: 100%;
    display: flex ;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    align-items: center;
  }
  .carrucelDentroWeb{
    width: 80%;
    display: flex;
    justify-content: center;
    background-color: #174214;
    /* background-image: url(../Revista/finca.jpg); */
  }
  .carruderecha {
    width: 35%;
    margin-top: 1%;
    /* padding: 2em; */
    overflow: hidden;

  }

  .carruizquierda{
    width: 35%;
    margin-top: 1%;
    /* padding: 2em; */
    overflow: hidden;
  }

  .LibroDerWeb{
    width: 1500%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    transition:  1s ease-in-out;
  }

  .LibroIzqWeb{
    width: 1500%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    transition:  1s ease-in-out;
  }

  .paginaizq{
    transition: 1s ease-in-out;
    transform: perspective(900px);
  }

  .paginader{
    transition: 1s ease-in-out;
    transform: perspective(900px);
  }

  .LibroDerWeb img{
    width: calc(100% / 15);
    aspect-ratio: 0.7 / 0.9;
    object-fit: cover;
  }

  .LibroIzqWeb img{
    width: calc(100% / 15);
    /* padding: 2em; */
    aspect-ratio: 0.7 / 0.9;
    object-fit: cover;
  }

  .puntosWeb{
    width: 80%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 0.5rem;
    background-color: #174214;

  }

  .puntosWeb .puntoWeb{
    margin: 0% 4% 0% 4%;
    padding: 0% 4% 0% 4%;
  }

  .puntoWeb{
    border-radius: 20px;
  }

  .puntoWeb:hover{
    transform: scale(.9);
  }

  @media(max-width: 900px){
    .carrucelWeb{
      display: none;
    }
  }




  /*--------------------------------------------------*/
  /*Actividades---------------------------------------*/

  .cont-actividades{
    display: flex;
    text-align: center;
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  
  }
  
  .cont-item{
    padding: 0px 20px;
    width: 80%;
    font-family: Museo500;
    border-bottom: #FDD509 5px double;
  }
  
  .cont-item > h3{
    font-size: 28px;
    text-align: justify;
  }
  
  @media screen and (max-width:768px) {
    .cont-item > h3{
      font-size: 16px;
    }
  
  }

  
/*--------------------------------------------------*/
/*Footer--------------------------------------------*/

.final{
display: flex;
width: 100%;
flex-direction: row;
justify-content: center;
align-content: center;
background-image: url('../img/fondo.svg');
margin-top: 40px;
height: 200px;
}


.final1{
    padding-top: 20px;
    width: 30%;
    height: 150px;
    font-family: Museo500;
    font-size: 22px;
    color: white;
    margin-top: 20px;
    text-align: center;
    padding-right: 20px;
    
}

.finalredes{
    margin-top: -30px;
    display: block;
}

.fooabajo{
    color: white;
    text-decoration: none;
    
}

.finalredes > .fooabajo > i{
    font-size: 40px;
}

.fooabajo:hover{
     cursor: pointer;
     color:#FDD509;
     transition: .3s;
    }

.final2{
    width: 40%;
    height: 150px;
    font-family: Museo500;
    font-size: 22px;
    text-align: center;
    padding: 0px 30px;
    border-right: #FDD509 5px double ;
    border-left: #FDD509 5px double ;
    
    
}

.final3{
  padding-top: 10px;
  width: 30%;
  height: 150px;
  font-family: Museo500;
  font-size: 22px;
  color: white;
  margin-top: 10px;
  float: left;
  text-align: center;
  
}

.lineabajo{
    height: 150px;
    width: 5px;
    border-right: #FDD509 5px double ;
    margin-top:25px;
    display: block;
}

.direccion-abajo{
    margin-top:25px;
    margin-left: 30px;
    font-family: Museo500;
    font-size: 28px;
    color: white;
}

.redesabajo{
  width: 100%;
  height: 40px;
  margin-top: 5px;
}

#iconosred{
  bottom: 0%;
  width: 100%;
  right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  position: fixed;
  z-index: 100;
  display: none;
  background: white;
 
  
}

.uliconos{
text-align: center;
}

.uliconost{
  margin-right: 20px;
}

.uliconost:nth-child(1){
  margin-left: 0px;
}
.uliconost:nth-child(3){
  margin-right: 0px;
}

.imgt{
  width: 30px;
}

.ir-arriba {
	display:none;
	padding:20px;
	background:#FDD509;
	font-size:18px;
	color:#174214;
	cursor:pointer;
	position: fixed;
	bottom:5px;
  right:5px;
  z-index: 9999999;
  opacity: 0.7;
}

.politicas{
  position: absolute;
}

.politicas a{
  color: white;
  text-decoration: none;
}

.politicas a:hover{
  color: #FDD509;
}

.politicas a p {
  position: relative;
  font-size: 16px;
  transform: translate(290px,-20px);

}





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

    .final{
        display: flex;
        width: 100%;
        height: 350px;
        flex-direction: column;
        justify-content: center;
        align-content: center;
        text-align: center;
        background-image: url('../img/fondo.svg');
    }
        .finalredes{
            display: none;
        }    
    
        .final1{
            width: 100%;
            height: 100px;
            font-family: Lobster;
            font-size: 16px;
            color: white;
            text-align: center;
            margin-bottom: 30px;
            
        }

        .final2{
          width: 100%;
          height: 100px;
          font-family: Museo500;
          font-size: 22px;
          text-align: center;
          border-right: none;
          border-left: none;
          margin-top: 40px;
          
          
      }
      
      .final3{
        width: 100%;
        height: 100px;
        font-family: Lobster;
        font-size: 16px;
        color: white;
        margin-top: -1px;
        text-align: center;
        margin-bottom: 100px;
        
      }

        .fooabajo{
       text-align: center;
     }

        .lineabajo{
          display: none;
        }

        .final2{
          width: 100%;
          height: 100px;
          font-family: Lobster;
          font-size: 16px;
          color: white;
          text-align: center;
          margin-top: -60px;
      }

      .direccion-abajo{
        margin-top: 5px;
        font-family: Lobster;
        font-size: 16px;
        color: white;
        margin-right: 20px;
    }

    #iconosred{
      display: block;
    }

    .ir-arriba {
      display:none;
      padding:15px;
      background:#FDD509;
      font-size:14px;
      color:#174214;
      cursor:pointer;
      position: fixed;
      bottom:5px;
      right:20px;
      z-index: 9999999;
      opacity: 0.7;
    }

    .politicas a p {
      position: relative;
      font-size: 16px;
      transform: translate(80px,-27px);
    
    }

}

@media screen and (min-width:769px) and (max-width:1124px) {
  .direccion-abajo{
    font-size: 22px;
  }

  .final3{
    font-size: 18px;
  }

  .final1{
    font-size: 15px;
  }

  .finalredes{
    margin-top: -10px;
  }
}


/*--------------------------------------------------*/

.ubitexto{
padding-right: 20px;
}



.divider{
  width: 300px;
  border-top: double 3px #FDD509;

}

.politica{
  margin-left: 80px;
  margin-bottom: 30px;
}

@media screen and (max-width:768px) {
 .ubicacion{
    padding-top: 100px;
  }

  .mapau{
    width: 320px;
    height: 180px; 
  }

  .ubitexto{
    padding:20px;
    }

  .textopol{
    font-size: 14px;
  }  

  .politica{
    margin-left: 5px;
    margin-bottom: 5px;
    
  }

  
}

.sociales{
  top: 50%;
  right:0;
  transform: translateY(-50%);
  position: fixed;
  z-index: 100;
  display: block;
  
  
}

.sociales ul{
  padding: initial;

}

.sociales ul{
padding: initial;

}

.sociales ul li{
height: 40px;
width: 40px;
list-style-type: none;
padding-left: 6px;
padding-top: 6px;
margin-top: 350px;
margin-right: 25px;
color:#25d366;
background: transparent;

}

@media screen and (max-width:768px) {
  .sociales{
    display: none;
  }
   
 }

/*--------------------------------------------------*/
/*ubicacion--------------------------------------------*/

.ubicacion{
  padding-top: 180px;
  font-family: 'Lobster', cursive;
  font-size:50px;
  color:#174214;
  text-align: center;
}

.PadreUbicacion{
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
}

.Mapa{
  width: 100%;
  text-align: center;
}

.mapa{
  width: 90%;
  height: 90%;
  
}

.DescripcionMapa{
  width: 100%;
}

.DescripcionMapa h5{
  font-size: 18px;
}

.ubic{
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  text-align: center;
  font-family: Museo500;
  font-size: 15px;
}

@media screen and (max-width:768px) {
  .ubicacion{
     padding-top: 100px;
   }

   .PadreUbicacion{
    flex-direction: column;
  }
}
@media screen and (max-width:489px) {
  .iconos p{
    margin-bottom: 1.36rem;
  }
 
}

@media screen and (min-width:490px) and (max-width:767px) {
  .iconos p{
    margin-bottom: 1.1rem;
  }
}


@media screen and (min-width:768px) and (max-width:1081px) {
  .ubicacion{
    padding-top: 217px;
  }
  .DescripcionMapa h5{
    font-size: 12px;
  }
  .ubic{
    font-size: 10px;
  }
}