/* Billboard hero (inc/billboard.php, template "internacional"), modelled on barraquer.com/paciente-internacional:
   full-width photo strip, navy veil (the one gradient the identity allows: the hero's veil over a photo), white title
   and CTA on the left, then the excerpt as a large introduction on white. */
.ivo-bb{position:relative;overflow:hidden;background:var(--ivo-blue);color:#fff;min-height:clamp(440px,36vw,580px);display:flex;align-items:center}
.ivo-bb__media{position:absolute;inset:0;margin:0}
.ivo-bb__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:75% 40%}
.ivo-bb::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(1,45,97,.94) 0%,rgba(1,45,97,.82) 32%,rgba(1,45,97,.30) 58%,rgba(1,45,97,.08) 78%)}
.ivo-bb__copy{position:relative;z-index:2;width:100%;box-sizing:border-box;padding-top:72px;padding-bottom:72px;display:flex;flex-direction:column;align-items:flex-start;gap:22px}
.ivo-bb__copy > *{max-width:600px}
.ivo-bb__eyebrow{margin:0;font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ivo-on-blue-soft)}
.ivo-bb__title{margin:0;color:#fff;font-weight:300;font-size:clamp(46px,5.4vw,84px);line-height:1;letter-spacing:-.03em}
.ivo-bb__title::after{content:"";display:block;width:64px;height:2px;margin-top:26px;background:#fff}
.ivo-bb .ivo-actions{margin-top:4px}
.ivo-bb__ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.75)}
.ivo-bb__ghost:hover{background:#fff;color:var(--ivo-blue);border-color:#fff}
.ivo-bb a:focus-visible{outline-color:#fff}

.ivo-bb-intro{background:#fff;border-bottom:1px solid var(--ivo-line)}
.ivo-bb-intro .ivo-wrap{padding-top:56px;padding-bottom:56px}
.ivo-bb-intro__text{margin:0;max-width:860px;font-size:clamp(22px,2vw,28px);line-height:1.45;font-weight:300;color:var(--ivo-ink)}

@media (max-width:760px){
  .ivo-bb{display:block;min-height:0}
  .ivo-bb__media{position:relative;height:clamp(220px,62vw,340px)}
  .ivo-bb__media img{object-position:78% 40%}
  .ivo-bb::before{display:none}
  .ivo-bb__copy{padding-top:32px;padding-bottom:40px;gap:18px}
  .ivo-bb__title{font-size:44px}
  .ivo-bb__title::after{margin-top:18px}
  .ivo-bb .ivo-actions{width:100%}
  .ivo-bb .ivo-actions .ivo-btn{flex:1 1 100%}
  .ivo-bb-intro .ivo-wrap{padding-top:36px;padding-bottom:36px}
}