/*
 * Reglas de blog que en el sitio original vivían en el style.css del tema
 * (10.000 líneas, v3 no lo carga entero) y que v3-blog.css da por puestas:
 * el tamaño y el color del texto de una entrada, los márgenes de sus títulos,
 * las viñetas de sus listas...
 *
 * Se carga ANTES de v3-comun.css y v3-blog.css, que es el orden del original
 * (style.css → v3-comun.css → v3-blog.css): varias de estas reglas las pisa
 * v3-blog.css a igual especificidad y tiene que seguir ganando él.
 */

/* style.css:101-103 y :368-372 — base de listas de todo el tema: sin viñetas
   ni números salvo donde una regla los pide (aquí, `.entry-single ul`). Sin
   esto el índice "Tabla de contenidos" salía numerado por fuera de su caja. */
ol, ul {
    list-style: none;
}

/* style.css:327-332 — base de las citas. El margen no se trae: en el original
   lo pisa bootstrap (`blockquote{margin:0 0 1rem}`), que allí carga después. */
blockquote {
    padding: 10px 20px;
    font-style: italic;
    border-left: 2px solid #2b2b2b;
}

/* style.css:339-344 — base de <pre>. El color no se trae: lo pisa bootstrap. */
pre {
    font-weight: 300;
    border-radius: 3px;
    background: #fff;
}

/* style.css:9595-9606 (postcss/components/blog.css) */
.blog__content,
.blog__entry {
    font-size: 18px;
    line-height: 1.5em;

    margin-top: 50px;
    margin-bottom: 50px;
    padding-bottom: 20px;

    color: #353535;
    border-bottom: 1px dashed #9acac4;
}

/* style.css:9622-9651. En el original `.blog__nav` lleva `margin: auto`, pero
   va siempre junto a `.row` y los márgenes laterales los pone bootstrap, que
   allí carga después: de la regla solo quedan los verticales. */
.blog__nav {
    margin-top: auto;
    margin-bottom: auto;

    text-align: center;
}
.blog__nav .prev,
.blog__nav .next {
    display: inline-block;
}
.blog__nav .prev a,
.blog__nav .next a {
    display: inline-block;

    min-width: 200px;
    margin-right: 30px;
    margin-left: 30px;
    padding: 13px;

    color: #fff;
    border: 1px solid #62cebf;
    background-color: #62cebf;
}
.blog__nav--mod{
    float: left;
    width: 100%;
    margin-top: 50px;
}

/* style.css:9653-9671 */
.blog__categories {
    text-align: center;
    border-bottom: 1px dashed #9acac4;
}

.blog__categories ul {
    margin-top: 25px;
    margin-bottom: 45px;
}

.blog__categories .cat-item{
    display: inline-block;
    margin: 5px 20px;
}

.blog__categories .cat-item a{ padding-bottom: 4px; }

.blog__categories .cat-item a:hover,
.blog__categories .current-cat a { border-bottom: 2px solid #50687b; }

/* La columna del índice "Tabla de contenidos" es un `.col-md-4`. En el original
   bootstrap carga DESPUÉS de v3-blog.css, así que de 768px en adelante su
   `max-width: 33.333333%` gana al `max-width: 300px` de v3-blog.css (en una
   pantalla ancha el índice mide 380px, no 300, y el texto llega hasta el borde
   derecho). Aquí bootstrap carga antes: se le devuelve la última palabra. */
@media (min-width: 768px) {
    .col-md-4.container-tablaContenidos {
        max-width: 33.333333%;
    }
}
/* Lo mismo en móvil con el `flex-basis: 100%` de v3-blog.css: en el original
   lo pisa el `.col{flex-basis:0}` de bootstrap. */
@media (max-width: 766px) {
    .col.container-tablaContenidos {
        flex-basis: 0;
    }
}

/* "Estilos globales" que WordPress pone en línea en cada página
   (`global-styles-inline-css`). Al pintar un bloque de columnas le añade la
   clase `is-layout-flex`, y de ahí sale el hueco entre columnas
   (`:where(.wp-block-columns.is-layout-flex){gap: 2em}`). Las entradas
   migradas guardan el bloque sin esa clase, así que la regla va por la del
   bloque; con `:where()`, para que pese lo mismo que la original (nada). */
:where(.entry-single .wp-block-columns) {
    gap: 2em;
}

/* style.css:9776-9813 — el contenido de la entrada */
.entry-single h1{
  font-size: 2em;
  margin: 18px auto;
}
.entry-single h2{
  font-size: 1.7em;
  margin: 18px auto;
}
.entry-single h3{
  font-size: 1.5em;
  margin: 18px auto;
}
.entry-single h4,
.entry-single h5,
.entry-single h6{
  margin: 18px auto;
}
.entry-single .wp-video,
.entry-single img{
  margin: 2em auto;
}
.entry-single a{
  color: #2c4fd3;
}
.entry-single p{
  margin-bottom: 24px;
}
.entry-single ul{
  margin-left: 40px;
  list-style-type: disc;
}