/* Estilos para la sección */
 .herotesti {
    height: 60vh; /* 60% del tamaño del viewport */
    background-image: url('../files/img/WhatsApp Image 2025-02-11 at 20.25.24_9277364b.jpg');
    background-size: cover;
    background-position: 0% 20%; /* Ajusta la imagen hacia arriba */
    background-repeat: no-repeat;
    position: relative; /* Para poder agregar el filtro de oscurecimiento */
}
  /* Capa de oscurecimiento sobre la imagen */
  .herotesti::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4); /* Oscurece la imagen */
    z-index: 1; /* Asegura que esté por encima de la imagen, pero debajo del texto */
  }

  /* Estilos para el texto */
  #contesti {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white; /* Texto en blanco para mayor contraste */
    z-index: 2; /* Asegura que el texto esté encima de la capa oscura */
    text-align: center;
    padding: 0 20px; /* Espaciado lateral para evitar que el texto toque los bordes */
    border: solid  #146eb4 1px;
    padding: 25px;
    border-bottom-left-radius: 15px;
    border-top-right-radius: 15px;
    border-top-left-radius: 150px;
    border-bottom-right-radius: 150px;
    background-color:  #146fb46c;
    backdrop-filter: blur(5px);
  }

  /* Animación fade-in para el texto */
  .fade-in {
    animation: fadeIn 2s ease-in-out;
  }

  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }