/* Utilidades compartidas Arcilyx */

/* --- Manrope autohospedada (fuente variable 200–800) --- */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('fonts/manrope-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('fonts/manrope-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* FAQ <details>: ocultar el triángulo/marcador por defecto */
summary { list-style: none; }
summary::-webkit-details-marker { display: none; }

/* Evita el "flash"/reajuste del nav al cargar (Tailwind CDN + fuente web):
   el contenido del header se muestra cuando ya está estilado y la fuente cargada. */
#site-header nav { opacity: 0; }
#site-header.ready nav { opacity: 1; }

/* Ocultar la barra de scroll manteniendo el desplazamiento (sliders horizontales) */
.scrollbar-hide::-webkit-scrollbar { display: none; }
.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }

/* --- Reveal on scroll ---
   Usa @keyframes (no `transition`) para que clases como transition-colors /
   transition-all en el mismo elemento no pisen la animación de entrada. */
@keyframes reveal-up {
  from { opacity: 0; transform: translateY(48px); }
  to   { opacity: 1; transform: translateY(0); }
}
[data-reveal] {
  opacity: 0;
  will-change: opacity, transform;
}
[data-reveal].is-visible {
  animation: reveal-up 1.3s cubic-bezier(0.16, 1, 0.3, 1) both;
}

/* --- Parallax --- */
[data-parallax] { will-change: transform; }

/* Respeta a quien prefiere menos movimiento */
@media (prefers-reduced-motion: reduce) {
  [data-reveal] { opacity: 1 !important; transform: none !important; animation: none !important; }
  [data-parallax] { transform: none !important; }
  html { scroll-behavior: auto !important; }
}

/* --- Página de contacto --- */
.mineral-gradient {
  background: radial-gradient(circle at 0% 0%, rgba(212, 203, 179, 0.05) 0%, transparent 50%);
}
/* input./textarea. para ganar especificidad al plugin @tailwindcss/forms */
input.form-input,
textarea.form-input {
  background-color: #1a1a1a;
  border: 1px solid #4a463e; /* outline-variant */
  border-radius: 0.5rem;
  padding: 0.875rem 1rem;
  color: #e5e2e1;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
input.form-input:focus,
textarea.form-input:focus {
  outline: none;
  border-color: #d4cbb3;
  box-shadow: 0 0 0 1px #d4cbb3;
}
input.form-input::placeholder,
textarea.form-input::placeholder {
  color: #8a857b;
}

/* Simulador — spinner de "generando" */
.sim-spin {
  animation: sim-rotate 1.1s linear infinite;
}
@keyframes sim-rotate {
  to { transform: rotate(360deg); }
}