/* Únete a nosotros (Recursos Humanos). La cabecera y el pie usan catalogos.css; aquí solo el contenido (prefijo rh-). */
:root { --rh-rojo: #e30613; --rh-tinta: #2b2b2b; --rh-texto: #4a4a4a; --rh-ancho: 1140px; }
.rh { color: var(--rh-texto); font-size: 1rem; line-height: 1.6; }
.rh *, .rh *::before, .rh *::after { box-sizing: border-box; }
.rh img { max-width: 100%; height: auto; display: block; }
.rh p { margin: 0 0 1em; }
.rh-limite { max-width: var(--rh-ancho); margin-left: auto; margin-right: auto; padding-left: 1.25rem; padding-right: 1.25rem; }
.rh-oculto { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.rh h1, .rh h2 { color: var(--rh-tinta); line-height: 1.25; margin: 0 0 .75rem; letter-spacing: 0; }
.rh-etiqueta { font-size: 1.375rem; font-weight: 600; }
.rh-portada img { width: 100%; }
.rh-dos { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: start; padding-top: 2.75rem; padding-bottom: 3rem; }
.rh-boton {
  display: inline-flex; align-items: center; gap: .5rem; padding: .6rem 1.2rem; border: 1px solid var(--rh-rojo);
  border-radius: 3px; background: var(--rh-rojo); color: #fff !important; font-size: .95rem; font-weight: 600; text-decoration: none;
}
.rh-boton::before { content: ""; border-left: .5em solid currentColor; border-top: .32em solid transparent; border-bottom: .32em solid transparent; }
.rh-boton:hover, .rh-boton:focus-visible { background: #b9050f; border-color: #b9050f; }
@media (max-width: 860px) {
  .rh-dos { grid-template-columns: 1fr; gap: 1.5rem; padding-top: 2rem; }
  .rh-portada h1 {
    position: static !important; width: auto; height: auto; clip: auto; white-space: normal; overflow: visible;
    margin: 0; padding: .9rem 1.25rem; background: var(--rh-rojo); color: #fff; font-size: 1.5rem; text-align: center;
  }
}

/* Neutraliza estilos genéricos de la hoja de la cabecera y el pie sobre el contenido. */
main.rh { display: block; max-width: none; margin: 0; padding: 0; }