/* ==========================================================
   Portada 14ª edición · Elcano
   Portada con la foto del Elcano a toda vela (.hero14-a)
   ========================================================== */
@font-face { font-family: "Barlow Condensed"; font-weight: 500; font-display: swap; src: url(../fonts/barlow-condensed-latin-500-normal.woff2) format("woff2"); }
@font-face { font-family: "Barlow Condensed"; font-weight: 700; font-display: swap; src: url(../fonts/barlow-condensed-latin-700-normal.woff2) format("woff2"); }

/* ---------- común ---------- */
#bienvenida.hero14 { display: block; }
.hero14 .hero14-in { position: relative; overflow: hidden; }
.hero14 .hero14-txt { position: relative; z-index: 2; }
#bienvenida.hero14 h1 { margin: 0; letter-spacing: 0; text-align: left; }
.hero14 .hero14-txt { text-align: left; }
#bienvenida.hero14 p { padding: 0; margin: 0; }
.hero14 .hero14-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 22px; margin-top: 28px; }
.hero14 .hero14-btn { display: inline-block; padding: 14px 30px; border-radius: 4px; font-weight: 700; font-size: 17px; line-height: 1.2; text-decoration: none; transition: transform .15s ease, box-shadow .15s ease; }
.hero14 .hero14-btn:hover { transform: translateY(-2px); text-decoration: none; }
.hero14 .hero14-link { font-weight: 700; font-size: 16px; text-decoration: underline; text-underline-offset: 4px; }
.hero14 a:focus-visible { outline: 3px solid #ffd21f; outline-offset: 3px; }
#bienvenida.hero14 .hero14-credit { position: absolute; z-index: 2; right: 12px; bottom: 8px; margin: 0; font-size: 11px; line-height: 1.3; opacity: .85; }
.hero14 .hero14-credit a { color: inherit; text-decoration: underline; }
@media (prefers-reduced-motion: reduce) { .hero14 .hero14-btn { transition: none; } }

/* ==========================================================
   A · A toda vela (azul)
   ========================================================== */
.hero14-a .hero14-in {
  min-height: clamp(560px, 46vw, 820px);
  display: flex; align-items: center;
  background: #1f6fd0 url(../../img/hero/elcano-azul.jpg) no-repeat right 78% / cover;
  color: #fff;
}
.hero14-a .hero14-in::before {
  content: ""; position: absolute; inset: 0; z-index: 1;
  background: linear-gradient(90deg, rgba(4,32,84,.9) 0%, rgba(4,32,84,.72) 30%, rgba(4,32,84,.28) 46%, rgba(4,32,84,0) 62%);
}
.hero14-a .hero14-txt { width: min(500px, 40vw); margin-left: clamp(24px, 7.5vw, 130px); padding: 48px 0 56px; }
#bienvenida.hero14-a .hero14-kicker { font-family: "Barlow Condensed", "Arial Narrow", Arial, sans-serif; font-weight: 500; font-size: 24px; line-height: 1.2; color: #ffd21f; }
#bienvenida.hero14-a h1 { font-family: "Barlow Condensed", "Arial Narrow", Arial, sans-serif; font-weight: 700; font-size: clamp(48px, 5.6vw, 92px); line-height: .94; text-transform: uppercase; color: #fff; margin: 10px 0 20px; text-wrap: balance; }
#bienvenida.hero14-a .hero14-lead { font-size: 18px; line-height: 1.55; color: #fff; max-width: 24em; }
.hero14-a .hero14-btn { background: #ffd21f; color: #06245c; box-shadow: 0 6px 18px rgba(0,0,0,.28); }
.hero14-a .hero14-btn:hover { color: #06245c; box-shadow: 0 10px 24px rgba(0,0,0,.34); }
.hero14-a .hero14-link, .hero14-a .hero14-link:hover { color: #fff; }
#bienvenida.hero14-a .hero14-credit { color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,.6); }

@media (max-width: 991px) {
  .hero14-a .hero14-in { display: block; min-height: 0; padding-bottom: 62vw; background-position: 80% bottom; background-size: auto 78vw; background-color: #6ab9fb; }
  .hero14-a .hero14-in::before { background: linear-gradient(180deg, #042054 0%, #042054 38%, rgba(4,32,84,.0) 72%); }
  .hero14-a .hero14-txt { width: auto; margin: 0; padding: 36px 22px 0; }
  #bienvenida.hero14-a h1 { font-size: clamp(44px, 13vw, 72px); }
  #bienvenida.hero14-a .hero14-lead { font-size: 16px; }
}