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

  body{
    background: rgb(234, 237, 238);
  }

 .navbar{
    background: #914443;
    font-family: 'Poppins', sans-serif;
  }

  video{
    width: 100%;
    height: 500px;
  }

/* Estilos para dispositivos de escritorio (pantallasmenores o iguales a 768px) */
@media (max-width: 767px) {

  video{
    width: 100%;
    height: 500px;
  }

  .call_action_add_site{
    z-index: 900;
    position: absolute;
    right: 15%;
    top: 78%;
  }

   .btn_call_action_add_site_lg{
    display: none;
  }

  .lonc{
    width: 270px;
    height: 250px;
    position: absolute;
    right: 6%;
    top: 35%;
  }

  .error_page_404{
    height: 350px;
  }

 
}

/* Estilos para dispositivos de escritorio (pantallas mayores o iguales a 768px) */
@media (min-width: 768px) {
 

  video{
    width: 50%;
    height: 500px;
  }

  .text_site_description{
    font-size: 2rem;
    width: 50%;
    position: absolute;
    left: 5%;
    top: 20%;

  }

  .call_action_add_site{
    z-index: 900;
    position: absolute;
    right: 5%;
    top: 80%;
  }

   .btn_call_action_add_site_sm{
    display: none;
  }

  .lonc{
    width: 400px;
    height: 400px;
    position: absolute;
    right: 6%;
    top: 5%;
  }

  .error_page_404{
    height: 450px;
  }
  
 
}

.master-aling{
  display: grid;
  min-height: 100dvh;
  grid-template-rows: 
    auto 1fr auto;
}

.invitation_notice{
  position: relative;
  width: 100%; /* Ajusta según sea necesario */
  height: 450px; /* Puedes cambiar la altura */
   background: linear-gradient(90deg,
      
    #e0e0e0 25%,
     
      	#283c749a 80%,
     #283c7496 100%);
}





/* .first_notice{
  height: 350px;
  position: relative;
} */

.first_notice img{
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
  cursor: pointer;

}



.pict_front_second{

  height: 200px;

}

.pict_front_second img{
  max-height: 100%;
  max-width: 100%;
}



/*  */

/* Estilos para el contenedor de la imagen */
.first_notice {
  height: 350px;
  position: relative;
  display: block; /* o block si prefieres */
}

/* Overlay que cubre la imagen */
.first_notice .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6); /* fondo oscuro con transparencia */
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0; /* oculto por defecto */
  transition: opacity 0.3s ease;
  /* padding: 10px; */
  box-sizing: border-box;
}

/* Mostrar overlay al hacer hover */
.first_notice:hover .overlay {
  opacity: 1;
  /* cursor: pointer; */
}

/* Estilo del texto descriptivo */
.overlay-text {
  color: #fff;
  font-size: 1.2em;
  text-align: center;
}

.tomson{
   box-shadow: 0px  4px 8px  rgba(0, 0, 0, 0.4); 
}

.admin_site:hover{
  box-shadow: 0px  4px 8px  rgba(0, 0, 0, 0.4); 
}

.icon-password-into{
  cursor: pointer;
}

#remove_errors_to_inputs_fails{
  cursor: pointer;
}


.canal_site:hover{
  box-shadow: 0px  4px 8px  rgba(0, 0, 0, 0.4); 
  cursor: pointer;
  background: rgb(177, 184, 199);
}