.herotesti {
    height: 60vh; /* 60% del tamaño del viewport */
    background-image: url('../files/img/WhatsApp Image 2025-02-11 at 19.10.52_1ece8ea7.jpg');
    background-size: cover;
    background-position: 0% 40%; /* 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  #f31c00 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:  #f00b0b6c;
        backdrop-filter: blur(5px);
      }