.ddd-wrap{width:100%;max-width:100%;box-sizing:border-box;margin:0}
.ddd-wrap *,.ddd-wrap *::before,.ddd-wrap *::after{box-sizing:border-box}
.ddd-card{
  --ddd-scale:1;
  --ddd-sym:calc(var(--ddd-ft) * var(--ddd-scale) * 1.1);
  display:grid;
  grid-template-columns:var(--ddd-img) minmax(0,1fr) auto;
  align-items:stretch;
  width:100%;
  min-height:var(--ddd-h);
  background:var(--ddd-bg);
  border:1px solid var(--ddd-border);
  border-radius:14px;
  overflow:hidden;
  font-family:inherit;
  color:var(--ddd-text);
}
.ddd-card.ddd-no-img{grid-template-columns:minmax(0,1fr) auto}

/* Imagen */
.ddd-media{position:relative;width:var(--ddd-img);min-width:0;overflow:hidden}
.ddd-media .ddd-img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;display:block;margin:0;border:0;border-radius:0}
.ddd-fade .ddd-media .ddd-img{
  -webkit-mask-image:linear-gradient(to right,#000 72%,transparent 100%);
  mask-image:linear-gradient(to right,#000 72%,transparent 100%);
}

/* Texto */
.ddd-body{position:relative;display:flex;flex-direction:column;justify-content:center;gap:.35em;padding:18px 24px;min-width:0}
.ddd-has-img .ddd-body::before{content:"";position:absolute;left:0;top:16%;bottom:16%;width:1px;background:var(--ddd-accent);opacity:.3}
.ddd-card p{margin:0;padding:0}
.ddd-kicker{color:var(--ddd-accent);font-weight:700;font-size:calc(var(--ddd-fk) * var(--ddd-scale));letter-spacing:.04em;text-transform:uppercase;line-height:1.3;padding-left:calc(var(--ddd-sym) + 12px)}
.ddd-no-sym .ddd-kicker,.ddd-no-sym .ddd-sub{padding-left:0}
.ddd-titlerow{display:flex;align-items:center;gap:12px}
.ddd-symbol{flex:0 0 auto;display:inline-flex;color:var(--ddd-accent)}
.ddd-symbol .ddd-sym{width:var(--ddd-sym);height:var(--ddd-sym);display:block}
.ddd-card h1.ddd-title{
  color:var(--ddd-text);font-family:inherit;font-weight:700;
  font-size:calc(var(--ddd-ft) * var(--ddd-scale));line-height:1.15;
  letter-spacing:normal;text-transform:none;text-align:left;
  margin:0;padding:0;border:0;background:none;
}
.ddd-card h1.ddd-title::before,.ddd-card h1.ddd-title::after{content:none;display:none}
.ddd-italic h1.ddd-title{font-style:italic}
.ddd-sub{color:var(--ddd-text);font-size:calc(var(--ddd-fs) * var(--ddd-scale));line-height:1.4;opacity:.92;padding-left:calc(var(--ddd-sym) + 12px)}

/* Botón (color sólido) */
.ddd-action{display:flex;align-items:center;padding:16px 28px 16px 8px}
.ddd-card a.ddd-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.6em;
  background:var(--ddd-btn);color:var(--ddd-btn-text);
  padding:.8em 1.7em;border-radius:999px;border:0;
  font-weight:600;font-size:1rem;line-height:1.2;text-decoration:none;white-space:nowrap;
  box-shadow:none;background-image:none;transition:opacity .15s ease,transform .15s ease;
}
.ddd-card a.ddd-btn:hover,.ddd-card a.ddd-btn:focus{color:var(--ddd-btn-text);opacity:.9;text-decoration:none;transform:translateY(-1px)}
.ddd-card a.ddd-btn:focus-visible{outline:2px solid var(--ddd-accent);outline-offset:3px}

/* Móvil */
@media (max-width:760px){
  .ddd-card,.ddd-card.ddd-no-img{--ddd-scale:.78;grid-template-columns:1fr;min-height:0}
  .ddd-media{width:100%;height:150px}
  .ddd-fade .ddd-media .ddd-img{-webkit-mask-image:none;mask-image:none}
  .ddd-has-img .ddd-body::before{display:none}
  .ddd-body{padding:16px 20px 8px}
  .ddd-kicker,.ddd-sub{padding-left:0}
  .ddd-action{padding:8px 20px 20px}
  .ddd-card a.ddd-btn{width:100%}
}