/* ============================================================
   HOME · ATMÓSFERA MATERIAL (2026-09-23)
   Proporción orientativa: ~80% grafito / metal / navy / petróleo,
   ~20% luz clara. El blanco es un MOMENTO DE LUZ, no el fondo por
   defecto. Se sobrescribe sobre site.css sin tocarlo.
     hero (navy) → fork (grafito) → DIRECTOS (metal grafito)
     → sistemas (navy) → AUDIOVISUAL (marfil: el único momento de luz)
     → PRUEBA (petróleo) → cierre (navy)
   ============================================================ */

/* ---------- DIRECTOS: superficie de metal grafito ---------- */
.rocalde-home .rh-direct {
  background:
    /* luz de ventana fría rasante, la misma del sitio */
    linear-gradient(118deg, transparent 30%, rgba(30, 155, 196, 0.035) 46%, rgba(127, 208, 234, 0.06) 50%, rgba(30, 155, 196, 0.035) 54%, transparent 70%),
    /* cepillado: vetas horizontales muy tenues */
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.012) 0 1px, transparent 1px 4px),
    radial-gradient(1100px 460px at 50% -12%, rgba(143, 164, 181, 0.10), transparent 70%),
    linear-gradient(180deg, #151c23 0%, #10161c 60%, #0d1318 100%);
  border-top: 1px solid rgba(214, 222, 227, 0.06);
}
.rocalde-home .rh-direct .rh-eyebrow { color: var(--rh-teal); }
.rocalde-home .rh-direct .rh-h2 { color: #fff; }
.rocalde-home .rh-direct .rh-lead { color: var(--rh-text-dim-on-dark); opacity: 1; }
.rocalde-home .rh-direct .rh-dcard {
  background: linear-gradient(165deg, rgba(38, 50, 61, 0.72), rgba(18, 25, 32, 0.82));
  border-color: rgba(214, 222, 227, 0.10);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 18px 40px rgba(0, 0, 0, 0.28);
}
.rocalde-home .rh-direct .rh-dcard__title { color: #fff; }
.rocalde-home .rh-direct .rh-dcard__desc { color: var(--rh-text-dim-on-dark); opacity: 1; }
.rocalde-home .rh-direct .rh-dcard__cta { color: #7fd0ea; }
.rocalde-home .rh-direct__note { color: var(--rh-text-dim-on-dark); opacity: 1; }
.rocalde-home .rh-direct__note a { color: #7fd0ea; }
@media (hover: hover) and (pointer: fine) {
  .rocalde-home .rh-direct .rh-dcard:hover { border-color: rgba(242, 106, 27, 0.45); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 22px 46px rgba(0, 0, 0, 0.38); }
}

/* ---------- PRUEBA: petróleo profundo, chips de vidrio ---------- */
.rocalde-home .rh-proof {
  background:
    radial-gradient(900px 300px at 12% 0%, rgba(30, 155, 196, 0.10), transparent 70%),
    linear-gradient(180deg, #0b1b25 0%, #0a1620 100%);
  border-top: 1px solid rgba(214, 222, 227, 0.07);
}
.rocalde-home .rh-proof__label { color: var(--rh-text-dim-on-dark); opacity: 1; }
.rocalde-home .rh-proof__chip {
  background: rgba(23, 48, 66, 0.45);
  border-color: rgba(127, 208, 234, 0.14);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
.rocalde-home .rh-proof__name { color: #fff; }
.rocalde-home .rh-proof__type { color: var(--rh-text-dim-on-dark); opacity: 1; }
.rocalde-home .rh-proof__go { color: #7fd0ea; }
.rocalde-home .rh-proof__thumb { border-color: rgba(214, 222, 227, 0.12); }
@media (hover: hover) and (pointer: fine) {
  .rocalde-home a.rh-proof__chip:hover { border-color: rgba(242, 106, 27, 0.45); box-shadow: 0 14px 30px rgba(0, 0, 0, 0.35); }
}

/* AUDIOVISUAL se conserva marfil: es el momento de luz de la Home (fotografía, set). */

/* ---------- LOGO MÓVIL (2026-09-23): el lockup apilado a 48 px dejaba el símbolo en ~36 px y la
   palabra ROCALDE en ~7 px (lectura de favicon). Se sube el lockup completo, sin inventar otro
   formato ni agrandar el header (74 px). Escritorio intacto. ---------- */
@media (max-width: 1023.98px) {
  .rocalde-home .rh-nav__logoimg { height: 58px; }
}