/* Y&B Tarjetas — card styles. The card is always a light, printed-feeling object. */
.ybcard{background:#fff;color:#131A22;font-family:var(--cf);position:relative;min-height:100%;overflow:hidden;text-align:left;-webkit-font-smoothing:antialiased}
.ybcard *{box-sizing:border-box}
.ybcard .c-cover{height:182px;background-size:cover;background-position:center;position:relative}
.ybcard .c-cover.short{height:112px}
.ybcard .c-head{position:relative;height:62px;padding:0 20px}
.ybcard .c-av{width:96px;height:96px;border-radius:50%;border:3px solid #fff;background:var(--brand-soft) center/cover no-repeat;display:grid;place-items:center;position:absolute;left:14px;top:-48px;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.ybcard .c-av span{font-size:32px;font-weight:700;color:var(--brand-ink);letter-spacing:.02em}
.ybcard .c-logo{background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(16,24,40,.14);padding:7px 9px;display:grid;place-items:center}
.ybcard .c-logo img{display:block;max-height:100%;max-width:100%;object-fit:contain}
.ybcard .c-logo.floating{position:absolute;right:14px;top:-36px;width:122px;height:68px;border:3px solid #fff;padding:6px}
.ybcard .c-logo.on-cover{position:absolute;left:14px;top:14px;width:88px;height:46px}
.ybcard .c-logo.inline{width:96px;height:52px;box-shadow:none;border:1px solid #E6EAF0}
.ybcard .c-logo.in-banner{width:150px;height:72px;margin:0 auto}
.ybcard .c-id{padding:14px 20px 4px;display:flex;flex-direction:column;gap:0}
.ybcard .c-name{font-size:22px;line-height:1.2;font-weight:700;margin:0;letter-spacing:-.01em;text-wrap:balance}
.ybcard .c-acc{font-weight:500;font-size:.72em;color:#5B6572;letter-spacing:.02em}
.ybcard .c-over .c-acc{color:rgba(255,255,255,.85)}
.ybcard .c-pron{font-size:14px;font-weight:500;color:#6B7684}
.ybcard .c-title{font-size:18.5px;line-height:1.35;margin-top:10px;font-weight:400}
.ybcard .c-dept{font-size:16px;color:#4C5663}
.ybcard .c-company{font-size:18.5px;line-height:1.35;font-weight:400;letter-spacing:.01em;text-transform:uppercase;color:#131A22}
.ybcard .c-headline{font-size:14px;line-height:1.5;color:#4C5663;margin:8px 0 0}
.ybcard .is-ph{color:#A3ACB8 !important}
.ybcard .c-fields{padding:18px 20px 34px;display:flex;flex-direction:column;gap:8px}
.ybcard .c-f{display:flex;gap:13px;align-items:center;text-decoration:none;color:inherit;padding:6px;margin:0 -6px;border-radius:12px;transition:background .15s}
.ybcard a.c-f:hover{background:var(--brand-soft)}
.ybcard .c-ic{width:38px;height:38px;border-radius:50%;background:var(--brand);color:var(--on-brand);display:grid;place-items:center;flex:none}
.ybcard .c-ic svg{width:18px;height:18px}
.ybcard .c-fx{display:flex;flex-direction:column;min-width:0}
.ybcard .c-val{font-weight:700;font-size:14.5px;overflow-wrap:anywhere;line-height:1.3}
.ybcard .c-lab{font-size:13.5px;color:#7A8490;line-height:1.3}
/* centered */
.ybcard.l-centered .c-av{left:50%;transform:translateX(-50%)}
.ybcard.l-centered .c-id{align-items:center;text-align:center}
/* portrait */
.ybcard .c-portrait{height:360px;background-size:cover;background-position:center;position:relative;display:flex;align-items:flex-end}
.ybcard .c-portrait .c-logo.on-cover{left:auto;right:14px}
.ybcard .c-portrait-ini{position:absolute;inset:0;display:grid;place-items:center;font-size:96px;font-weight:700;color:rgba(255,255,255,.85);padding-bottom:60px}
.ybcard .c-over{padding:20px;color:#fff;position:relative;display:flex;flex-direction:column;gap:3px;width:100%}
.ybcard .c-over .c-name{color:#fff;font-size:28px}
.ybcard .c-over .c-title{color:rgba(255,255,255,.9)}
.ybcard .c-over .is-ph{color:rgba(255,255,255,.6) !important}
.ybcard.l-portrait .c-id{padding-top:16px}
/* banner: logo on a solid cover band, photo overlapping */
.ybcard .c-banner{background:var(--cover);background-size:cover;background-position:center;height:172px;display:grid;place-items:center;padding:18px 24px 40px}
.ybcard .c-banner-img{max-width:78%;max-height:100px;object-fit:contain;display:block}
.ybcard .c-banner-co{color:var(--on-cover);font-size:22px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-align:center}
.ybcard.l-banner .c-av{width:84px;height:84px;top:-42px;left:12px}
.ybcard.l-banner .c-av span{font-size:28px}
.ybcard.l-banner .c-head{height:46px}
.ybcard.l-banner .c-name{font-size:21px}
.ybcard.l-banner .c-title{font-size:16px;font-weight:700;margin-top:4px}
.ybcard.l-banner .c-company{font-size:15px}
.ybcard.l-banner .c-headline{margin-top:6px;font-size:13.5px}
/* minimal */
.ybcard .c-min-top{display:flex;justify-content:space-between;align-items:center;padding:28px 20px 0}
.ybcard .c-av.md{position:static;width:76px;height:76px;border:0}
.ybcard .c-av.md span{font-size:26px}
.ybcard .c-rule{height:3px;width:44px;background:var(--brand);margin:20px 20px 4px;border-radius:2px}
/* split */
.ybcard.l-split{border-left:10px solid var(--brand)}
.ybcard .c-av.square{border-radius:22px;width:88px;height:88px;top:-44px}