/* ============================================================
   COSESI · Blog — minimalismo cuqui-premium de lujo
   Se carga SOLO en páginas de blog. No afecta a la tienda.
   Paleta: lavanda #B7C0F0 · índigo #322C5B · oro champagne #BFA06A
           rosa #FBE9F1 · coral #FEAB9B · menta #CFEDE6 · crema #FBF8F3
   Tipografía: Playfair Display (titulares) + Poppins (texto).
   ============================================================ */
:root{
  --c-lav:#B7C0F0; --c-ink:#322C5B; --c-ink-soft:#5d5680; --c-gold:#BFA06A;
  --c-pink:#FBE9F1; --c-coral:#FEAB9B; --c-mint:#CFEDE6; --c-cream:#FBF8F3;
  --c-grey:#7a7491; --c-line:#ece6dd; --c-soft:#FBFAF7;
  --c-shadow:0 14px 40px rgba(50,44,91,.08);
  --c-shadow-sm:0 6px 20px rgba(50,44,91,.06);
  --c-radius:16px;
  --c-serif:'Playfair Display',Georgia,'Times New Roman',serif;
  --c-sans:'Poppins',-apple-system,system-ui,Arial,sans-serif;
  --c-ease:.28s cubic-bezier(.22,.61,.36,1);
}

/* ---- contenedor a todo el ancho, sin sidebar (la sidebar del blog es #left_column) ---- */
#left_column{display:none !important;}
#center_column{flex:0 0 100% !important;max-width:100% !important;width:100% !important;}
#columns{display:block !important;}
#content{font-family:var(--c-sans);}
#center_column a{transition:color var(--c-ease);}
.page-blog-default,.page-blog-category{max-width:1240px;margin:0 auto;padding:0 4px;}
.page-blog-article{max-width:1180px;margin:0 auto;padding:0 4px;}

/* ============ HERO editorial ============ */
.cosesi-blog-hero{position:relative;text-align:center;padding:3.6rem 1.5rem 2rem;overflow:hidden;}
.cosesi-blog-hero--cat{padding:3rem 1.5rem 1.4rem;}
.cbh-eyebrow{display:inline-block;color:var(--c-gold);font-size:.72rem;font-weight:600;letter-spacing:4px;text-transform:uppercase;margin-bottom:1rem;}
.cbh-eyebrow:before,.cbh-eyebrow:after{content:"";display:inline-block;width:30px;height:1px;background:var(--c-gold);vertical-align:middle;margin:0 14px;opacity:.65;}
.cbh-title{font-family:var(--c-serif);font-weight:600;font-size:3rem;line-height:1.1;color:var(--c-ink);margin:0 0 .6rem;letter-spacing:-.01em;}
.cbh-title em{font-style:italic;color:#8174c6;}
.cbh-sub{font-weight:300;color:var(--c-grey);max-width:520px;margin:0 auto;font-size:1.06rem;line-height:1.7;}

/* ============ NAV de categorías ============ */
.cosesi-blog-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0 0 3rem;}
.cosesi-blog-nav a{font-family:var(--c-sans);font-size:.8rem;font-weight:500;letter-spacing:.4px;color:var(--c-ink-soft);background:transparent;border:1px solid var(--c-line);padding:.5rem 1.25rem;border-radius:999px;transition:all var(--c-ease);}
.cosesi-blog-nav a:hover{color:var(--c-ink);border-color:var(--c-lav);background:var(--c-soft);}
.cosesi-blog-nav a.active{background:var(--c-ink);color:#fff;border-color:var(--c-ink);}

/* ============ PARRILLA de artículos ============ */
.cosesi-blog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2.6rem 1.7rem;margin:0 0 2.5rem;padding:0 .5rem;}
.cosesi-post{display:flex;flex-direction:column;}
.cosesi-post-media{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:var(--c-radius);background:linear-gradient(135deg,var(--c-lav),var(--c-pink));}
.cosesi-post-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s var(--c-ease);}
.cosesi-post:hover .cosesi-post-media img{transform:scale(1.045);}
.cosesi-post-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--c-serif);font-size:1.4rem;letter-spacing:1px;}
.cosesi-post-body{padding:1.1rem .2rem 0;}
.cosesi-post-cat{display:inline-block;color:var(--c-gold);font-size:.7rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:.5rem;}
.cosesi-post-cat:hover{color:var(--c-ink);}
.cosesi-post-title{font-family:var(--c-serif);font-size:1.4rem;line-height:1.25;font-weight:600;margin:0 0 .55rem;letter-spacing:-.01em;}
.cosesi-post-title a{color:var(--c-ink);}
.cosesi-post:hover .cosesi-post-title a{color:#6f63b8;}
.cosesi-post-excerpt{color:#5f5980;font-size:.92rem;line-height:1.6;font-weight:400;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}

/* ============ navegación del artículo (volver + pestañas) ============ */
.cosesi-article-nav{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;max-width:740px;margin:1.6rem auto 0;padding:0 .2rem;}
.cosesi-back{font-family:var(--c-sans);font-size:.85rem;font-weight:500;color:var(--c-ink-soft);transition:color var(--c-ease);}
.cosesi-back:hover{color:var(--c-gold);}
.cosesi-article-tabs{display:flex;flex-wrap:wrap;gap:.3rem;}
.cosesi-article-tabs a{font-family:var(--c-sans);font-size:.74rem;font-weight:500;letter-spacing:.3px;color:var(--c-ink-soft);border:1px solid var(--c-line);padding:.32rem .9rem;border-radius:999px;transition:all var(--c-ease);}
.cosesi-article-tabs a:hover{background:var(--c-ink);color:#fff;border-color:var(--c-ink);}
.cosesi-article-foot{max-width:740px;margin:2.4rem auto 0;text-align:center;}
.cosesi-back--btn{display:inline-block;border:1px solid var(--c-line);padding:.7rem 1.6rem;border-radius:999px;letter-spacing:.3px;}
.cosesi-back--btn:hover{background:var(--c-soft);border-color:var(--c-lav);color:var(--c-ink);}

/* ============ ARTÍCULO ============ */
.page-blog-article{max-width:1100px;}
#blog_primary_block{max-width:740px;margin:0 auto;padding:2.4rem 0 1rem;}
#blog_primary_block:before{content:"";display:block;width:42px;height:2px;background:var(--c-gold);margin:0 auto 1.4rem;}
.blog_heading{font-family:var(--c-serif);font-size:2.7rem;line-height:1.14;font-weight:600;color:var(--c-ink);margin:0 0 1.4rem;text-align:center;letter-spacing:-.01em;}
/* gana a .page_heading de Panda (que forzaba Poppins + mayúsculas) */
body[class*="module-stblog"] .blog_heading{font-family:var(--c-serif) !important;text-transform:none !important;}
/* fuera fecha/autor/"publicado por" */
.page-blog-article .blog_info{display:none !important;}
.blog_cover_box{margin:0 0 2rem;border-radius:var(--c-radius);overflow:hidden;box-shadow:var(--c-shadow-sm);}
.blog_cover_box img{width:100%;height:auto;display:block;}
.blog_short_content{font-family:var(--c-serif);font-style:italic;font-size:1.24rem;line-height:1.6;color:#4a4270;font-weight:500;text-align:center;max-width:620px;margin:0 auto 2.4rem;}

.blog_content{font-size:1.06rem;line-height:1.85;color:#413c5e;font-weight:400;}
.blog_content p{margin:0 0 1.25rem;}
.blog_content h2{font-family:var(--c-serif);font-size:1.75rem;font-weight:600;color:var(--c-ink);margin:2.6rem 0 1rem;letter-spacing:-.01em;}
.blog_content h3{font-family:var(--c-serif);font-size:1.34rem;font-weight:600;color:var(--c-ink);margin:1.9rem 0 .6rem;}
.blog_content a{color:#6f63b8;font-weight:500;box-shadow:inset 0 -1px 0 var(--c-pink);transition:box-shadow var(--c-ease);}
.blog_content a:hover{box-shadow:inset 0 -2px 0 var(--c-gold);color:var(--c-ink);}
.blog_content ul,.blog_content ol{margin:0 0 1.4rem;padding-left:0;list-style:none;}
.blog_content ul li{position:relative;padding:.32rem 0 .32rem 1.7rem;}
.blog_content ul li:before{content:"";position:absolute;left:0;top:.95rem;width:7px;height:7px;border-radius:50%;background:var(--c-gold);}
.blog_content ol{counter-reset:c;}
.blog_content ol li{counter-increment:c;position:relative;padding:.32rem 0 .32rem 2.3rem;}
.blog_content ol li:before{content:counter(c);position:absolute;left:0;top:.35rem;width:1.55rem;height:1.55rem;background:var(--c-cream);border:1px solid var(--c-gold);color:var(--c-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--c-serif);font-size:.85rem;}
.blog_content blockquote{margin:2rem 0;padding:.4rem 0 .4rem 1.6rem;border-left:2px solid var(--c-gold);font-family:var(--c-serif);font-style:italic;font-size:1.2rem;color:var(--c-ink);}
.blog_content img{max-width:100%;height:auto;border-radius:var(--c-radius);margin:1.4rem 0;}
.blog_content strong{color:var(--c-ink);font-weight:600;}

/* ---- bloque de producto "Llévatelo" (discreto, no invasivo) ---- */
.cosesi-shop{margin:2.8rem 0;padding:1.8rem;background:var(--c-soft);border:1px solid var(--c-line);border-radius:var(--c-radius);}
.cosesi-shop-h{margin:0 0 1.2rem;font-family:var(--c-serif);font-weight:600;color:var(--c-ink);font-size:1.3rem;text-align:center;}
.cosesi-shop-h:before,.cosesi-shop-h:after{content:"";display:inline-block;width:22px;height:1px;background:var(--c-gold);vertical-align:middle;margin:0 12px;}
.cosesi-shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;}
a.cosesi-shop-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--c-line);border-radius:12px;overflow:hidden;text-decoration:none;transition:all var(--c-ease);}
a.cosesi-shop-card:hover{transform:translateY(-3px);box-shadow:var(--c-shadow-sm);border-color:var(--c-lav);}
.cosesi-shop-img{display:block;aspect-ratio:1/1;background:var(--c-cream);overflow:hidden;}
.cosesi-shop-img img{width:100%;height:100%;object-fit:cover;display:block;}
.cosesi-shop-info{padding:.75rem .8rem .9rem;display:flex;flex-direction:column;gap:.3rem;text-align:center;}
.cosesi-shop-tag{font-size:.62rem;text-transform:uppercase;letter-spacing:1px;font-weight:600;color:var(--c-gold);}
.cosesi-shop-info strong{color:var(--c-ink);font-size:.86rem;font-weight:600;line-height:1.3;}
.cosesi-shop-btn{margin-top:.15rem;font-size:.74rem;font-weight:600;letter-spacing:.3px;color:var(--c-ink-soft);}
a.cosesi-shop-card:hover .cosesi-shop-btn{color:var(--c-gold);}

/* ---- CTA final ---- */
.cosesi-blog-cta{margin:3rem 0 0;padding:2.4rem 2rem;text-align:center;background:var(--c-cream);border-radius:var(--c-radius);}
.cosesi-blog-cta:before{content:"";display:block;width:38px;height:2px;background:var(--c-gold);margin:0 auto 1.1rem;}
.cosesi-blog-cta h3{font-family:var(--c-serif);color:var(--c-ink);font-size:1.55rem;margin:0 0 .5rem;}
.cosesi-blog-cta p{color:#4f4974;font-weight:400;max-width:480px;margin:0 auto 1.2rem;}
.cosesi-blog-cta .btn{display:inline-block;background:var(--c-ink);color:#fff;font-family:var(--c-sans);font-weight:500;letter-spacing:.5px;font-size:.8rem;text-transform:uppercase;padding:.78rem 1.9rem;border-radius:999px;transition:all var(--c-ease);}
.cosesi-blog-cta .btn:hover{background:var(--c-gold);transform:translateY(-2px);box-shadow:0 8px 20px rgba(191,160,106,.3);}

/* ---- tags ---- */
#blog_tags{max-width:740px;margin:2.2rem auto 0;padding-top:1.4rem;border-top:1px solid var(--c-line);font-size:.84rem;color:var(--c-grey);text-align:center;}
#blog_tags a{display:inline-block;background:var(--c-soft);border:1px solid var(--c-line);color:var(--c-ink-soft);padding:.22rem .85rem;border-radius:999px;margin:.2rem;transition:all var(--c-ease);}
#blog_tags a:hover{border-color:var(--c-gold);color:var(--c-ink);}

/* ============ Relacionados ============ */
body[class*="module-stblog"] .title_block,body[class*="module-stblog"] .title_block_inner{font-family:var(--c-serif);font-size:1.7rem;font-weight:600;color:var(--c-ink);text-align:center;margin:3rem 0 1.8rem;position:relative;padding-bottom:.9rem;border:0;}
body[class*="module-stblog"] .title_block_inner:after,body[class*="module-stblog"] .cosesi-related-title:after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:42px;height:2px;background:var(--c-gold);}
.products_slider.block_content,body[class*="module-stblog"] .products_slider{max-width:1100px;margin:0 auto;}
body[class*="module-stblog"] .pro_column_box{background:#fff;border-radius:var(--c-radius);overflow:hidden;transition:transform var(--c-ease);}
body[class*="module-stblog"] .pro_column_box .blog_image{aspect-ratio:16/10;overflow:hidden;margin:0;border-radius:var(--c-radius);}
body[class*="module-stblog"] .pro_column_box .blog_image img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--c-ease);}
body[class*="module-stblog"] .pro_column_box:hover .blog_image img{transform:scale(1.045);}
body[class*="module-stblog"] .pro_column_right{padding:1rem .2rem 0;}
body[class*="module-stblog"] .pro_column_box .s_title_block{font-family:var(--c-serif);font-size:1.2rem;line-height:1.25;}
body[class*="module-stblog"] .pro_column_box .s_title_block a{color:var(--c-ink);}
body[class*="module-stblog"] .pro_column_box:hover .s_title_block a{color:#6f63b8;}

/* ============ Artículos relacionados (override propio, rejilla limpia) ============ */
.cosesi-related{max-width:1240px;margin:3.5rem auto 0;}
.cosesi-related-title{font-family:var(--c-serif);font-size:1.7rem;font-weight:600;color:var(--c-ink);text-align:center;position:relative;padding-bottom:.9rem;margin:0 0 2rem;}
.cosesi-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.2rem 1.7rem;}
.cosesi-related-grid .cosesi-post-title{font-size:1.18rem;}
@media (max-width:899px){ .cosesi-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:559px){ .cosesi-related-grid{grid-template-columns:1fr;} }

/* ============ Comentarios (limpio y consistente) ============ */
#st_blog_comment_reply_block .title_flex_left,#st_blog_comment_reply_block .title_flex_right,
#comments .title_flex_left,#comments .title_flex_right{display:none;}
#stblog_leave_a_reply{display:none;}
#st_blog_comment_reply_block .title_block,#comments .title_block{display:block;text-align:center;}
#st_blog_comment_reply_block .st_blog_comment_reply{max-width:740px;margin:1.6rem auto 0;}
#st_blog_comment_reply_block #comment_textarea > .col-8{flex:0 0 100%;max-width:100%;}
#st_blog_comment_reply_block #comment_input{gap:0;}
#st_blog_comment_reply_block #comment_input > .col-4{flex:0 0 50%;max-width:50%;margin-bottom:.8rem;}
#st_blog_comment_reply_block .st_comment_box{width:100%;min-height:140px;height:150px;resize:vertical;line-height:1.6;}
#st_blog_comment_reply_block #st_blog_comment_submit{margin-top:1.1rem;cursor:pointer;}
@media (max-width:559px){ #st_blog_comment_reply_block #comment_input > .col-4{flex:0 0 100%;max-width:100%;} }

body[class*="module-stblog"] .blog_read_more{display:none;}
body[class*="module-stblog"] .pro_column_box .date-add,body[class*="module-stblog"] .pro_column_box .blog_info{display:none;}

/* ============ Comentarios ============ */
body[class*="module-stblog"] .st_blog_comment_reply{max-width:740px;margin:2.6rem auto 0;background:var(--c-soft);border:1px solid var(--c-line);border-radius:var(--c-radius);padding:2rem 2.2rem;}
body[class*="module-stblog"] .st_blog_comment_reply a,body[class*="module-stblog"] .st_blog_comment_reply a.go{color:var(--c-ink);font-weight:500;text-decoration:underline;}
body[class*="module-stblog"] .st_blog_comment_list{max-width:740px;margin:2rem auto 0;}
body[class*="module-stblog"] .form-control{border:1px solid var(--c-line) !important;border-radius:12px !important;background:#fff !important;font-family:var(--c-sans);padding:.8rem 1rem;transition:all var(--c-ease);box-shadow:none !important;}
body[class*="module-stblog"] .form-control:focus{border-color:var(--c-lav) !important;box-shadow:0 0 0 3px rgba(183,192,240,.22) !important;}
body[class*="module-stblog"] .btn-default,body[class*="module-stblog"] button[type=submit].btn{background:var(--c-ink) !important;color:#fff !important;border:0 !important;border-radius:999px !important;font-family:var(--c-sans);font-weight:500;letter-spacing:.5px;text-transform:uppercase;font-size:.76rem;padding:.7rem 1.6rem !important;transition:all var(--c-ease) !important;}
body[class*="module-stblog"] .btn-default:hover,body[class*="module-stblog"] button[type=submit].btn:hover{background:var(--c-gold) !important;transform:translateY(-2px);}

/* ============ Paginación ============ */
/* paginación (markup real: ul.pagination > li.page-item > a.page-link / span.spacer) */
body[class*="module-stblog"] .bottom_pagination{display:flex !important;flex-direction:column;align-items:center;gap:1rem;margin:3rem 0 1rem !important;}
body[class*="module-stblog"] .bottom_pagination .product_count{order:2;color:var(--c-grey);font-size:.82rem;letter-spacing:.2px;}
body[class*="module-stblog"] .pagination{display:flex !important;flex-wrap:wrap;justify-content:center;gap:.45rem;margin:0 !important;padding:0 !important;list-style:none;}
body[class*="module-stblog"] .pagination .page-item{margin:0 !important;}
body[class*="module-stblog"] .pagination .page-link,body[class*="module-stblog"] .pagination .spacer{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 .7rem;border:1px solid var(--c-line) !important;border-radius:12px !important;color:var(--c-ink) !important;background:#fff !important;font-family:var(--c-sans);font-size:.92rem;font-weight:500;text-decoration:none;box-shadow:none !important;transition:all var(--c-ease);}
body[class*="module-stblog"] .pagination .page-item:not(.active):not(.disabled) .page-link:hover{border-color:var(--c-lav) !important;background:var(--c-soft) !important;transform:translateY(-1px);}
body[class*="module-stblog"] .pagination .page-item.active .page-link{background:var(--c-gold) !important;border-color:var(--c-gold) !important;color:#fff !important;}
body[class*="module-stblog"] .pagination .page-item.disabled .page-link{opacity:.38;pointer-events:none;}
body[class*="module-stblog"] .pagination .spacer{border:0 !important;background:transparent !important;min-width:auto;color:var(--c-grey) !important;}

/* ============ Breadcrumb ============ */
body[class*="module-stblog"] .breadcrumb,body[class*="module-stblog"] .breadcrumb_spacing{background:transparent !important;font-family:var(--c-sans);font-size:.8rem;}
body[class*="module-stblog"] .breadcrumb a{color:var(--c-grey);}
body[class*="module-stblog"] .breadcrumb a:hover{color:var(--c-gold);}
body[class*="module-stblog"] .breadcrumb .navigation-pipe{color:var(--c-gold);opacity:.55;margin:0 .4rem;}

/* ---- imágenes intercaladas en el cuerpo del artículo ---- */
.blog_content figure{margin:2rem 0;}
.blog_content figure img{width:100%;height:auto;border-radius:var(--c-radius);box-shadow:var(--c-shadow-sm);margin:0;display:block;}
.blog_content figure figcaption{margin-top:.6rem;text-align:center;font-size:.82rem;color:#5a5479;font-style:italic;font-family:var(--c-serif);}

/* ============ responsive ============ */
/* rejilla: 4 col grande · 3 col tablet · 2 col móvil grande · 1 col móvil */
@media (max-width:1023px){ .cosesi-blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));} }
@media (max-width:767px){ .cosesi-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1.3rem;} }
@media (max-width:479px){ .cosesi-blog-grid{grid-template-columns:1fr;gap:2rem;} }
@media (max-width:767px){
  .cbh-title{font-size:2rem;}
  .cosesi-blog-hero{padding:2.6rem 1rem 1.4rem;}
  .blog_heading{font-size:1.85rem;}
  #blog_primary_block{padding:1.4rem 0;}
  .blog_short_content{font-size:1.12rem;}
  /* zonas táctiles más cómodas en móvil */
  .cosesi-article-nav{gap:.7rem;}
  .cosesi-back{font-size:.92rem;padding:.5rem 0;display:inline-block;}
  .cosesi-article-tabs{gap:.45rem;}
  .cosesi-article-tabs a{padding:.6rem 1.05rem;font-size:.8rem;}
}