*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  list-style:none;
}
#header {
	height:120px;
	justify-content:center;
    align-items:center;
	background-color:#F29863;
}

.contenedor {
  width:100%;
  height:auto;
  padding:30px;
  display:flex;
  flex-direction:column;
  flex-wrap:wrap;
  margin:auto;
}

.titulotex {
  text-align: center; 
  vertical-align:middle;
  letter-spacing:normal; 

  font-family: Arial Black; 
  font-weight: bold; 
  color: #000; 
  text-shadow: 0 1px 0 #ddd, 0 2px 0 #ccc, 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 0 #acacac, 0 6px 1px rgba(0,0,0,0.1), 0 0 5px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.2), 0 5px 10px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.2), 0 20px 20px rgba(0,0,0,0.15);
}

.boximg {
  width:100%;
  height:100px;
  min-width:250px;
}
.boxmen{
  width:100%;
  height:40px;
  min-width:250px;
  margin-left:auto; 
  margin-right:auto;
}


header {
    display: flex;
    flex-direction: column;
    align-items:left;
}

h1 {
  margin:10px;
}
nav{
    width: 100%; /* Ancho completo del contenedor */   
    background-color:#000;
}

nav ul {
    display: flex; /* Activar Flexbox */
    list-style-type: none; /* Quitar estilos de lista */
    padding: 0; /* Quitar padding predeterminado */
    margin: 0; /* Quitar margen predeterminado */
    
}

nav li {
    flex-grow: 1; /* Crecer para ocupar el espacio disponible */
    text-align: center; /* Centrar el texto */
}
nav a {
    display: block; /* Hacer que el enlace ocupe todo el espacio del li */
    margin:0;
    color: white;
    padding: 10px; /* Espaciado para una mejor visualización */
    text-decoration: none; /* Quitar el subrayado del enlace */
    border: 1px solid white;
}
nav a:hover {
    background-color:#000;
}
  
.boxcon{
  width:100%;
  height:600px;
  min-width:200px;
  padding:0 10px;
}

.boxpie {
  width: 100%;
  height:10%px;
  background-color:#white;
  color:white;
  }

.container-footer{
   display:flex;
   flex-wrap:wrap;
   justify-content:space-between;
   margin:auto;
}

.footer-row{
    display:flex;
    flex-wrap:wrap;
}

.footer-links{
   width:100%;
   padding:0 10px;
}

.footer-links h3{
     font-size:12px;
     color:#ffffff;
	 text-align:center;	
     margin-bottom:8px;
     font-weight:500; 
     padding-bottom:6px;
	 margin-top: 5px;
    
}

.footer-links h4{
     font-size:14px;
     color:#ffffff;
     margin-bottom:8px;
	 text-align:center; 
     font-weight:500;
     border-bottom:2px solid #00C3FF;   
     padding-bottom:6px;   
}

.footer-links h5{
     font-size:12px;
     color:#ffffff;
	 margin-bottom:8px;
	 text-align:center; 
     font-weight:500;
     padding-bottom:6px;
}

.social-link a{
   min-height:40px;
   width:50px;
   margin:0 10px 10px 0;
   text-align:center;
   line-height:40px;
   border-radius:50%;
   color:#ffffff;
   flex-direction:column;
  transition:all .5s ease;
}

.social-link a:hover{
     background-color:#00cfef;
}

.navbar collapse navbar-collapse{
background-color: rgb(65, 191, 67)
}

p {
  font-size: clamp(1rem, 3vw, 1.2rem);
  text-align:justify;
}


.img-responsive{
	max-width:70%;
	height:auto;
	display:block;
}
table td:hover {
    background-color:#95D885;
}

img{
	max-width:35%;
}

th, td {
  padding:6px;
}

table.table>tbody>tr:hover td,
table.table>tbody>tr:hover th {
  background-color:#95D885;
}

.row{
   display:flex;
   height:auto;
   flex-wrap:wrap;
   align-items:center;
   padding:5px;
   margin:5px;
}

.col{
   display:flex;
   flex-wrap:wrap;
   flex-grow:1;
   align-items:center;
   font-size: clamp(1rem, 3vw, 1.5rem);
}