/* ==========================================================
   LOS CONTROLES DEL REGISTRO DE FINCA
   ----------------------------------------------------------
   Los pinta `scoffee-registro.js`, y los pintan igual la web y
   el panel de control. Por eso el estilo esta aqui y no dentro
   de cada pagina: con dos copias, a la primera correccion el
   mismo formulario se veria distinto segun donde se abriera.

   Los colores salen de variables con respaldo, para que la hoja
   sirva en las dos paginas aunque cada una tenga su paleta.
   ========================================================== */

/* El punto que marca lo obligatorio. */
.obl{color:var(--lima-hondo,#5C7A22);font-weight:700}

/* ---------- chips y meses ---------- */
.chips-rg,.meses-rg{display:flex;flex-wrap:wrap;gap:7px}
.chip-rg{
  border:1px solid var(--line,#E4E2DC);border-radius:999px;background:#fff;
  padding:7px 13px;font:inherit;font-size:13px;color:var(--ink-1,#1C1C1A);
  cursor:pointer;transition:background .14s,border-color .14s,color .14s;
}
.chip-rg:hover{border-color:var(--lima,#C6E06B)}
.chip-rg.on{background:var(--lima,#C6E06B);border-color:var(--lima,#C6E06B);color:#1E2A0B;font-weight:600}
.meses-rg .chip-rg{min-width:52px;text-align:center}

/* ---------- opciones de una sola respuesta ---------- */
.radios-rg{display:flex;flex-direction:column;gap:8px}
.radio-rg{
  border:1px solid var(--line,#E4E2DC);border-radius:12px;background:#fff;
  padding:11px 14px;font:inherit;color:var(--ink-1,#1C1C1A);text-align:left;
  cursor:pointer;width:100%;transition:border-color .14s,background .14s;
}
.radio-rg b{display:block;font-size:13.5px;font-weight:600}
.radio-rg small{display:block;font-size:12px;color:var(--ink-3,#7A7870);margin-top:2px;line-height:1.35}
.radio-rg:hover{border-color:var(--lima,#C6E06B)}
.radio-rg.on{border-color:var(--lima,#C6E06B);border-width:2px;background:var(--lima-wash,#F4F9E6);padding:10px 13px}

/* ---------- el boton de la ubicacion ---------- */
.ubi-fila{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.ubi-fila .ayuda{flex:1;min-width:200px;margin:0}

@media(max-width:640px){
  .meses-rg .chip-rg{min-width:0;flex:1 1 60px}
}

/* ---------- el reparto del cafetal ---------- */
.pct-rg{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
.pct-rg span{display:flex;align-items:center;gap:6px}
.pct-rg i{flex:1;font-style:normal;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pct-rg input{width:68px;flex:0 0 auto}
.pct-rg em{font-style:normal;font-size:12px;color:var(--ink-3,#7A7870)}
.ayuda.mal{color:#B4231B;font-weight:600}