/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
.breadcrumb li a {color:#fff}
.breadcrumb li:last-child a  {color:#fff;}
.breadcrumb li a:after {color: #fff;}

/* CortinaJoven Blog Article – Namespaced */
.cj-article{
  font-family: inherit;
  line-height: 1.6;
  max-width: 980px;
  margin: 0 auto;
  padding: 16px;
}

.cj-article h1, .cj-article h2, .cj-article h3{
  line-height: 1.2;
  margin: 0 0 12px 0;
}

.cj-article h1{ font-size: 1.9rem; }
.cj-article h2{ font-size: 1.35rem; margin-top: 28px; }
.cj-article h3{ font-size: 1.05rem; margin-top: 18px; }

.cj-subtitle{
  margin-top: 10px;
  font-size: 1.05rem;
  opacity: 0.92;
}

.cj-section{ margin-top: 22px; }

.cj-hero{
  margin: 18px 0 0 0;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,0.08);
}
.cj-hero img{
  display:block;
  max-width:100%;
  height:auto;
}
.cj-hero figcaption{
  padding: 10px 12px;
  font-size: 0.95rem;
  opacity: 0.9;
}

.cj-cta-row{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 14px;
}
.cj-cta-row--inline{
  margin-top: 14px;
}

.cj-btn{
  display:inline-block;
  text-decoration:none;
  padding: 10px 14px;
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,0.18);
  font-weight: 600;
}
.cj-btn--ghost{
  background: transparent;
}
.cj-btn--sm{
  padding: 8px 12px;
  border-radius: 10px;
  font-size: 0.95rem;
}

.cj-grid{
  display:grid;
  grid-template-columns: 1fr;
  gap: 14px;
}
@media (min-width: 900px){
  .cj-grid{ grid-template-columns: 1fr 1fr 1fr; }
}

.cj-card{
  border: 1px solid rgba(0,0,0,0.10);
  border-radius: 12px;
  padding: 14px;
}

.cj-product{
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dashed rgba(0,0,0,0.14);
}
.cj-product figure{
  margin: 0 0 10px 0;
}
.cj-product img{
  display:block;
  max-width:100%;
  height:auto;
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,0.08);
}
.cj-product figcaption{
  margin-top: 8px;
  font-size: 0.95rem;
  opacity: 0.92;
}

.cj-list{
  margin: 10px 0 12px 18px;
}
.cj-note{
  font-size: 0.95rem;
  opacity: 0.9;
  margin-top: 10px;
}

.cj-callout{
  border: 1px solid rgba(0,0,0,0.10);
  border-radius: 12px;
  padding: 12px 14px;
  margin-top: 12px;
}
.cj-callout--soft{
  border-style: dashed;
}

.cj-steps{
  margin: 10px 0 0 18px;
}

.cj-checklist{
  border: 1px solid rgba(0,0,0,0.10);
  border-radius: 12px;
  padding: 12px 14px;
  margin-top: 12px;
}
.cj-checklist ul{ margin: 10px 0 0 18px; }

.cj-procon{
  display:grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin-top: 12px;
}
@media (min-width: 720px){
  .cj-procon{ grid-template-columns: 1fr 1fr; }
}
.cj-procon__col{
  border: 1px solid rgba(0,0,0,0.10);
  border-radius: 12px;
  padding: 12px 14px;
}
.cj-procon__col ul{ margin: 10px 0 0 18px; }

.cj-faq{
  border: 1px solid rgba(0,0,0,0.10);
  border-radius: 12px;
  padding: 10px 12px;
  margin-top: 10px;
}
.cj-faq summary{
  cursor: pointer;
  font-weight: 700;
}
.cj-faq p{ margin: 10px 0 0 0; }

.cj-microcta{
  margin-top: 10px;
  font-weight: 600;
}
.cj-finalcta{
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
}

.cj-trust a{ text-decoration: underline; }

.cj-article figure a{ display:inline-block; }