/* ============================================================
   site.css — Sistema de diseño unificado 800 Fumigar / EcoPlagas
   Estilo: sutil / editorial. Fuente Nunito. Sin gradientes ni
   pills 999px; esquinas 4-6px; sombras hairline; íconos de línea.
   Cargar en el <head> ANTES del <style> inline de cada página.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700;800;900&display=swap');
:root{
  --font:'Figtree', system-ui, -apple-system, sans-serif;

  /* Esquinas (nada de 999px/50px) */
  --radius-sm:4px;
  --radius:6px;
  --radius-lg:8px;

  /* Profundidad: hairline, no sombras dobles suaves */
  --shadow:0 1px 2px rgba(0,0,0,.06);
  --shadow-hover:0 2px 6px rgba(0,0,0,.10);
  --hairline:1px solid rgba(0,0,0,.08);

  /* Marca unificada (resuelve verdes/dorados/rojos en conflicto) */
  --green:#0A6A39;
  --green-dark:#022e14;
  --gold:#D4A82B;
  --red:#C62A2A;
  --ink:#1a1a1a;
  --muted:#555;
  --bg:#ffffff;
  --bg-soft:#f5f7f5;
}

/* ---- Íconos de línea (sprite /icons.svg, estilo Lucide) ---- */
.ico{
  width:1.1em;
  height:1.1em;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  vertical-align:-.15em;
  flex:0 0 auto;
}
.ico-lg{ width:1.5em; height:1.5em; }
.ico-sm{ width:.95em; height:.95em; }

/* Fallback de fuente para páginas que enlazan site.css y no definen body font */
body{ font-family: var(--font); }

/* ---- Fotos de trabajo real (reportes de servicio) ---- */
.tx-block{ margin:28px 0 6px; }
.tx-block > h3{ font-size:1.05rem; margin:0 0 4px; }
.tx-block > .tx-note{ font-size:.88rem; color:var(--muted); margin:0 0 14px; }
.tx-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.tx-grid.tx-2{ grid-template-columns:repeat(2,1fr); max-width:640px; }
.tx-grid figure{ margin:0; border-radius:var(--radius-lg); overflow:hidden; background:#fff;
  border:var(--hairline); box-shadow:var(--shadow); }
.tx-grid img{ width:100%; height:auto; aspect-ratio:3/4; object-fit:cover; display:block; background:#eef1ee; }
.tx-grid.tx-land img{ aspect-ratio:4/3; }
.tx-grid figcaption{ padding:10px 12px 12px; font-size:.83rem; font-weight:600; color:#4a5560; line-height:1.45; }
.tx-grid figcaption b{ display:block; color:var(--green); font-size:.72rem; font-weight:700;
  letter-spacing:.05em; text-transform:uppercase; margin-bottom:2px; }
@media(max-width:720px){
  .tx-grid{ grid-template-columns:1fr 1fr; gap:10px; }
  .tx-grid figcaption{ font-size:.75rem; padding:8px 9px 10px; }
}
