*{
 
  padding: 0;
  margin: 0;
  text-decoration:none;
  list-style: none;
  box-sizing: border-box;

  

 
  
}

nav{
    background:  #004c98;
    height: 80px;
    width: 100%;
    position: sticky;
    top: 0;
    
    

}



.enlace{

    position: absolute;
    margin: 20px 50px;

}



.logo{

    height: 40px;
}

nav ul{

    float: right;
    margin-right: 20px;
}

nav ul li{

    display: inline-block;
    line-height: 80px;
    margin: 0 5px;
    

}

nav ul li a {

    color:rgb(255, 255, 255);
    font-size: 18px;
    padding: 0px 13px;
    border-radius: 3px;
    text-transform: uppercase;

}

li a.active, li a:hover{

    background-color:rgb(0, 221, 0);
    transition: .5s;
}

.checkbtn{

    font-size: 30px;
    color: #fff;
    float: right;
    line-height: 80px;
    margin-right: 40px;
    cursor: pointer;
    display: none;
}

#check{
    display: none;

}

section img{
    background: url(fondo.jpg) no repeat;
    background-size: cover;
    background-position: center center;
    height: calc(100vh - 80px);
    
}

@media (max-width: 350px){
      .enlace{

        padding-left: 20px;
      }
      .menu-nav ul  li a{

        font-size: 16px;
      }

}



@media (max-width: 400px){
    .checkbtn{
        display: block;
     
    }
    }




@media (max-width: 1274px){
  .menu-principal .checkbtn{
      display: block;
   
  }


   .menu-principal ul{

        position: fixed;
        width: 50%;
        height: 100vh;
        background: #004c98;
        top: 80px;
        left: -100%;
        text-align: center;
        transition: all .5s;
    }

    .menu-principal nav ul li{

        display: block;
        margin: 25px 0;
        line-height: 30px;
    }

    .menu-principal nav ul li a{
        font-size: 20px;
    }

    .menu-principal li a:hover, li a.active{

        background: none;
        color: red;
    }

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

h1{


  color:  #007BFF;
  font-size: 30px;
 
}

h2{

  
  font-family: Helvetica, Arial, sans-serif;
  color: #142800;
}

h3{


  color: #4DA8DA;
}




/*Carrucel*/
/*
section .slider-container {

    margin: 0% 0% 5% 0%;
   
  }
  
   .slider-container{
  
     
      width: 100%;
      height: 350px;
      overflow: hidden;
      position: relative;
     
    
    }
    
    .slider-container ul{
      
       display: flex;
       animation: slide 100s infinite alternate linear;
       width: 250%;
    
    
    }
    
    .slider-container li{
     
        width: 100%;
        list-style: none;
       
     }
    
     .slider-container img{
      
        width: 100%;
        height: 100%;
        border: 2px solid #000000;
     }
  



     @keyframes slide {

   
        0% {margin-left: -10;}
        0% {margin-left: -10;}

        20% {margin-left: -50%;}
        30% {margin-left: -50%;}

        40% {margin-left: -100%;}
        50% {margin-left: -100%;}
   
        60% {margin-left: -150%;}
        70% {margin-left: -150%;}

        80% {margin-left: -150%;}
        90% {margin-left: -150%;}

}*/
/*----------------------------*/



.menu ul li a:hover {

    color: #00913d;
    transform: scale(1.9);
    
   }
  
  
  
  
  
  .moment{
  
  font-family: 'Times New Roman', Times, serif;
  font-weight: bold;
  width: 150px;
  margin: 0 0 0 0;
  
  
  
  }
  
  .moment img:hover{
  
  color: #00913d;
    transform: scale(1.9);
  
  }
  
  
              
        
      
  
            div img {
  
              width: 100%;
              height: 100%;
              box-sizing: border-box;
                
                
                }
  
                
          
  
                  *.home{
                      padding: 0px;
                      margin: 0px;
                      font-family: century Gothic;
                      flex-wrap: wrap;
                      
                  }
  
  .body{
    background-color: rgb(187, 255, 0);
      font-family: Helvetica, Arial, sans-serif;
  }
  
  .home {
      display: flex
      
      
  }
  
  .home{
  
      font-family: Helvetica, Arial, sans-serif;
  
  }
  
  
  .in-flex{
  flex: 2;
  min-width: 250px;
  
  }
  
  .in-flex:first-child{
    flex: 2;
    padding: 5px; 
     background-color: #ffffff;
     
    margin: 1px;
    margin-bottom: 0px;
    font-family: Helvetica, Arial, sans-serif;
    text-align: justify;
}
  /*----------------------------*/
  .in-flex div{
      padding: 5px;
      background-color: #ffffff; 
      margin: 5px;
      font-family: Helvetica, Arial, sans-serif;
      text-align: justify;
      }

      .in-flex2 div{
         padding: 25px;
         background-color: #ffffff; 
         margin: 3px;
         font-family: Helvetica, Arial, sans-serif;
         text-align: justify;
         }
  
      .text-justify {
        text-align: justify;
      }
    

.pem{

  text-indent: 2em; }


  .fot{

    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 105%;
    min-height: 100%;
    transform: translateX(calc((100% - 100vw) / 2));
    z-index: -2;
    margin: -10% 0 -10% 0;
    width: 2px;
    
  
    
  }

      #imgc{

        width:50%;
        height:auto;
        margin: 10% 0 -5%;
     


      }

     
      
      .enlaces{
        color: #343139;
        text-decoration: none;
        border-bottom: .125em solid #142800;
        box-shadow: inset 0 -0.125em 0 #00913d;
        transition: box-shadow 270ms cubic-bezier(0.77, 0, 0.175, 1), color 270ms cubic-bezier(0.77, 0, 0.175, 1);
        font-family: Helvetica, Arial, sans-serif;
      }
        
        .enlaces :hover{
          box-shadow: inset 0 -1.125em 0 #142800;
        color: #142800;
        font-family: Helvetica, Arial, sans-serif;
        }
  
     #Sitiosparavisitar{
  
      font-family: Helvetica, Arial, sans-serif;
      padding: 2px;
   
      
    

  
     }
  
  
     .sit2{
  
      width: 30%;
      border: rgb(247, 244, 244) 3px solid;
      float: right;
      
    
    }


    .img2 a:hover{
      transform: scale(1.1);
      box-shadow: 13px 15px 37px rgb(1, 195, 92);
      color: #00913d;
    transform: scale(1.9);
    
    }



    


  
    #sit1{
  
      
  width: 100px;
  height: 100px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #5cb85c
  
    }
  
  
  
    
  
    .sit3{
  
      width: 30%;
      border: rgb(247, 244, 244) 3px solid;
      margin-left: auto;
      margin-right: auto;
      float: right;
  
    }
  
    #sit4{
  
      
  width: 100px;
  height: 100px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #5cb85c
  
    }
  
  
    .sit6{
  
      width: 30%;
      border: rgb(247, 244, 244) 3px solid;
      margin-left: auto;
      margin-right: auto;
      float: right;
      margin: 100%;
      
    
    }

    
    #sit5{
  
      
  width: 100px;
  height: 100px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #5cb85c
  
    }
  
  #map {
  
  
    margin: 15% 0% 0 5%;
    position: center;
    
    width: auto;
  
  }
  
  #pm{
  
  margin: 5% 5% -10% 30%;
  font-family: Helvetica, Arial, sans-serif;
  }
  
  
  
  .foot{
        
    margin: -15% 8% 5% 30%;
    position: static;
    width: 55%;


  }

  #videos{
    padding: 25px;
    background-color: #ffffff; 
    margin: 0%;
    font-family: Helvetica, Arial, sans-serif;
    text-align: justify;
    }

  
  
  #vid1{
    border: 9px outset #00913d;
     background-color: #00913d;
     height: 200px;
     width: 300px;
     transition: box-shadow 1s, transform;
     background: no-repeat center;
     background-size: cover;
     
  }
  
  
  
  
  #vid1:hover{
  
  transform: scale(1.1);
      box-shadow: 13px 15px 37px rgb(1, 195, 92);
  
  
  }


  #vid2{
    border: 9px outset #fffb00;
     background-color: #fffb00;
     height: 200px;
     width: 300px;
     transition: box-shadow 1s, transform;
     background: no-repeat center;
     background-size: cover;
     
  }
  
  
  
  
  #vid2:hover{
  
  transform: scale(1.1);
      box-shadow: 13px 15px 37px rgb(255, 251, 0);
  
  
  }
  
  
  
  
  .pv1{
  
    margin: 5% 5% -10% 30%;
    font-family: Helvetica, Arial, sans-serif;
    width: auto;
  
  }
  
     
  .pv2{
  
    margin: 5% 35% 5% 15%;
    font-family: Helvetica, Arial, sans-serif;
    width: auto;
  
   }
  
   #red{
  width: 50px;
  height: 50px;
  margin: 0 9% 0 0%;
  
  
   }
  
  
  
   #red:hover{
    color: #00913d;
    transform: scale(1.9);
    
  
     }
     
     .redes{


      border: #00913d 10px ridge; 
      
      margin: 0 2.5% 5% 2.5%;
   
      
      padding-right:5%;
      padding-bottom:5%;
      padding-left:5%;
      

      width: 95%;
      height: auto;

    }
      .redes2{


        border: #fbff00 10px ridge; 
        
        margin: 0 2.5% 5% 2.5%;
     
        
        padding-right:5%;
        padding-bottom:5%;
        padding-left:5%;
        
  
        width: 95%;
        height: 20%;
      
        }

        .moment2{
  
          font-family: 'Times New Roman', Times, serif;
          font-weight: bold;
          width: 30%;
          margin: -5% 5% -10% 75%;
         
          
          
          
          }
          
          .moment2 img:hover{
          
          color: #00913d;
            transform: scale(1.9);
          
          }
  
  .titr{

   text-align:center;
    
  }
     .escribe{
      margin: 1% 20% 0% 40%;
  
  
     }
  
  
     #Contactenos{
  
      font-family: Helvetica, Arial, sans-serif;
          width: 400px;
          margin: auto;
          background: #004c98;
          padding: 10px 20px;
          box-sizing: border-box;
          margin-top: -20px;
          border-radius: 7px;
  
     }
  
     #Contactenos h1{
      color: rgb(0, 0, 0);
      text-align: center;
      margin:10px;
      font-size: 30px;
      margin-bottom: 0px;
      font-family: Helvetica, Arial, sans-serif;
  
    }
  
  
    #Contactenos input{
      
      border:none;
      border-bottom: 2px solid #00330a;
      margin-bottom: 10px;
      font-size: 15px;
      padding: 8px 0px 0px 0px;
      outline: none;
      margin: 0% 5% 0% center;
      display: inline-block;
      
    }
    
    
    #Contactenos textarea{
      min-height: 100px;
      max-height: 100px;
      max-width: 110%;
      min-width: 110%;
      }
  
   
      #bot1{
  
        border-radius: 25%;
  
      }
  
      #bot2{
  
        border-radius: 25%;
  
      }
  
      #Boton :hover{
    
        color: #1b7936;
        transform: scale(1.1) ;
        box-shadow: 13px 15px 37px rgba(1, 195, 17, 0.518);
        border-radius: 10%;
      }
  
      
      @media (max-width:480px) {
        #Contactenos{
          width: 100%;
        }
      }
    
  
      .siguenos{
  
        text-align:center;
        color:white
      
      }
        
  


 


 
  
  .foot-caminos{
  
    width: 80%;
    height: auto;
    
    display:block;
    margin:auto;
  
   
  
  }
  
  @media (max-width: 768px) { 
  .foot-caminos{
      width: 125px;
  }
  }
  
  
  
  
  @media (max-width:480px) {
    #Contactenos{
      width: 100%;
    }
  }
  
  
  .sub{
    text-align:center;
    color:white
    
  }  
  
  
  
  
  
  
  
  .pie{
  
      
    background-color: #000000;
    color:white
    
    
      }

  
      .pie ul{
  
        list-style: none;
        margin: 0;
        padding: 0;
        
          }
          
  
          .pie ul li {
  
            
          
            padding: -5% -7% -7% -7%;
            border-radius: 5%;
         
  
            }
  
  
  
    #redF{
      width: 50px;
      height: 50px;
      margin: 0 10% 5% 2%;
      
  
  position: center;
  
      
       }
      
  
      
  
  
         span ul li {
          
         margin: 1% 0% 0% 10%;
          display: inline-block;
          padding: 0 0 0 5px;
          
     
  
         }
  
         
         span ul li a{
          color: #ffffff;
        
          
     
  
         }

/*tablas*/

.tabla-desktop{

width: 100%;
border-collapse: collapse;

}


.tabla-desktop tr th{

  background-color: #232F3E;
  color: white;
  border: 1px solid #232F3E;
  padding: 5px;
  text-align: left;
  
  }
  

  .tabla-desktop tr td{

    
    border: 1px solid #232F3E;
    padding: 5px;
    text-align: left;
    
    
    }
    
   .amazon{
    background:  #232F3E;
    height: 80px;
    width: 100%;
    position: sticky;
    top: 0;

   }

   @media (max-width: 600px) {
    table, thead, tbody, th, td, tr {
      display: block;
    }
  
    th {
      display: none;
    }
  
    td {
      position: relative;
      padding-left: 50%;
    }
  
    td::before {
      content: attr(data-label);
      position: absolute;
      left: 10px;
      font-weight: bold;
    }
  }


  #Blog {
    background-color: #f2f2f2;



  }


  ------------


  body {
    font-family: Arial, sans-serif;
   /* margin: 20px;*/
    /*padding: 0;*/
    background-color: #f4f4f4;
  }
 /* .container {*/
   /* max-width: 800px;*/
    /*margin: auto;*/
    /*background: white;*/
    /*padding: 20px;*/
    /*box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);*/

  /* }*/
  .noticia {

    border-bottom: 1px solid #ddd;
    padding: 1px 0;
  }
  .noticia h2 {
    color: #004c98;
  }
  .noticia p {
    color: #555;
  }
  .noticia .fecha {
    font-size: 14px;
    color: #888;
  }
  
 
  .cyt{
  
    font-family: 'Times New Roman', Times, serif;
    font-weight: bold;
    
    
    }
    

    .cyt img:hover{
    
      transform: scale(1.9);
    
    }

    .cyt{
  
      font-family: 'Times New Roman', Times, serif;
      font-weight: bold;
      width: 70px;
      margin: 0 0 0 0;
     
      
    }

      
    .cyt img:hover{
          
      color: #00913d;
        transform: scale(1.9);
      
      }

       /* Estilo boton acordeos {*/

     

      details {
     
        color: white;
        border-radius: 10px;
        margin-bottom: 5px;
        padding: 5px;
        cursor: pointer;
        transition: background-color 0.3s;
      }

     

      details p {
        padding: 1px;
        background-color: white;
         
       
      }
      
      summary:hover {
        background-color: #FFD700;
       
        display: inline-block;
        border-radius: 8px;
        cursor: pointer;
        transition: all 0.3s ease;
        transform: scale(1.1);
        padding: 14px 20px;
        font-size: 20px;
        
        
       
        

      }


        /* Elementos del menú */


        .menu2{
          
          background-color: #004c98;
          padding: 10px;
          display: flex;
          justify-content: center;
          box-shadow: 0 2px 5px rgba(0,0,0,0.1);
      }

    

        /* Elementos del menú */
        .menu2 a {
            color: #004c98;
            text-decoration: none;
            padding: 14px 20px;
            display: inline-block;
            font-size: 20px;
            transition: background-color 0.3s, color 0.3s;
            border-radius: 5px;
            margin: 0 5px;
        }

        /* Efecto al pasar el cursor */
        .menu2 a:hover {
            background-color: #004c98;
            color: #ffffff; /* Blanco*/
        }

        /* Estilo para el menú activo */
        .menu2 a.active {
            background-color: #004c98;
            color: #FFD700;
            font-weight: bold;
        }

 


      @media (max-width: 768px) {
        .menu2{
            display: block;
        }

        .menu {
          flex-direction: column;
          align-items: flex-start;
          padding: 0;
      }

      .menu.activo a {
        display: block;
    }
}



/*menu*/



* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Arial, sans-serif;
}

.foot{
        
  margin: -15% 8% 5% 30%;
  position: static;
  width: 55%;


}



header {
  background-image: url("https://via.placeholder.com/1000x300"); /* Cambiar por la imagen real */
  background-size: cover;
  background-position: center;
  color: white;
  text-align: center;
  padding: 4rem 1rem;
}

header h1 {
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
}

header p {
  font-size: 1.2rem;
  margin-bottom: 1rem;
}

.btn {
  background-color: #ff7b29;
  color: white;
  padding: 0.7rem 1.5rem;
  border: none;
  border-radius: 5px;
  font-size: 1rem;
  cursor: pointer;
}

.container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 2rem;
  padding: 2rem;
  background-color: #fff;
}

.section {
  background: #f1f1f1;
  border-radius: 8px;
  padding: 1rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.section h3 {
  margin-bottom: 0.5rem;
  color: #2d3e50;
}


.section ul {
  list-style: none;
}

.section ul li {
  margin: 0.4rem 0;
}

@media (max-width: 600px) {
  header h1 {
    font-size: 2rem;
  }

  .btn {
    font-size: 0.9rem;
    padding: 0.5rem 1rem;
  }
}




/*Noticia*/




details {
     
  color: #555;
  border-radius: 10px;
  margin-bottom: 5px;
  padding: 5px;
  cursor: pointer;
  transition: background-color 0.3s;
}



details p {
  padding: 1px;
  background-color: white;
   
 
}

summary:hover {
  background-color: #eeff01;
 
  display: inline-block;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  transform: scale(1.1);
  padding: 14px 20px;
  font-size: 20px;
  
  
 
  

}


.noticia {

  border-bottom: 1px solid #ddd;
  padding: 1px 0;
  text-align: justify;
  justify-content: center
  
}

.noticia p {
  color: #555;
}
.noticia .fecha {
  font-size: 14px;
  color: #888;
}


.text-justify {
  text-align: justify;
  justify-content: center
}

.noticia{


  text-align: justify;
  justify-content: center
  
}


details {
     
  color: #555;
  border-radius: 10px;
  margin-bottom:  5px;
  padding: 1% 2% 2% 2%;
  cursor: pointer;
  transition: background-color 0.3s;
}



details p {
  padding: 1px;
  background-color: white;
   
 
}

summary:hover {
  background-color: #eeff01;
 
  display: inline-block;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  transform: scale(1.1);
  padding: 14px 20px;
  font-size: 20px;
  
  
 
  

}


.noticia {

  border-bottom: 1px solid #ddd;
  padding: 1px 0;
  text-align: justify;
  justify-content: center
  
}

.noticia p {
  color: #555;
}
.noticia .fecha {
  font-size: 14px;
  color: #888;
}


.text-justify {
  text-align: justify;
  justify-content: center
}

.noticia{


  text-align: justify;
  justify-content: center
  
}