body{
  background-image: url("../img/fondo2.jpg");
  background-position:center;
  background-size:cover;
  background-position-y:top;
}
.coment{
  background-color: rgba(255, 255, 255, 0.6);
  size: 100%;
}
.inicio{
  background-color: rgb(0, 0, 0);
  color: rgb(255, 255, 255);
}
.social>.btn{
  font-size: 0.9rem;
  font-weight: 700;
  padding: 20px 50px;
  border-radius: 8px;
  cursor: pointer;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  transition: all 0.2s ease;
  background: #ffffff;
  color: #000000;
  box-shadow: 0 6px 16px rgba(72,69,153,0.35);
}
.menu{
  background-color: rgba(255, 255, 255, 0.6);
  size: 100%;
}
.menu>.item{
  padding: 2%;
}
.menu>.item>.btn {
  font-size: 0.9rem;
  font-weight: 700;
  padding: 20px 50px;
  border-radius: 8px;
  cursor: pointer;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  transition: all 0.2s ease;
  background: #ffffff;
  color: #000000;
  box-shadow: 0 6px 16px rgba(72,69,153,0.35);
}
.btn:hover {
  opacity: 0.88;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(72,69,153,0.45);
}
.icono{
    width: 70px;
}
img{
  width: 25%;
}
.escondido {
  /* Hace que el texto sea completamente invisible por defecto */
  color: transparent;
  
  /* Evita que se note el borde si el usuario pasa el cursor por encima */
  cursor: default; 
}

/* Cambia el estilo únicamente cuando el usuario selecciona el texto */
.escondido::selection {
  /* El color que tomarán las letras al ser seleccionadas */
  color: #ffffff; 
  
  /* El color de fondo del resaltado clásico de selección */
  background-color: #3b82f6; 
}
#CF{

  font-size: large;

}