/* Evita el uso de z-index negativo en el body para evitar problemas inesperados con el apilamiento */
body {
    position: relative; /* Asegura que el z-index funcione si se necesita */
    /* Elimina z-index o usa un valor positivo si es necesario */
}

/* Estilo para el texto en tarjetas */
#texto_tarjetas {
    font-family: 'PT Sans', sans-serif;
}

/* Estilo para el encabezado en tarjetas */
#texto_tarjetas_encabezado {
    font-family: 'PT Sans', sans-serif;
    font-weight: bold;
}

/* Estilo para la animación hover */
.hover_animation {
    transition: all 400ms; /* Suaviza las transiciones */
    /* Ajusta z-index si es necesario, pero generalmente se usa para elementos apilados */
}

.hover_animation:hover {
    transform: scale(1.1); /* Aumenta el tamaño en hover */
    transition: all 600ms; /* Mantiene la transición suave */
    /* Considera eliminar z-index aquí a menos que sea absolutamente necesario */
}

/* Estilo para las imágenes */
img {
    border-radius: 16%; /* Aplica bordes redondeados */
    max-width: 100%; /* Asegura que las imágenes no se desborden del contenedor */
    height: auto; /* Mantiene la proporción de la imagen */
}