/* ---------- Tarjeta-recurso en variante HOJA (documento) ----------
   Reemplaza el cuadro oscuro por una pieza con apariencia de papel: arriba un
   mini-documento con la instruccion oculta que ilustra el riesgo, abajo el
   texto que explica la herramienta. Reutiliza la posicion de .tarjeta-recurso
   (columna derecha del hero, sobre los documentos) y solo cambia su aspecto. */
.tarjeta-recurso-hoja {
  padding: 0;
  background: #fdfdfb;
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 8px;
  overflow: hidden;
  transform: rotate(-2deg);
  filter: drop-shadow(0 20px 40px rgba(0,0,0,.4)) drop-shadow(0 4px 12px rgba(0,0,0,.28));
}
.tarjeta-recurso-hoja:hover,
.tarjeta-recurso-hoja:focus-visible {
  background: #ffffff;
  border-color: rgba(0,0,0,.14);
  transform: rotate(0deg) translateY(-3px);
}
.trh-doc {
  display: block;
  padding: 1rem 1.15rem .6rem;
  border-bottom: 1px solid #eee;
  position: relative;
}
.trh-doc-sello {
  display: inline-block; font-size: .58rem; font-weight: 700; letter-spacing: .1em;
  text-transform: uppercase; color: #8a8f98;
  border: 1px solid #ddd; border-radius: 3px; padding: .12rem .4rem; margin-bottom: .55rem;
}
.trh-linea { display: block; height: .42rem; background: #ececec; border-radius: 2px; margin: .32rem 0; }
.trh-linea-media { width: 75%; }
.trh-linea-corta { width: 52%; }
.trh-oculta {
  display: block; margin: .6rem 0 .15rem; padding: .5rem .55rem; border-radius: 3px;
  background: rgba(255,90,77,.1); border: 1px dashed rgba(255,90,77,.7);
  color: #c0392b; font-size: .68rem; line-height: 1.45; font-style: italic; position: relative;
}
.trh-oculta-tag {
  position: absolute; top: -.55rem; left: .5rem; background: #ff5a4d; color: #fff;
  font-size: .55rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
  padding: .1rem .35rem; border-radius: 2px; font-style: normal;
}
.trh-cuerpo { display: block; padding: 1.1rem 1.2rem 1.25rem; }
.tarjeta-recurso-hoja .tarjeta-recurso-etiqueta { color: var(--gold); }
.tarjeta-recurso-hoja .tarjeta-recurso-titulo {
  font-family: var(--display); font-size: 1.1rem; line-height: 1.25; color: #12161c; margin-bottom: .4rem;
}
.tarjeta-recurso-hoja .tarjeta-recurso-texto { color: #555; }
.tarjeta-recurso-hoja .tarjeta-recurso-accion { color: var(--gold); }
@media (prefers-reduced-motion: reduce) {
  .tarjeta-recurso-hoja, .tarjeta-recurso-hoja:hover { transform: rotate(-2deg); }
}

/* Titulo resaltado en el centro del mini-documento (reemplaza el sello gris).
   Resalta sin exagerar: cinta naranja suave de la marca. */
.trh-titulo-centro {
  display: block; text-align: center;
  font-family: var(--display); font-weight: 700;
  font-size: .92rem; letter-spacing: .02em; color: #c1682a;
  background: rgba(228,118,33,.1); border: 1px solid rgba(228,118,33,.35);
  border-radius: 5px; padding: .4rem .5rem; margin-bottom: .7rem;
}