/* BLP BLOG - single post template, version 1.0.0 */
.blp-blog-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(250px, 300px);
  gap: clamp(28px, 4vw, 64px);
  align-items: start;
  padding-top: clamp(28px, 4vw, 54px);
  padding-bottom: 70px;
  color: #400d50;
}
.blp-blog-layout *, .blp-blog-layout *::before, .blp-blog-layout *::after { box-sizing: border-box; }
.blp-blog-main { min-width: 0; }
.blp-blog-article { min-width: 0; }
.blp-recipe-categories { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 15px; }
.blp-recipe-category { display: inline-block; padding: 7px 11px; border: 1px solid #ff4544; color: #400d50; font: 700 12px/1.25 'Anonymous Pro', monospace; text-decoration: none; text-transform: uppercase; letter-spacing: .03em; }
.blp-recipe-category:hover, .blp-recipe-category:focus-visible { background: #f5d5ff; color: #400d50; }
.blp-article-title { margin: 0 0 15px; color: #400d50; font-family: 'Sunborn', Georgia, serif; font-size: clamp(31px, 4vw, 50px); line-height: 1.15; overflow-wrap: anywhere; }
.blp-article-meta { display: flex; flex-wrap: wrap; gap: 9px; align-items: center; font: 13px/1.5 'Anonymous Pro', monospace; margin-bottom: 18px; }
.blp-article-meta a { color: inherit; text-decoration: underline; }
.blp-jump-link { display: inline-flex; gap: 10px; align-items: center; margin-bottom: 24px; padding: 11px 18px; color: #fff8e8; background: #400d50; font: 700 14px/1.3 'Anonymous Pro', monospace; text-decoration: none; }
.blp-jump-link:hover, .blp-jump-link:focus-visible { background: #ff4544; color: #fff8e8; }
.blp-featured-photo { margin: 0 0 30px; }
.blp-featured-photo img { display: block; max-width: 100%; height: auto; width: 100%; object-fit: cover; border-radius: 3px; }
.blp-article-body { color: #400d50; font-family: 'Anonymous Pro', monospace; font-size: 17px; line-height: 1.85; overflow-wrap: break-word; }
.blp-article-body p { margin-bottom: 1.25em; }
.blp-article-body h2, .blp-article-body h3 { color: #400d50; line-height: 1.3; margin: 1.4em 0 .6em; }
.blp-article-body h2 { font-family: 'Sunborn', Georgia, serif; font-size: clamp(24px, 2.5vw, 32px); }
.blp-article-body h3 { font-size: 21px; }
.blp-article-body img { max-width: 100%; height: auto; }
.blp-article-body a { color: #b22746; text-decoration: underline; }
.blp-article-body ul, .blp-article-body ol { padding-left: 24px; }
.blp-blog-sidebar { display: grid; gap: 24px; min-width: 0; }
.blp-blog-sidebar section { padding: 25px 22px; }
.blp-blog-sidebar h2 { margin: 0 0 14px; font-family: 'Sunborn', Georgia, serif; font-size: 25px; line-height: 1.25; color: #400d50; }
.blp-blog-sidebar p { font: 15px/1.7 'Anonymous Pro', monospace; margin: 0 0 14px; color: #400d50; }
.blp-sidebar-about { background: #f5d5ff; text-align: center; }
.blp-sidebar-portrait { width: min(190px, 85%); aspect-ratio: 1; object-fit: cover; border-radius: 50%; margin: 0 auto 18px; display: block; background: #fff8e8; }
.blp-sidebar-newsletter { background: #400d50; }
.blp-sidebar-newsletter h2, .blp-sidebar-newsletter p { color: #fff8e8; }
.blp-sidebar-newsletter .blp-newsletter-pending { border: 1px solid #f5d5ff; padding: 12px; margin: 10px 0 0; font-size: 13px; }
.blp-sidebar-newsletter input:not([type=hidden]) { max-width: 100%; width: 100%; min-height: 43px; margin-bottom: 10px; background: #fff8e8; color: #400d50; border: 1px solid #f5d5ff; padding: 9px 10px; }
.blp-sidebar-newsletter button, .blp-sidebar-newsletter input[type=submit] { background: #ff4544; color: white; border: none; padding: 12px 16px; cursor: pointer; }
.blp-sidebar-product { background: #fff8e8; border: 1px solid #eeddec; text-align: center; }
.blp-sidebar-product .blp-sidebar-eyebrow { font-weight: 700; font-size: 12px; letter-spacing: .08em; color: #ff4544; }
.blp-sidebar-product img { display: block; width: 100%; max-height: 230px; object-fit: contain; height: auto; margin-bottom: 14px; }
.blp-blog-sidebar .blp-sidebar-product h2 { font-size: 22px; }
.blp-product-button { display: block; padding: 13px 14px; margin-top: 18px; background: #ff4544; color: #fff8e8; font: 700 14px/1.3 'Anonymous Pro', monospace; text-align: center; text-decoration: none; }
.blp-product-button:hover, .blp-product-button:focus-visible { background: #400d50; color: #fff8e8; }
.blp-blog-comments { margin-top: 55px; border-top: 1px solid #e7cde7; padding-top: 25px; }
@media (max-width: 850px) {
  .blp-blog-layout { grid-template-columns: minmax(0, 1fr); }
  .blp-blog-sidebar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .blp-sidebar-about { grid-column: 1 / -1; }
}
@media (max-width: 580px) {
  .blp-blog-layout { padding-top: 22px; gap: 35px; }
  .blp-blog-sidebar { grid-template-columns: minmax(0, 1fr); }
  .blp-sidebar-about { grid-column: auto; }
  .blp-article-body { font-size: 16px; }
}

/* ======================================
   BLP — NEWSLETTER SYSTEME.IO
   ====================================== */

.blp-sidebar-newsletter {
    background: #400d50;
    color: #fff8e8;
    border-radius: 14px;
    padding: 28px 22px;
    box-sizing: border-box;
}

.blp-sidebar-newsletter .blp-newsletter-eyebrow {
    color: #f5d5ff;
    font-family: "Anonymous Pro", monospace;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin: 0 0 12px;
}

.blp-sidebar-newsletter h2 {
    color: #fff8e8;
    font-size: 25px;
    line-height: 1.25;
    margin: 0 0 14px;
}

.blp-sidebar-newsletter > p:not(.blp-newsletter-eyebrow) {
    color: #fff8e8;
    font-size: 14px;
    line-height: 1.7;
    margin: 0 0 18px;
}

.blp-systeme-form {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.blp-systeme-form iframe {
    display: block;
    width: 100%;
    max-width: 100%;
    border: 0;
}

@media (max-width: 767px) {
    .blp-sidebar-newsletter {
        padding: 24px 18px;
    }

    .blp-sidebar-newsletter h2 {
        font-size: 23px;
    }
}

/* =========================================
   BLP — TIPOGRAFÍAS OFICIALES
   ========================================= */

/* Títulos de las entradas */
.blp-blog-layout h1,
.blp-blog-layout h2,
.blp-blog-layout h3,
.blp-blog-layout h4,
.blp-blog-layout h5,
.blp-blog-layout h6 {
    font-family: "Sunborn", Georgia, serif;
    color: #400d50;
    font-weight: 700;
    letter-spacing: -0.01em;
}

/* Títulos sobre fondos morados */
.blp-blog-layout .blp-sidebar-newsletter h2,
.blp-blog-layout .blp-sidebar-newsletter h3 {
    color: #fff8e8;
}

/* Texto general */
.blp-blog-layout .blp-article-body,
.blp-blog-layout .blp-blog-sidebar p {
    font-family: "Anonymous Pro", monospace;
}

/* Frases especiales con Bryndan Write */
.blp-blog-layout .blp-bryndan {
    font-family: "Bryndan Write", cursive;
    font-size: clamp(25px, 3vw, 36px);
    line-height: 1.3;
    font-weight: normal;
    color: #ff4544;
    letter-spacing: 0;
}

/* Frases especiales sobre fondo morado */
.blp-blog-layout .blp-sidebar-newsletter
.blp-bryndan {
    color: #f5d5ff;
}
