*, .grid-graficas, .item-palabra { box-sizing: border-box; }
.botonerito, .textoa, .textoa2, a, h3 a { text-decoration: none; }
body { margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 150%; background-color: #f0f7ff; }
.contenedorlie { width: 100%; max-width: 716.5px; margin: auto; }
.pagewrap { margin: 0 0 11px 0; padding: 11px; background-color: #fff; border: 0 solid; border-width: 0 1px 1px 1px; }
.row { width: 100%; }
.row:after { content: ""; display: table; clear: both; }
.grid-palabras, .grid-palabras0, .grid-palabras1 { width: 100%; padding: 7px; gap: 10px; box-sizing: border-box; }
.grid-palabras0 { display: flex; justify-content: center; align-items: center; }
.grid-palabras { display: grid; grid-template-columns: repeat(2, 1fr); }
.grid-palabras1 { display: grid; grid-template-columns: repeat(4, 1fr); }
.grid-graficas { display: flex; }
.item-palabra { border: 1px solid #ccc; padding: 7px; text-align: center; }
.btnlie, .btnlieabc { margin-bottom: 4px; background-color: #fff; border: 1px solid; }
.maylie, h1, h2, h3, h4, h5, h6 { font: message-box; font-weight: 600; text-transform: uppercase; }
.h3resumen { font: inherit; font-weight: inherit; text-transform: inherit; }
.eautor, .textoa, .textoa2, a, h3 a { text-transform: uppercase; }
.textoa, a, h3 a { font-size: .77em; }
.textoa2 { font-size: .6em; }
h2 a { font-size: inherit; }
a:visited { color: green; }
.eautor { font-size: 13px; font-weight: 500; }
.palabrasrojas { color: red; }
.letracapital { text-transform: capitalize; }
.btnlie { display: inline-block; padding: 0 5px; cursor: pointer; }
.botonerito, .btnlieabc { padding: 0 7px; display: inline-block; }
.btnlieabc { width: 35px; }
.botonerito { background-color: #007bff; color: #fff; border-radius: 5px; }
.campores { display: inline-block; width: 24%; margin: .0625rem; padding: 4.5px; border: .0625em solid; text-align: left; }
.inputboton, .inputcampo { font-size: .77em; border: 1px solid #ddd; }
.camporespalabras { display: inline-block; width: auto; text-align: left; }
.centro, div.gallery-item { text-align: center; }
.inputcampo { width: 73%; padding: 12px 7px; margin-right: 3px; }
.inputboton { width: 23.5%; padding: 12px 0; cursor: pointer; }
div.gallery-container, div.gallery-item { width: 100%; padding: 10px; }
div.gallery-item img { width: 100%; max-width: 180px; height: 266px; object-fit: cover; border-radius: 4px; }
div.gallery-item div.desc { padding: 10px 0; font-size: .9em; }
.img-mini { float: left; width: 100%; max-width: 177px; aspect-ratio: 177/126; margin-right: .6875rem; }
.grafica { width: 100%; max-width: 611px; aspect-ratio: 611/434; }
.cssxxx { position: sticky; top: 0; padding: .3px 0 11px 0; background: #f0f7ff; border-bottom: 1px solid; }
.img-arriba { position: fixed; bottom: 10px; right: 10px; width: 25px; height: 25px; z-index: 2; }
#barra-carga { position: fixed; top: 0; left: 0; width: 100%; height: 5px; background-color: #3498db; z-index: 9999; transition: opacity .5s; }
.borde-delgado { border: 1px solid #000 !important; }
.maylie2 { margin: 7px; }
.maylie3 { margin: 7px 0 0 0; }
@media only screen and (max-width:768px) {
  .table-responsive, .table-responsive tbody, .table-responsive tr { display: block !important; width: 100% !important; }
  .table-responsive tr { display: flex !important; flex-wrap: wrap !important; }
  .table-responsive td { display: block !important; flex: 1 0 50% !important; max-width: 50% !important; padding: 5px !important; box-sizing: border-box; }
  .borde-delgado, .gallery-item img { max-width: 100% !important; }
  .gallery-item img { height: 266px !important; display: block; }
  .campores { width: 48%; }
}
@media (max-width:628px) {
  .grid-palabras { grid-template-columns: 1fr; }
  .grid-palabras1 { grid-template-columns: repeat(2, 1fr); }
  .divcentro { text-align: center; width: 100%; }
}
@media (max-width:350px) {
  .grid-palabras, .grid-palabras1 { grid-template-columns: repeat(1, 1fr); }
  .divcentro { text-align: center; width: 100%; }
}
@media (orientation:portrait) {
  .campores { width: 48%; }
  .img-mini { float: none; max-width: 611px; margin-right: 0; text-align: center; }
  .img-arriba { display: none; }
  .scrollxp { scroll-margin-top: 133px; }
  .btnliebq { display: inline-block; border: 1px solid; background-color: #fff; padding: 0 2px; cursor: pointer; font-size: .66em; }
}