@font-face {
  font-family: HaranoAji;
  src: url(../fonts/HaranoAjiMincho-Medium.otf);
}

@font-face {
  font-family: HaranoAji;
  src: url(../fonts/HaranoAjiGothic-Medium.otf);
  font-weight: bold;
}

body {
/*   background-color: #f4e1d2; */
/* Igual que el pdf */
  font-family: HaranoAji;
  background-color:  #FFF8E7;
}

* {
  overflow-wrap: break-word;
  word-break: break-word;
}
div.timelabel {
  text-align: center;
  font-size: 0.8em;
  line-height: 0.8em;
  opacity: 0.8;
}

div.nota-liturgica {
  background-color: #fffacd;
  border-left: 4px solid #CC0000;
  padding: 1em;
  margin: 1em 0;
  font-size: 0.95em;
  line-height: 1.5em;
}

div.nota-liturgica strong {
  color: #CC0000;
}

span.negrita{
      font-face: bold;
}

/* unvisited link */
a:link {
    color: #CC0000;
      text-decoration: none;
}

/* visited link */
a:visited {
    color: #CC0000;
      text-decoration: none;

}

/* mouse over link */
a:hover {
    color: #CC0000;
}

/* selected link */
a:active {
    color: #CC0000;
}

p.antLHj::first-letter {
  font-face: bold;
  color: #CC0000;
}

p.respcita,
p.lecbcita{
    color: #CC0000;
}


p.versocita {
 margin-left: 2em;
  font-face: bold;
  color: #CC0000;
    font-size: smaller;
    margin-bottom: 1.5em;
}

h4{
/*  margin-left: 2em; */
  font-face: bold;
  color: #CC0000;
}

/* Título del responsorio después de la lectura breve */
p.resptit{
      margin-bottom: 2em;
}

p.respo {
  /* margin-bottom: -1em; */
  line-height: 1.2em;
  text-indent: 0.5em;
    padding-left: 3em ;
  text-indent: -2em ;
/*   padding: 0 5px 0 5px; */
}
p.respo:last-child {
  margin-bottom: 0;

}

p.koushou{
    padding-left: 4em ;
  text-indent: -3em ;
}

.kou{
  font-face: bold;
  color: #CC0000;
}

p.respo::first-letter {
  font-face: bold;
  color: #CC0000;
}


p.yoconfieso1::first-letter ,
p.yoconfieso2::first-letter ,
p.yoconfieso3::first-letter ,
p.yoconfieso4::first-letter ,
p.musubiLV::first-letter ,
p.psmusubiamen::first-letter,
p.musubinomae::first-letter {
  font-face: bold;
  color: #CC0000;
}

p.lecbtext{
  text-indent: 1em;
}

.kkotoba{
  font-weight: bold;
  color: #CC0000;
}

.kkcita{
  font-face: bold;
  color: #CC0000;
  font-size: smaller;
}
.toggle_buttons button {
  color: white;
  border: none;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 8px;
  background-color: #cd7a7a;
  box-shadow: 1px 1px 4px -1px rgba(0, 0, 0, .7);
}
.toggle_buttons button.active {
  background-color: #CC0000;
  box-shadow: 1px 1px 4px -1px rgba(0, 0, 0, .7) inset;
}

p.balltt {
  white-space: pre-wrap;
  margin-top:0;
}

p.rubrica {
  margin-left: 3em;
  color: #CC0000;
  font-size: smaller;
    margin-bottom: 1em;
}

/* Línea agregada el 2022-0712 */
.rubrispan,
.rubricainline {
  color: #CC0000;
 font-size: smaller;
}

hr.lineacortaizq{
   color: #CC0000;
    text-align: left;
   width:15em;
/*     margin:0 auto; */
}

.sal_title{
       color: #CC0000;
}

p.titmisarodoL,
p.olebititulo{
       color: #CC0000;
}


p.titmisalecdon,
p.lecdonpatr,
p.lecdon{
           color: #CC0000;
}

p.misalecproc,
p.olpatriproc,
p.lecproc{
          font-face: bold;
}




p.sal_intro{
    color: #CC0000;
    margin-left: 4em;
}

p.lec_bib:before{
  content: "　";
}

p.lec_patr{
  content: "　";
}

.small{
        font-size: smaller;
}

.gloria{
        font-size: 90%;
          font-face: bold;
             color: #CC0000;
}

p.caevtesta{
        color: #CC0000;
}

.kyaku{
            color: #CC0000;
            font-size: .6em;
            
    }

/* Agregado el 2024/29 para reducir el espacio entre renglones     */
div.kkigan > p.respo,
div.responsorio > p.respo,
div.responsorio > p.resptit,
div.saludo > p.respo {
            margin: 0.5ic 0;
}
    
/* blockquote{
          margin-top: -1em;
          margin-bottom: -1em;
    }*/
.lit_color {
  font-size: .8em;
  margin-top: 1em;
}
.lit_color .c_purple {
  background-color: #875b87;
  color: white;
  font-weight: bold;
}
.lit_color .c_green {
  background-color: #4b9e4b;
  color: white;
  font-weight: bold;
}
/* // red */
.lit_color .c_red {
  background-color: #df3c3c;
  color: white;
  font-weight: bold;
}

.lit_color .color {
  display: inline-block;
  padding: .1em .5em;
  border-radius: .2em;
}
.c_purple .info-lit {
  background: linear-gradient(90deg, transparent, #875b87, transparent);
  color: white;
}
.c_green .info-lit {
  background: linear-gradient(90deg, transparent, #4b9e4b, transparent);
  color: white;
}
.c_red .info-lit {
  background: linear-gradient(90deg, transparent, #df3c3c, transparent);
  color: white;
}
.info-lit {
  font-size: .8em;
  margin-top: 1em;
  text-align: center;
  padding: 0.3em 0;
  font-family: sans-serif;
  
}

.seibio {
  margin-top: 5em;
}
.seibio h3 {
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  color: #CC0000;
}
.seibio p {
  font-size: .8em;
  text-align: center;
  padding: 0 10%;
  overflow-wrap: break-word;
  word-break: keep-all;
}
.rmt {
  /* //italic */
  font-style: italic;
}
.ant-rmt-opc-wrap {
  margin-top: 0.3em;
}
.ant-rmt-opc-label {
  font-style: normal;
  font-size: 0.82em;
  margin: 0 0 0.2em 0;
  color: #CC0000;
}
.ant-rmt-opc {
  font-style: italic;
  font-size: 0.92em;
  margin-top: 0;
}
.jump-today {
  display: inline-block;
  margin: .2em 0;
  text-decoration: underline!important;
  color:rgba(69, 94, 116,1);
}
.jump-today:visited {
  text-decoration: underline;
  color:rgba(69, 94, 116,1);
}