@font-face {
    font-family: 'MiFuente';
    src: url('./fonts/Cattyla.ttf') format('truetype');
}
@font-face {
    font-family: 'MiFuente2';
    src: url('./fonts/Cat paw.ttf') format('truetype');
}

/* Usar la fuente */
body {
    font-family: 'MiFuente', sans-serif;
    cursor: url('https://cdn.custom-cursor.com/db/4656/32/arrow2662.png'), default !important;
    min-height: 100vh;
}

a:hover, input:hover, button:hover {
    cursor: url('https://cdn.custom-cursor.com/db/4655/32/arrow2662.png'), pointer !important;
}
.image-container {
    position: relative;
    width: 100%;
    padding-top: 100%; /* Esto asegura que el contenedor sea cuadrado */
    overflow: hidden;
  }
  
  .square-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Esto recorta la imagen para que se ajuste al contenedor */
  }

.titulo {
    font-family: 'MiFuente2', sans-serif !important; 
  }