@tailwind base;
@tailwind components;
@tailwind utilities;

.custom-background {
    min-height: 100vh; /* Equivale a min-h-screen en Tailwind */
    background-size: cover; /* bg-cover */
    background-position: center; /* bg-center */
    background-image: url('../public/colage-tess.jpeg'); /* Imagen de fondo */
    
  }


  .styleCard {
    z-index: 10;
    background: rgba(255, 255, 255, 0.3); /* Fondo blanco con transparencia */
    backdrop-filter: blur(10px); /* Efecto de desenfoque */
    -webkit-backdrop-filter: blur(10px); /* Soporte para Safari */
    border-radius: 2rem; /* Bordes redondeados */
    border: 1px solid rgba(255, 255, 255, 0.2); /* Borde translúcido */
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25); /* Sombra para profundidad */
}