/* styles.css */

/* Colores base */
:root {
  --accent-orange: #f97316;
  --primary-text: #1e1e1e;
}

/* Clases personalizadas */
.bg-accent-orange {
  background-color: var(--accent-orange);
}

.text-primary-text {
  color: var(--primary-text);
}

/* Panel derecho imagen */
.desktop-image-panel {
  background-image: url('../img/login.webp'); /* si tenés una imagen */
  background-size: cover;
  background-position: center;
}

/* Fondo en móvil */
.mobile-bg {
  background-image: url('../img/4k.webp');
  background-size: cover;
  background-position: center;
}
.modal {
    position: fixed;
    z-index: 9999;
    left: 0; top: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.6);
    display: flex; justify-content: center; align-items: center;
  }
  .modal-content {
    background: white;
    padding: 20px;
    border-radius: 10px;
    width: 100%;
    max-width: 400px;
    text-align: center;
    position: relative;
  }
  .modal-content .close {
    position: absolute;
    right: 15px;
    top: 10px;
    cursor: pointer;
    font-size: 20px;
  }