/* public/css/style.css - Estilos Oficiales de AgroRescate Chile */

/* Paleta Oficial del Manual:
   Verde Rescate Fértil: #1B4332
   Azul Aeroespacial:   #1E3A8A
   Naranja Rescate:     #F97316
   Gris Topográfico:    #334155
   Blanco Escaneo:      #F8FAFC
*/

:root {
  --agro-green: #1B4332;
  --agro-green-light: #2d6a4f;
  --agro-green-dark: #0f281e;
  --agro-blue: #1E3A8A;
  --agro-blue-light: #2563eb;
  --agro-orange: #F97316;
  --agro-orange-hover: #ea580c;
  --agro-gray: #334155;
  --agro-gray-light: #64748b;
  --agro-bg: #F8FAFC;
}

/* Elevaciones Topográficas de Fondo (Curvas de nivel continuas a gran escala con 30% de opacidad) */
.topo-bg {
  background-color: #F8FAFC;
  background-image: url('/assets/topo-elevation-30.svg');
  background-size: 1920px 1080px;
  background-repeat: repeat;
  background-position: center top;
}

.topo-dark-bg {
  background-color: #0f172a;
  background-image: url('/assets/topo-elevation-dark-30.svg');
  background-size: 1920px 1080px;
  background-repeat: repeat;
  background-position: center top;
}

/* Retícula de Escaneo y Cruces de Mira (+) */
.scan-reticle {
  position: relative;
}
.scan-reticle::before,
.scan-reticle::after {
  content: '+';
  position: absolute;
  color: rgba(249, 115, 22, 0.7);
  font-family: 'JetBrains Mono', monospace;
  font-size: 15px;
  font-weight: 700;
  pointer-events: none;
  z-index: 10;
}
.scan-reticle::before {
  top: 10px;
  left: 10px;
}
.scan-reticle::after {
  bottom: 10px;
  right: 10px;
}

/* Corchetes esquineros de captura fotogramétrica [ ] */
.corner-brackets {
  position: relative;
}
.corner-brackets::before {
  content: '';
  position: absolute;
  top: 8px;
  left: 8px;
  width: 14px;
  height: 14px;
  border-top: 2px solid #F97316;
  border-left: 2px solid #F97316;
  pointer-events: none;
}
.corner-brackets::after {
  content: '';
  position: absolute;
  bottom: 8px;
  right: 8px;
  width: 14px;
  height: 14px;
  border-bottom: 2px solid #F97316;
  border-right: 2px solid #F97316;
  pointer-events: none;
}

/* Degradado Multiespectral NDVI Oficial (Rojo -> Amarillo -> Verde) */
.ndvi-gradient {
  background: linear-gradient(90deg, #dc2626 0%, #eab308 50%, #16a34a 100%);
}

.ndvi-bar {
  height: 6px;
  border-radius: 9999px;
  background: linear-gradient(90deg, #dc2626 0%, #f59e0b 35%, #84cc16 70%, #15803d 100%);
}

/* Línea de escaneo láser animada */
@keyframes scanline {
  0% { transform: translateY(-100%); opacity: 0.2; }
  50% { opacity: 0.8; }
  100% { transform: translateY(1000%); opacity: 0.1; }
}

.scanline-effect {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, #F97316, transparent);
  animation: scanline 4s linear infinite;
  pointer-events: none;
}

/* Transiciones suaves */
.transition-all-300 {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}