/* Estilos personalizados para el grid y tipografía */
   @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');

   body {
       font-family: 'Inter', sans-serif;
       background-color: #f7f7f0;
       /* Beige suave */
   }

   .grid-cell {
       display: flex;
       align-items: center;
       justify-content: center;
       width: 100%;
       height: 100%;
       font-size: 0.8rem;
       font-weight: 600;
       cursor: pointer;
       transition: background-color 0.1s;
       user-select: none;
       border-radius: 4px;
       /* Bordes ligeramente redondeados */
   }

   .grid-container {
       display: grid;
       grid-template-columns: repeat(15, 1fr);
       grid-template-rows: repeat(15, 1fr);
       aspect-ratio: 1 / 1;
       /* Mantiene el grid cuadrado */
       max-width: 500px;
       margin: 0 auto;
       border: 4px solid #b7c7a8;
       /* Verde oliva claro para borde */
       border-radius: 12px;
       box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
   }

   .selected {
       background-color: #add8e6;
       /* Azul claro para selección */
   }

   .found {
       background-color: #b7c7a8 !important;
       /* Verde oliva para palabra encontrada */
       color: #1e3a8a;
       /* Azul oscuro */
       animation: bounceIn 0.5s;
   }

   @keyframes bounceIn {

       0%,
       20%,
       50%,
       80%,
       100% {
           transform: translateY(0);
       }

       40% {
           transform: translateY(-5px);
       }

       60% {
           transform: translateY(-3px);
       }
   }

   .solved-clue {
       text-decoration: line-through;
       opacity: 0.6;
       color: #3f6212;
       /* Verde oliva oscuro */
   }

   /* Responsividad para el texto en móvil */
   @media (max-width: 640px) {
       .grid-cell {
           font-size: 0.7rem;
       }
   }