@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&display=swap');

.cred-wrap{
  font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  width: 100%;
  max-width: none;
  background: transparent;
  color: rgba(0,0,0,.92);
}

.cred-news{
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,.08);
  background: transparent;
}

.cred-hero{ display:block; width:100%; }
.cred-hero img{
  width: 100%;
  height: var(--cred-hero-h-d, 420px);
  object-fit: contain;
  display:block;
  background: rgba(0,0,0,.02);
}

.cred-item{ padding: 12px 14px; }

.cred-kicker{
  font-size: var(--cred-label-size, 12px);
  font-weight: var(--cred-label-weight, 700);
  color: var(--cred-label-color, #d61a1a);
  margin-bottom: 6px;
}

.cred-title{
  display:block;
  text-decoration:none;
  font-size: var(--cred-title-size, 18px);
  font-weight: var(--cred-title-weight, 900);
  line-height: 1.15;
  color: var(--cred-title-color, rgba(0,0,0,.92));
}
.cred-title:hover{ text-decoration: underline; }

.cred-author{
  margin-top: 8px;
  font-size: 10px;
  font-weight: 700;
  color: rgba(0,0,0,.45);
  text-transform: uppercase;
  letter-spacing: .2px;
}

.cred-sep{ height:1px; background: rgba(0,0,0,.08); }

.cred-ad{
  padding: 12px 14px;
  display:flex;
  align-items:center;
  gap: 10px;
}
.cred-ad-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 3px 7px;
  border-radius: 4px;
  background: var(--cred-badge-bg, #d61a1a);
  color: var(--cred-badge-color, #fff);
  font-size: var(--cred-badge-size, 11px);
  font-weight: var(--cred-badge-weight, 800);
  text-transform: uppercase;
  letter-spacing: .3px;
  white-space: nowrap;
}
.cred-ad-text{
  font-size: var(--cred-ad-text-size, 15px);
  font-weight: var(--cred-ad-text-weight, 800);
  color: rgba(0,0,0,.9);
  text-decoration:none;
}
.cred-ad-text:hover{ text-decoration: underline; }

.cred-ad-banner img{
  max-width: 100%;
  height: auto;
  display:block;
  border-radius: 8px;
  border: 1px solid rgba(0,0,0,.10);
}

.cred-fx{
  margin-top: 14px;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 10px;
  overflow: hidden;
  background: transparent;
}
.cred-fx-title{
  padding: 12px 14px 6px 14px;
  font-size: 14px;
  font-weight: 900;
  color: rgba(0,0,0,.92);
}

.cred-sponsor{
  padding: 0 14px 10px 14px;
  display:flex;
  align-items:center;
  gap: 8px;
  flex-wrap: wrap;
}
.cred-sponsor-prefix{
  font-size: 12px;
  font-weight: 700;
  color: rgba(0,0,0,.60);
}
.cred-sponsor-link, .cred-sponsor-text{
  font-size: 12px;
  font-weight: 800;
  color: rgba(0,0,0,.90);
  text-decoration:none;
}
.cred-sponsor-link:hover{ text-decoration: underline; }
.cred-sponsor-img{
  height: 18px;
  width: auto;
  display:block;
}

.cred-fx-row{
  padding: 10px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  border-top: 1px solid rgba(0,0,0,.08);
}
.cred-fx-label{
  font-size: 12px;
  font-weight: 700;
  color: rgba(0,0,0,.78);
}
.cred-fx-val{
  font-size: 12px;
  font-weight: 900;
  color: rgba(0,0,0,.92);
}
.cred-fx-row.is-up .cred-fx-val{ color: #0a8a2a; }
.cred-fx-row.is-down .cred-fx-val{ color: #c02222; }
.cred-fx-chg{
  margin-left: 6px;
  font-weight: 900;
  opacity: .9;
}

.cred-fx-note{
  padding: 10px 14px;
  font-size: 11px;
  font-weight: 600;
  color: rgba(0,0,0,.55);
  border-top: 1px solid rgba(0,0,0,.08);
}

@media (max-width: 760px){
  .cred-hero img{ height: var(--cred-hero-h-m, 260px); }
  .cred-kicker{
    font-size: var(--cred-m-label-size, 12px);
    font-weight: var(--cred-m-label-weight, 700);
    color: var(--cred-m-label-color, #d61a1a);
  }
  .cred-title{
    font-size: var(--cred-m-title-size, 16px);
    font-weight: var(--cred-m-title-weight, 900);
    color: var(--cred-m-title-color, var(--cred-title-color, rgba(0,0,0,.92)));
  }
  .cred-ad-text{
    font-size: var(--cred-m-ad-text-size, 14px);
    font-weight: var(--cred-m-ad-text-weight, 800);
  }
}

/* Optional: disable borders around both blocks */
.cred-no-borders .cred-news,
.cred-no-borders .cred-fx{
  border: none;
}

/* Hero image sizing + rounded corners */
.cred-hero{
  width: var(--cred-hero-w-d, 100%);
  max-width: var(--cred-hero-w-d, 100%);
}
.cred-hero img{
  width: 100%;
  height: var(--cred-hero-h-d, 420px);
  object-fit: cover;
  border-radius: 10px;
}
@media (max-width: 768px){
  .cred-hero{
    width: var(--cred-hero-w-m, 100%);
    max-width: var(--cred-hero-w-m, 100%);
  }
  .cred-hero img{
    height: var(--cred-hero-h-m, 260px);
  }
}

/* Hero title typography (independiente) */
.cred-title.cred-title-hero{
  font-size: var(--cred-hero-title-size, 22px);
  font-weight: var(--cred-hero-title-weight, 900);
  color: var(--cred-hero-title-color, #000);
}
@media (max-width: 768px){
  .cred-title.cred-title-hero{
    font-size: var(--cred-m-hero-title-size, 18px);
    font-weight: var(--cred-m-hero-title-weight, 900);
    color: var(--cred-m-hero-title-color, #000);
  }
}