/* Estilos compartidos de la página de receta (ES + EN) */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    html,body{overflow-x:hidden;max-width:100vw}
    body{font-family:'DM Sans',sans-serif;background:#fff;color:#0B0B0B;line-height:1.6}
    a{text-decoration:none;color:inherit}

    /* NAV */
    @media(max-width:640px){}

    /* BREADCRUMB */
    .bread{padding:0.3rem 1.5rem;font-size:0.72rem;color:#bbb;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bread a{color:#999}.bread a:hover{color:#00d084}.bread a:hover{color:#00d084}

    /* LAYOUT */
    .page-wrap{max-width:1200px;margin:0 auto;padding:2rem 1.5rem 5rem;display:grid;grid-template-columns:1fr 300px;gap:3.5rem;align-items:start}
    @media(max-width:960px){.page-wrap{grid-template-columns:1fr}}
    @media(max-width:640px){.page-wrap{padding:1.5rem 1.25rem 4rem}}

    /* ARTÍCULO */
    .article{min-width:0}
    .rtags{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1rem}
    .tag{display:inline-flex;align-items:center;padding:0.2rem 0.7rem;border-radius:9999px;font-size:0.7rem;font-weight:600;background:#f5f5f5;color:#666}
    .tag-cat{background:#fff3e8;color:#00d084;border:1px solid #ffe0c5;text-transform:capitalize}

    /* H1 usa titulo limpio, NO seo_title */
    h1{font-family:'DM Sans',sans-serif;font-size:clamp(1.85rem,4vw,2.85rem);font-weight:800;color:#0B0B0B;line-height:1.1;margin-bottom:0.75rem;letter-spacing:-0.03em}
    .rdesc{font-size:1.05rem;color:#4B4B4B;line-height:1.75;margin-bottom:1.25rem;max-width:660px;font-weight:400}
    .rmeta{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1.25rem}
    .meta{display:flex;align-items:center;gap:0.4rem;font-size:0.8rem;color:#666;background:#f5f5f5;padding:0.35rem 0.8rem;border-radius:9999px}
    .meta strong{color:#0B0B0B}

    /* BOTÓN SALTAR */
    .jump-btn{display:flex;width:fit-content;margin-left:auto;margin-right:auto;align-items:center;gap:0.5rem;background:#00d084;color:#fff;font-size:0.88rem;font-weight:700;padding:0.7rem 1.4rem;border-radius:9999px;margin-bottom:1.75rem;transition:background 0.15s,transform 0.15s}
    .jump-btn:hover{background:#00b872;transform:translateY(-1px)}
    .jump-btn svg{width:15px;height:15px}

    /* IMAGEN HERO */
    .hero-img{width:100%;aspect-ratio:16/9;border-radius:1rem;overflow:hidden;margin-bottom:2rem;box-shadow:0 4px 24px rgba(0,0,0,0.1)}
    .hero-img img{width:100%;height:100%;object-fit:cover;display:block}

    /* IMÁGENES DEL ARTÍCULO — tamaño uniforme */
    .article-img{margin:1.75rem 0;border-radius:0.875rem;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,0.08)}
    .article-img img{width:100%;height:300px;object-fit:cover;display:block}
    .article-img span{display:block;font-size:0.75rem;color:#aaa;text-align:center;padding:0.55rem 0.75rem;background:#fafafa;border-top:1px solid #f0f0f0;font-style:italic}

    /* CONTENIDO MDX */
    .mdx-content{font-size:1rem;color:#2a2a2a;line-height:1.85;margin-bottom:2.5rem;font-family:'DM Sans',sans-serif}
    .mdx-content h2{font-family:'DM Sans',sans-serif;font-size:1.3rem;font-weight:800;color:#0B0B0B;margin:2.25rem 0 0.65rem;letter-spacing:-0.02em;line-height:1.2}
    .mdx-content h3{font-family:'DM Sans',sans-serif;font-size:1.05rem;font-weight:700;color:#0B0B0B;margin:1.5rem 0 0.5rem;letter-spacing:-0.01em}
    .mdx-content p{margin-bottom:1rem;max-width:68ch}
    .mdx-content ul{list-style:none;padding-left:0;margin-bottom:1.25rem}
    .mdx-content ul li{padding:0.3rem 0 0.3rem 1.5rem;position:relative;font-size:0.95rem;color:#444}
    .mdx-content ul li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:#00d084}
    .mdx-content ol{padding-left:0;margin-bottom:1.25rem;counter-reset:ol-counter;list-style:none}
    .mdx-content ol li{padding:0.4rem 0 0.4rem 2.25rem;position:relative;font-size:0.95rem;color:#444;counter-increment:ol-counter}
    .mdx-content ol li::before{content:counter(ol-counter);position:absolute;left:0;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:#0B0B0B;color:#fff;font-size:0.7rem;font-weight:700;display:flex;align-items:center;justify-content:center}
    .mdx-content a{color:#00d084;text-decoration:none;border-bottom:1px solid rgba(0,208,132,0.3);transition:border-color 0.15s}
    .mdx-content a:hover{border-color:#00d084}
    .mdx-content strong{color:#0B0B0B;font-weight:700}
    .mdx-content hr{display:none}
    .mdx-content blockquote{background:#fff8f3;border-left:4px solid #00d084;border-radius:0 0.75rem 0.75rem 0;padding:1.1rem 1.5rem;margin:1.5rem 0}
    .mdx-content blockquote p{margin:0;font-size:0.95rem;color:#4B4B4B;line-height:1.7}
    .mdx-content blockquote strong{color:#00d084}
    .mdx-content p:has(img){overflow:hidden;border-radius:0.875rem;margin:1.75rem 0;height:260px;display:block}.mdx-content p img,.mdx-content img,.mdx-content figure img{width:100%!important;height:260px!important;max-height:260px!important;object-fit:cover!important;object-position:center top;border-radius:0.875rem;display:block!important;margin:1.75rem 0!important;box-shadow:0 4px 20px rgba(0,0,0,0.1)}

    /* BLOQUE RECETA */
    .recipe-block{border:1.5px solid #e8e8e8;border-radius:1.25rem;overflow:hidden;margin-bottom:2.5rem;scroll-margin-top:80px;box-shadow:0 2px 16px rgba(0,0,0,0.06)}
    .rb-img{width:100%;aspect-ratio:16/9;overflow:hidden}
    .rb-img img{width:100%;height:100%;object-fit:cover;display:block}
    .rb-header{padding:1rem 1.75rem;border-bottom:1px solid #f0f0f0}
    .rb-title{font-family:'DM Sans',sans-serif;font-size:1.3rem;font-weight:700;color:#0B0B0B;margin-bottom:0.2rem;letter-spacing:-0.01em}
    .rb-author{font-size:0.78rem;color:#999}
    .rb-author a{color:#00d084}
    .rb-actions{display:flex;gap:0.75rem;flex-wrap:wrap;padding:1rem 1.75rem;border-bottom:1px solid #f0f0f0;background:#fafafa}
    .rb-btn{display:inline-flex;align-items:center;gap:0.45rem;font-size:0.78rem;font-weight:600;padding:0.5rem 1.1rem;border-radius:9999px;cursor:pointer;transition:all 0.15s;border:1.5px solid;font-family:'DM Sans',sans-serif}
    .rb-btn-orange{background:#00d084;color:#fff;border-color:#00d084}
    .rb-btn-orange:hover{background:#00b872;border-color:#00b872}
    .rb-btn-outline{background:#fff;color:#0B0B0B;border-color:#e0e0e0}
    .rb-btn-outline:hover{border-color:#0B0B0B}
    .rb-stats{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #f0f0f0}
    @media(max-width:480px){.rb-stats{grid-template-columns:repeat(2,1fr)}}
    .rb-stat{padding:1.1rem 0.75rem;text-align:center;border-right:1px solid #f0f0f0}
    .rb-stat:last-child{border-right:none}
    .rb-stat-label{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:#999;margin-bottom:0.3rem}
    .rb-stat-val{font-family:'DM Sans',sans-serif;font-size:1.4rem;font-weight:800;color:#0B0B0B;line-height:1;letter-spacing:-0.03em}
    .rb-stat-val.orange{color:#00d084}
    .rb-stat-unit{font-size:0.68rem;color:#bbb;margin-top:0.2rem}
    .rb-info{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #f0f0f0;background:#fafafa}
    .rb-info-item{padding:0.85rem 0.75rem;text-align:center;border-right:1px solid #f0f0f0}
    .rb-info-item:last-child{border-right:none}
    .rb-info-label{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:#aaa;margin-bottom:0.2rem}
    .rb-info-val{font-size:0.85rem;font-weight:600;color:#0B0B0B;text-transform:capitalize}
    .rb-section{padding:1.5rem 1.75rem}
    .rb-section+.rb-section{border-top:1px solid #f0f0f0}
    .rb-section-title{font-family:'DM Sans',sans-serif;font-size:1.05rem;font-weight:700;color:#0B0B0B;margin-bottom:0.25rem;letter-spacing:-0.01em}
    .rb-section-sub{font-size:0.72rem;color:#aaa;margin-bottom:1rem}
    .ing-list{display:flex;flex-direction:column}
    .ing-item{display:flex;align-items:flex-start;gap:0.85rem;padding:0.6rem 0;border-bottom:1px solid #f5f5f5;cursor:pointer}
    .ing-item:last-child{border-bottom:none}
    .ing-item input[type=checkbox]{width:16px;height:16px;accent-color:#00d084;flex-shrink:0;margin-top:0.15rem;cursor:pointer}
    .ing-text{font-size:0.88rem;color:#4B4B4B;line-height:1.5;transition:color 0.15s}
    .ing-text strong{color:#0B0B0B;font-weight:600}
    .ing-item.done .ing-text{color:#bbb;text-decoration:line-through}
    .ing-opt{font-size:0.75rem;color:#bbb;font-style:italic}
    .step-list{display:flex;flex-direction:column}
    .step-item{display:flex;gap:1.1rem;padding:1.1rem 0;border-bottom:1px solid #f5f5f5}
    .step-item:last-child{border-bottom:none}
    .step-num{width:34px;height:34px;border-radius:999px;background:#0B0B0B;color:#fff;font-size:0.82rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:0.05rem}
    .step-body{flex:1}
    .step-title{font-weight:700;font-size:0.9rem;color:#0B0B0B;margin-bottom:0.35rem}
    .step-desc{font-size:0.87rem;color:#4B4B4B;line-height:1.75}
    .step-tip{margin-top:0.65rem;padding:0.65rem 1rem;background:#fff8f3;border-left:2.5px solid #00d084;border-radius:0 0.5rem 0.5rem 0;font-size:0.81rem;color:#8a4000;line-height:1.6}
    .step-tip strong{color:#00d084}
    .nut-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0.6rem}
    @media(max-width:480px){.nut-grid{grid-template-columns:repeat(2,1fr)}}
    .nut-item{background:#fafafa;border:1px solid #f0f0f0;border-radius:0.5rem;padding:0.75rem 0.5rem;text-align:center}
    .nut-val{font-family:'DM Sans',sans-serif;font-size:1.2rem;font-weight:700;color:#0B0B0B;letter-spacing:-0.02em}
    .nut-label{font-size:0.62rem;color:#aaa;text-transform:uppercase;letter-spacing:0.05em;margin-top:0.1rem}
    .rb-tags{display:flex;flex-wrap:wrap;gap:0.4rem;padding:1rem 1.75rem;border-top:1px solid #f0f0f0;background:#fafafa}
    .rb-tag{font-size:0.7rem;color:#999;background:#fff;border:1px solid #e8e8e8;padding:0.2rem 0.6rem;border-radius:999px}

    /* SIDEBAR */
    .sidebar{position:sticky;top:80px;display:flex;flex-direction:column;gap:1.25rem}
    @media(max-width:960px){.sidebar{display:none}}
    .sb-card{border:1.5px solid #e8e8e8;border-radius:1.25rem;overflow:hidden;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,0.05)}
    .sb-card-header{display:flex;align-items:center;justify-content:space-between;padding:0.9rem 1.25rem;border-bottom:1px solid #f0f0f0;background:#fafafa}
    .sb-card-title{font-family:'DM Sans',sans-serif;font-size:0.9rem;font-weight:700;color:#0B0B0B;padding:0.9rem 1.25rem;border-bottom:1px solid #f0f0f0;background:#fafafa}
    .sb-ver-todas{font-size:0.72rem;color:#00d084;font-weight:600;text-decoration:none}
    .sb-author-top{display:flex;align-items:center;gap:0.85rem;padding:1.25rem;border-bottom:1px solid #f0f0f0}
    .sb-avatar{width:56px;height:56px;border-radius:999px;object-fit:cover;border:2px solid #00d084;flex-shrink:0}
    .sb-author-name{font-family:'DM Sans',sans-serif;font-size:0.9rem;font-weight:800;color:#0B0B0B}
    .sb-author-flag{font-size:0.72rem;color:#888;margin-top:0.1rem}
    .sb-author-bio{font-size:0.78rem;color:#555;line-height:1.65;padding:1rem 1.25rem;border-bottom:1px solid #f0f0f0}
    .sb-author-btn{display:block;text-align:center;background:#0B0B0B;color:#fff;font-size:0.78rem;font-weight:700;padding:0.6rem 1rem;margin:0.85rem 1.25rem;border-radius:999px;transition:background 0.15s}
    .sb-author-btn:hover{background:#00d084}
    .sb-socials{display:flex;justify-content:center;gap:0.5rem;padding:0 1.25rem 1.25rem}
    .sb-soc{width:32px;height:32px;border-radius:999px;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:opacity 0.15s}
    .sb-soc:hover{opacity:0.8}
    .sb-cats{display:flex;flex-wrap:wrap;justify-content:center;gap:0.75rem;padding:1rem}
    .sb-cat{display:flex;flex-direction:column;align-items:center;gap:0.3rem;text-decoration:none;color:#555;font-size:0.68rem;font-weight:600;transition:transform 0.15s}
    .sb-cat:hover{transform:translateY(-2px);color:#00d084}
    .sb-cat-img{width:60px;height:60px;border-radius:999px;overflow:hidden;border:2px solid #f0f0f0;transition:border-color 0.15s}
    .sb-cat:hover .sb-cat-img{border-color:#00d084}
    .sb-cat-img img{width:100%;height:100%;object-fit:cover}
    .sb-receta{display:flex;align-items:center;gap:0.75rem;padding:0.75rem 1rem;border-bottom:1px solid #f5f5f5;text-decoration:none;transition:background 0.15s}
    .sb-receta:last-child{border-bottom:none}
    .sb-receta:hover{background:#fafafa}
    .sb-receta-img{width:54px;height:54px;border-radius:0.5rem;overflow:hidden;flex-shrink:0;border:1px solid #f0f0f0}
    .sb-receta-img img{width:100%;height:100%;object-fit:cover;display:block}
    .sb-receta-titulo{font-size:0.78rem;font-weight:600;color:#0B0B0B;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
    .sb-receta-cat{font-size:0.65rem;color:#aaa;margin-top:0.2rem;text-transform:capitalize}
    .about-card{border:1.5px solid #e8e8e8;border-radius:1.25rem;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,0.05)}
    .about-top{background:#f8f8f8;padding:1.5rem;text-align:center}
    .about-avatar{width:76px;height:76px;border-radius:999px;background:linear-gradient(135deg,#00d084,#00d084);display:flex;align-items:center;justify-content:center;font-size:2.4rem;margin:0 auto 0.85rem;border:3px solid rgba(0,208,132,0.35)}
    .about-name{font-family:'DM Sans',sans-serif;font-size:1.1rem;font-weight:800;color:#0B0B0B;margin-bottom:0.15rem;letter-spacing:-0.02em}
    .about-flag{font-size:0.78rem;color:#555}
    .about-body{padding:1.25rem 1.5rem;background:#fff}
    .about-bio{font-size:0.82rem;color:#4B4B4B;line-height:1.7;margin-bottom:1rem}
    .about-link{display:block;text-align:center;background:#0B0B0B;color:#fff;font-size:0.8rem;font-weight:700;padding:0.6rem 1rem;border-radius:999px;transition:background 0.15s;margin-bottom:1rem}
    .about-link:hover{background:#00d084}
    .about-social{display:flex;justify-content:center;gap:0.5rem}
    .soc{width:30px;height:30px;border-radius:999px;border:1px solid #e8e8e8;display:flex;align-items:center;justify-content:center;font-size:0.8rem;color:#aaa;transition:border-color 0.15s,color 0.15s}
    .soc:hover{border-color:#00d084;color:#00d084}
    .more-card{border:1.5px solid #e8e8e8;border-radius:1.25rem;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,0.05)}
    .more-header{padding:1rem 1.25rem;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;justify-content:space-between;background:#fafafa}
    .more-title{font-family:'DM Sans',sans-serif;font-size:0.95rem;font-weight:700;color:#0B0B0B;letter-spacing:-0.01em}.cats-sidebar{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;padding:1rem 0}.cat-pill{display:flex;flex-direction:column;align-items:center;gap:0.35rem;text-decoration:none;color:#0B0B0B;text-align:center;transition:transform 0.15s}.cat-pill:hover{transform:translateY(-2px)}.cat-pill:hover{border-color:#00d084;transform:translateX(3px)}.cat-circle{width:72px;height:72px;border-radius:9999px;overflow:hidden;flex-shrink:0;border:2.5px solid #f0f0f0;transition:border-color 0.15s}.cat-pill:hover .cat-circle{border-color:#00d084}.cat-circle img{width:100%;height:100%;object-fit:cover}.cat-pill-name{font-size:0.72rem;font-weight:600;color:#555;line-height:1.2}
    .more-ver{font-size:0.72rem;color:#00d084;font-weight:600}
    .more-ver:hover{text-decoration:underline}
    .more-item{display:flex;align-items:center;gap:0.85rem;padding:0.85rem 1.25rem;border-bottom:1px solid #f5f5f5;transition:background 0.15s}
    .more-item:last-child{border-bottom:none}
    .more-item:hover{background:#fafafa}
    .more-emoji{width:38px;height:38px;border-radius:0.5rem;background:#f5f5f5;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;border:1px solid #f0f0f0}
    .more-info{flex:1;min-width:0}
    .more-name{font-size:0.8rem;font-weight:600;color:#0B0B0B;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .more-time{font-size:0.68rem;color:#aaa;margin-top:0.1rem}

    /* FOOTER */
    .fb{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:0.5rem}
    .flegal a{color:#666;margin-left:1rem;transition:color 0.15s}
    .flegal a:hover{color:#00d084}

    @media print{
      @page{margin:1.5cm;size:A4}
      *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
      body > *:not(.page-wrap){display:none!important}
      .page-wrap > *:not(.article){display:none!important}
      .article > *:not(.recipe-block){display:none!important}
      iframe,ins,#rating-widget{display:none!important;height:0!important;width:0!important;overflow:hidden!important}
      body{font-family:sans-serif;font-size:11pt;color:#000}
      .page-wrap{display:block!important;padding:0!important;max-width:100%!important}
      .article{display:block!important;width:100%!important}
      h1{display:none!important}
      .recipe-block{border:1pt solid #ccc!important;border-radius:0!important;box-shadow:none!important;page-break-inside:avoid}
      .rb-img{height:180pt!important;page-break-after:avoid}
      .rb-img img{height:180pt!important;object-fit:cover!important;width:100%!important}
      .rb-header{padding:6pt 12pt!important}
      .rb-title{font-size:14pt!important}
      .rb-author{font-size:9pt!important}
      .rb-stats{display:grid!important;grid-template-columns:repeat(4,1fr)!important}
      .rb-stat{padding:6pt!important;text-align:center!important;border-right:1pt solid #ddd!important}
      .rb-stat-label{font-size:7pt!important;color:#666!important}
      .rb-stat-val{font-size:13pt!important;font-weight:bold!important}
      .rb-info{display:grid!important;grid-template-columns:repeat(3,1fr)!important;background:#f8f8f8!important}
      .rb-info-item{padding:5pt 8pt!important;border-right:1pt solid #ddd!important}
      .rb-info-label{font-size:7pt!important;color:#666!important}
      .rb-info-val{font-size:9pt!important;font-weight:bold!important}
      .rb-section{padding:8pt 12pt!important}
      .rb-section-title{font-size:11pt!important;font-weight:bold!important;margin-bottom:4pt!important}
      .rb-section-sub{font-size:8pt!important;color:#666!important}
      .ing-item{padding:3pt 0!important;border-bottom:0.5pt solid #eee!important}
      .ing-text{font-size:9pt!important}
      .step-item{padding:5pt 0!important;border-bottom:0.5pt solid #eee!important}
      .step-num{width:18pt!important;height:18pt!important;font-size:8pt!important;background:#000!important;color:#fff!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
      .step-desc{font-size:9pt!important;line-height:1.4!important}
      .nut-grid{display:grid!important;grid-template-columns:repeat(5,1fr)!important}
      .nut-item{padding:4pt!important;border:0.5pt solid #ddd!important;text-align:center!important}
      .nut-val{font-size:10pt!important;font-weight:bold!important}
      .nut-label{font-size:7pt!important;color:#666!important}
      .rb-tags,.step-tip{display:none!important}
      .print-
      .print-footer strong{font-size:10pt;color:#000;display:block;margin-bottom:4pt}
    }

.mdx-content img {
      width: 100% !important;
      height: auto !important;
      max-height: 420px !important;
      aspect-ratio: 16/9 !important;
      object-fit: cover !important;
      object-position: center !important;
      border-radius: 0.875rem !important;
      display: block !important;
      margin: 1.75rem 0 !important;
      box-shadow: 0 4px 20px rgba(0,0,0,0.1) !important;
    }