/* ========================= */
/* MARCO EXTERNO */
/* ========================= */
.marco-scroll {
  border: 1px solid #999;
  border-radius: 12px;

  background: linear-gradient(#fdfaf3, #f4eee3);

  padding: 12px;

  box-shadow:
    0 2px 6px rgba(0,0,0,0.25);
}

/* ========================= */
/* CAJA INTERNA */
/* ========================= */
.caja-scroll {
  max-height: 500px;
  overflow-y: auto;

  padding: 20px;

  background: #fdfaf3;
  border-radius: 8px;

  color: #222;

  font-family: Georgia, "Times New Roman", serif;
  font-size: 15px;
  line-height: 1.75em;

  text-align: justify;
}

/* ========================= */
/* PÁRRAFOS */
/* ========================= */
.caja-scroll p {
  margin: 0 0 18px 0;
}

/* ========================= */
/* TÍTULOS */
/* ========================= */
.caja-scroll h2 {
  font-size: 19px;
  font-weight: normal;

  margin: 26px 0 12px 0;

  letter-spacing: 0.6px;
  line-height: 1.3em;

  color: #111;
}

/* ========================= */
/* LÍNEAS SEPARADORAS */
/* ========================= */
.caja-scroll hr {
  border: none;
  height: 1px;

  background: linear-gradient(
    to right,
    transparent,
    #bbb,
    transparent
  );

  margin: 22px 0;
}

/* ========================= */
/* ÉNFASIS */
/* ========================= */
.caja-scroll em {
  font-style: italic;
  color: #444;
}

.caja-scroll strong {
  font-weight: bold;
  color: #000;
}

/* ========================= */
/* SUBRAYADO ELEGANTE */
/* ========================= */
.caja-scroll u {
  text-decoration: none;
  border-bottom: 1px solid #bbb;
}

/* ========================= */
/* CITAS */
/* ========================= */
.caja-scroll blockquote {
  margin: 16px 0;
  padding-left: 14px;

  border-left: 3px solid #bbb;

  color: #555;
  font-style: italic;
}

/* ========================= */
/* FECHAS */
/* ========================= */
.caja-scroll .doc-date {
  display: block;
  margin-top: 10px;

  font-size: 12px;
  color: #777;

  text-align: right;
}

/* ========================= */
/* SCROLL MINIMAL */
/* ========================= */
.caja-scroll::-webkit-scrollbar {
  width: 6px;
}

.caja-scroll::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.25);
  border-radius: 6px;
}

.caja-scroll::-webkit-scrollbar-track {
  background: transparent;
}

/* Firefox */
.caja-scroll {
  scrollbar-width: thin;
  scrollbar-color: rgba(0,0,0,0.25) transparent;
}