/* Cursores personalizados - Permitir cursores custom en desktop */

/* Desktop - Permitir cursores personalizados */
@media (min-width: 1025px) {
  
  /* Mantener cursor none en hero y galería para mostrar cursores personalizados */
  .hero {
    cursor: none !important;
  }
  
  .g-row,
  .gallery-row {
    cursor: none !important;
  }
  
  .g-row:hover,
  .g-row.dragging,
  .g-row.dragging * {
    cursor: none !important;
  }
  
  /* Cursor pointer para elementos interactivos normales */
  a:not(.g-row a),
  button,
  .btn,
  .contact-link,
  .scroll-dot,
  .lang-btn {
    cursor: pointer !important;
  }
  
  /* Cursor text para campos de formulario */
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  textarea,
  select {
    cursor: text !important;
  }
  
  /* Cursor por defecto para el body */
  body {
    cursor: auto !important;
  }
  
  /* Asegurar que los cursores personalizados se muestren y estén centrados */
  #hero-cursor,
  #gallery-cursor,
  .hero-cursor,
  .gallery-pull {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    pointer-events: none !important;
    z-index: 9999 !important;
  }
  
  /* Centrar perfectamente el texto dentro de los cursores */
  #hero-cursor span,
  #gallery-cursor span,
  .hero-cursor span,
  .gallery-pull span {
    display: block !important;
    text-align: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
  }
}

/* En móvil y tablet, ocultar cursores personalizados */
@media (max-width: 1024px) {
  #hero-cursor,
  #gallery-cursor,
  .hero-cursor,
  .gallery-pull {
    display: none !important;
    opacity: 0 !important;
  }
  
  /* Cursores normales en móvil */
  * {
    cursor: auto !important;
  }
  
  a,
  button,
  .btn {
    cursor: pointer !important;
  }
  
  input,
  textarea {
    cursor: text !important;
  }
}