/* Blog propio de Apricots (blog/index.php). Todo va dentro de .apblog para no tocar la web. */
.apblog { padding-top: 30px; padding-bottom: 40px; }
.apblog-main { margin-bottom: 30px; }
.apblog h1, .apblog h2, .apblog h3 { text-transform: none; letter-spacing: 0; }
/* template.css pone a{line-height:50px;padding:10px 0}: dentro del blog, el del texto */
.apblog a { line-height: inherit; padding: 0; }
.apblog-lateral a, .apblog-tarjeta h2 a, .apblog-paginacion a, .apblog-mini { text-decoration: none; }

/* Listado */
.apblog-titulo-listado { font-size: 30px; line-height: 1.2; margin: 0 0 25px; color: #222; }
.apblog-listado { display: flex; flex-wrap: wrap; margin: 0 -15px; }
.apblog-tarjeta { width: 50%; padding: 0 15px; margin-bottom: 40px; }
.apblog-tarjeta-grande { width: 100%; }
.apblog-tarjeta-img { display: block; overflow: hidden; background: #111; aspect-ratio: 16 / 10; margin-bottom: 15px; }
.apblog-tarjeta-grande .apblog-tarjeta-img { aspect-ratio: 16 / 9; }
.apblog-tarjeta-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s; }
.apblog-tarjeta-img:hover img { transform: scale(1.04); }
.apblog-tarjeta h2 { font-size: 17px; line-height: 1.35; margin: 0 0 6px; font-weight: 700; }
.apblog-tarjeta-grande h2 { font-size: 22px; }
.apblog-tarjeta h2 a { color: #222; text-decoration: none; }
.apblog-tarjeta h2 a:hover { color: #ffb504; }
.apblog-tarjeta p { line-height: 1.6; margin: 0 0 10px; }
.apblog-leer { display: inline-block; color: #ffb504; font-weight: 700; text-transform: uppercase; font-size: 13px; letter-spacing: .05em; line-height: 1.4; padding: 0; }
.apblog-leer:before { content: ""; display: inline-block; width: 25px; height: 1px; background: #333; vertical-align: middle; margin-right: 8px; }
.apblog-meta { color: #888; font-size: 13px; line-height: 1.4; margin: 0 0 10px; }
.apblog-meta a { color: #888; line-height: 1.4; padding: 0; }

.apblog-paginacion { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #eee; padding-top: 20px; }
.apblog-paginacion a { color: #222; font-weight: 700; line-height: 1.4; padding: 0; }
.apblog-paginacion a:hover { color: #ffb504; }
.apblog-paginacion span { color: #888; font-size: 13px; }
.apblog-pag-sig { margin-left: auto; }

/* Entrada */
.apblog-titulo { font-size: 32px; line-height: 1.2; color: #ffb504; margin: 0 0 10px; font-weight: 800; }
.apblog-destacada { width: 100%; height: auto; display: block; margin: 0 0 25px; }
.apblog-contenido { font-size: 16px; line-height: 1.75; color: #333; }
.apblog-contenido p { margin: 0 0 1.2em; line-height: 1.75; }
.apblog-contenido h2 { font-size: 26px; line-height: 1.25; color: #ffb504; font-weight: 800; margin: 1.6em 0 .6em; }
.apblog-contenido h3 { font-size: 21px; line-height: 1.3; color: #222; font-weight: 700; margin: 1.4em 0 .5em; }
.apblog-contenido h4 { font-size: 18px; line-height: 1.3; margin: 1.2em 0 .5em; }
.apblog-contenido img { max-width: 100%; height: auto; }
.apblog-contenido figure { margin: 1.5em 0; max-width: 100%; }
.apblog-contenido figcaption, .apblog-contenido .wp-caption-text { font-size: 13px; color: #888; text-align: center; margin-top: 6px; }
.apblog-contenido .wp-caption { max-width: 100%; }
.apblog-contenido .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.apblog-contenido .alignleft { float: left; margin: 0 20px 15px 0; }
.apblog-contenido .alignright { float: right; margin: 0 0 15px 20px; }
.apblog-contenido ul, .apblog-contenido ol { margin: 0 0 1.2em 1.4em; padding: 0; }
.apblog-contenido ul { list-style: disc; }
.apblog-contenido ol { list-style: decimal; }
.apblog-contenido li { margin-bottom: .4em; line-height: 1.6; }
.apblog-contenido a { color: #e09c00; text-decoration: underline; line-height: inherit; padding: 0; }
.apblog-contenido blockquote { border-left: 4px solid #ffb504; margin: 1.5em 0; padding: .5em 0 .5em 20px; font-style: italic; }
.apblog-contenido iframe { max-width: 100%; }
.apblog-contenido table { width: 100%; border-collapse: collapse; margin: 1.5em 0; }
.apblog-contenido td, .apblog-contenido th { border: 1px solid #ddd; padding: 8px; }
.apblog-contenido:after { content: ""; display: table; clear: both; }

.apblog-compartir { background: #faf4ea; text-align: center; padding: 25px 15px; margin: 30px 0; }
.apblog-compartir p { margin: 0 0 12px; }
.apblog-compartir a { display: inline-block; width: 38px; height: 38px; line-height: 38px; border-radius: 50%; color: #fff; margin: 0 4px; font-size: 18px; padding: 0; text-decoration: none; }
.apblog-compartir .fa-facebook { background: #3b5998; }
.apblog-compartir .fa-twitter { background: #1da1f2; }
.apblog-compartir .fa-whatsapp { background: #25d366; }
.apblog-compartir .fa-telegram { background: #2aa3de; }
.apblog-compartir .fa-envelope { background: #666; }

.apblog-relacionadas h2 { font-size: 22px; margin: 0 0 15px; }
.apblog-rejilla { display: flex; margin: 0 -8px; }
.apblog-mini { width: 33.33%; padding: 0 8px; color: #222; line-height: 1.4; font-weight: 700; font-size: 14px; text-decoration: none; }
.apblog-mini img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; display: block; margin-bottom: 8px; }
.apblog-mini:hover { color: #ffb504; }

/* Barra lateral */
.apblog-lateral h3 { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; margin: 0 0 18px; }
.apblog-lateral h3:after { content: ""; display: inline-block; width: 30px; height: 1px; background: #e44; vertical-align: middle; margin-left: 8px; }
.apblog-lateral ul { list-style: none; margin: 0 0 35px; padding: 0; }
.apblog-recientes li { margin-bottom: 15px; }
.apblog-recientes a { display: flex; align-items: center; color: #222; font-weight: 700; font-size: 13px; line-height: 1.45; padding: 0; text-decoration: none; }
.apblog-recientes img { width: 70px; height: 70px; object-fit: cover; flex: 0 0 70px; margin-right: 14px; }
.apblog-recientes a:hover { color: #ffb504; }
.apblog-categorias li { border-bottom: 1px solid #eee; padding: 7px 0; font-size: 14px; line-height: 1.4; }
.apblog-categorias a { color: #222; line-height: 1.4; padding: 0; }
.apblog-categorias a:hover { color: #ffb504; }
.apblog-categorias span { color: #999; }

@media (max-width: 767px) {
    .apblog { padding-top: 55px; }  /* las migas llevan margin-top:-50px (template.css) y el H1 quedaba bajo el logo */
    .apblog-tarjeta { width: 100%; }
    .apblog-titulo { font-size: 26px; }
    .apblog-contenido h2 { font-size: 22px; }
    .apblog-rejilla { flex-wrap: wrap; }
    .apblog-mini { width: 100%; margin-bottom: 15px; }
    .apblog-contenido .alignleft, .apblog-contenido .alignright { float: none; margin: 0 auto 15px; display: block; }
}