body {
  font-family: Roboto;
  topmargin: 0;
} 

div {
  width: 1200px; 
  margin-left: auto;
  margin-right: auto;
}

a {
  text-decoration: none;
  color: inherit;
}

button {
  padding: 10px 20px;
  background-color: #26A699;
  font-weight: bold;
  font-size: 14pt;
  color: white;
  border: none;
  border-radius: 20px;
  cursor: pointer;
}
  button:hover {
  background-color: #01DED9;
  }

input {
  width: 100%;
  font-size: 14pt;
  border-left-width:  0px; 
  border-right-width: 0px; 
  border-top-width:   0px;
  border-bottom: 2px solid #666666;
  transition: background-color 0.3s ease; 
}
  input:focus {   
    border-color: #4a90e2;
    background-color: #01DED9;
    box-shadow: 0 0 8px rgba(74, 144, 226, 0.3);
  }

input[type='radio'] {
  transform: scale(1.5); /* 1.5 es 150% de su tamaño original */
}

 label {
 display: inline-flex;
 flex-direction: column;
 align-items: center;
 gap: 9px;
 }


td {
  padding: 0px;
  font-size: 20px;
}

select {
  border: none;
  border-bottom: 2px solid black;
  font-size: 18px;
}


ul {
  list-style-type: none;
  text-align: left;
  margin: 12px;            
  padding: 0;            
}  

ul li {
  transition: background-color 0.3s ease;
}

ul li:hover {
  background-color: #01DED9;
}

 .barraMenu {
 border: 0px solid #000;
 border-radius: 30px;
 color: #FFFFFF;
 font-size:15pt;
 transition: background-color 0.3s ease; 
 width: 150px;
 }
   .barraMenu:hover {
   border-color: #4a90e2;
   background-color: #01DED9;
   box-shadow: 0 0 8px rgba(74, 144, 226, 0.3);
   cursor: pointer;
   }

 .busquedaBordeIzq {
 border: 1px solid #000;
 border-right: 0px;
 border-top-left-radius: 30px;
 border-bottom-left-radius: 30px;
 }

 .busquedaBordeCen {
 border: 1px solid #000;
 border-left: 0px;
 border-right: 0px;
 }

 .busquedaBordeDer {
 border: 1px solid #000;
 border-left: 0px;
 border-top-right-radius: 30px;
 border-bottom-right-radius: 30px;
 }  

 .cajaTp {
 width: 100%; 
 font-size: 14pt;
 border-bottom: 2px solid #666666;
 }

 .contenedor {
 border: 1px solid #000;
 border-radius: 21px;
 padding: 24px;
 }

 .contMenDes {
 border: 0px solid #cccccc;
 border-width: 0px 0px 0px 0px; 
 border-bottom-left-radius: 30px;
 border-bottom-right-radius: 30px;
 background-color: #26A699;
 color: #FFFFFF;
 font-size:14pt;
 transition: background-color 0.3s ease; 
 width: 200px;
 position: absolute;
 box-shadow: 0 15 15px rgba(1, 222, 217, 0.1);
 display: none;
 }

 .despliegaMenu {
 border: 0px solid #000;
 border-radius: 30px;
 transition: background-color 0.3s ease; 
 width: 150px;
 }
   .despliegaMenu:hover {
   border-color: #4a90e2;
   background-color: #01DED9;
   box-shadow: 0 0 8px rgba(74, 144, 226, 0.3);
     .contMenDes {
     display: block;
     }
   }

 .enlaceInterno {
 display: inline;
 margin-left: 0;
 width: 600px;
 border: 1px solid #000;
 border-radius: 30px;
 transition: background-color 0.3s ease; 
 }
   .enlaceInterno:hover {
   background-color: #01DED9;
   cursor: pointer;
   }

 .fondoPalabra {
 display: inline;
 transition: background-color 0.6s ease; 
 }
   .fondoPalabra:hover {
   background-color: #01DED9;
   cursor: pointer;
 }

 .imaBusqueda {
 border: 1px solid #000;
 border-radius: 20%;
 height: 75px;
 object-fit: cover;
 }

 .imaContenido {
 width: 999px;
 height: 240px;
 border-radius: 30px;
 background-color: #D3D3D3;
 transition: background-color 0.3s ease; 
 }
   .imaContenido:hover {
   background-color: #01DED9;
   box-shadow: 0 0 8px rgba(74, 144, 226, 0.3);
   cursor: pointer;
   }

 .imaPortada {
 border: 0px solid #000;
 width: 145px;
 height: 145px;
 border-radius: 50%;
 object-fit: cover;
 background-color: #D3D3D3;
 transition: background-color 0.3s ease; 
 }
   .imaPortada:hover {
   border: 3px solid #4a90e2;
   background-color: #01DED9;
   box-shadow: 0 0 8px rgba(74, 144, 226, 0.3);
   cursor: pointer;
   }

 .lineaRadios {
 display: flex;
 gap: 21px; /* Espacio entre cada opción */
 }


 .logoPortada {
 border: 0px solid #000;
 border-radius: 30px;
 transition: background-color 0.3s ease; 
 }
   .logoPortada:hover {
   border-color: #4a90e2;
   background-color: #01DED9;
   box-shadow: 0 0 8px rgba(74, 144, 226, 0.3);
   cursor: pointer;
   }

 .npImagen {
 /* OTRAS DOS FORMAS DE ACOMODAR IMAGENES EN EL FONDO DEL TD */
 /*   background-size: 100% 100%; */  
 /* background-size: contain;     */
 background-size: cover;   
 width: 220px;
 height: 150px;
 border: 1px solid #000;
 border-radius: 18%;
 padding: 09px;
 transition: background-color 0.6s ease; 
 }
   .npImagen:hover {
   background-color: #01DED9;
   }

 .rowBorderStart {
 border: 0px solid #000;
 border-right: 0px;
 border-top-left-radius: 30px;
 border-bottom-left-radius: 30px;
 height: 45px;
 color: #FFFFFF;
 background-color: #D4EDEB;
 font-size:18pt;
 transition: background-color 0.3s ease; 
 }
   .rowBorderStart:hover {
   border-color: #4a90e2;
   background-color: #01DED9;
   box-shadow: 0 0 8px rgba(74, 144, 226, 0.3);
   }

 .rowBorderMiddle {
 border: 1px solid #000;
 border-left: 0px;
 border-right: 0px;
 }
  
 .rowBorderEnd {
 border: 0px solid #000;
 border-left: 0px;
 border-top-right-radius: 30px;
 border-bottom-right-radius: 30px;
 height: 47px;
 color: #FFFFFF;
 background-color: #26A699;
 font-size:18pt;
 }  

 .tablaEncabezado {
 border: 1px solid #000;
 border-radius: 30%;
 }

 .tablaEnIzq {
 border: 0px solid #000;
 border-right: 0px;
 border-top-left-radius: 30px;
 border-bottom-left-radius: 30px;
 background-color: #66c0b6;
 text-align: center;
 }

 .tablaEnCen {
 border: 0px solid #000;
 border-left: 0px;
 border-right: 0px;
 background-color: #66c0b6;
 text-align: center;
 }

 .tablaEnDer {
 border: 0px solid #000;
 border-left: 0px;
 border-top-right-radius: 30px;
 border-bottom-right-radius: 30px;
 background-color: #66c0b6;
 text-align: center;
 }  

 .tdBusqueda {
 padding: 20px;
 font-size: 20px;
 border-radius: 20px;
}

 .tecnoBoton {
 padding: 10px 20px;
 background-color: #26A699;
 font-weight: bold;
 color: white;
 border: none;
 border-radius: 20px;
 cursor: pointer;
 width: 90%;
 height: 40px;
 font-size: 13pt;
 }
   .tecnoBoton:hover {
   background-color: #01DED9;
   }

 .trMarca {
 transition: background-color 0.3s ease; 
 }
   .trMarca:hover {
   border-radius: 30px;
   background-color: #01DED9;
   cursor: pointer;
   }