/* BREAK POINT TRAVEL - HERO DIAGONAL (2026-10-16)
   Cargar DESPUES de giftcards.css. No modifica el resto del sitio. */
@media (min-width: 901px) {
  .gc .gc-hero { background: #464a6d; }
  .gc .gc-hero-inner {
    display: grid;
    grid-template-columns: 52% 48%;
    gap: 0;
    min-height: 0;
    align-items: stretch;
  }
  .gc .gc-copy {
    min-width: 0;
    padding: 44px 28px 44px max(32px, calc((100vw - 1190px)/2 + 24px));
    position: relative;
    z-index: 1;
  }
  .gc .gc-hero .gc-eyebrow { letter-spacing: 1.5px; }
  .gc .gc-hero h1 {
    max-width: 610px;
    font-size: clamp(36px, 3.05vw, 50px);
    line-height: 1.12;
    margin: 12px 0 15px;
    overflow-wrap: normal;
    word-break: normal;
  }
  .gc .gc-hero .gc-copy p { max-width: 550px; }
  .gc .gc-hero-art {
    min-height: 435px;
    height: auto;
    overflow: hidden;
    background: #464a6d;
  }
  /* El borde izquierdo de la foto es diagonal, como el boceto. */
  .gc .gc-photo {
    inset: 0;
    clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%);
    border-radius: 0;
  }
  .gc .gc-voucher { z-index: 2; }
}
@media (min-width: 901px) and (max-width: 1180px) {
  .gc .gc-copy { padding-left: 35px; padding-right: 20px; }
  .gc .gc-hero h1 { font-size: clamp(34px, 3.7vw, 43px); }
}
@media (max-width: 900px) {
  .gc .gc-hero-inner { grid-template-columns: 1fr; }
  .gc .gc-copy { padding: 40px 24px 34px; }
  .gc .gc-hero-art { min-height: 300px; }
  .gc .gc-photo { clip-path: none; }
}
@media (max-width: 600px) {
  .gc .gc-copy { padding: 34px 20px 28px; }
  .gc .gc-hero h1 { font-size: clamp(34px, 8vw, 44px); }
  .gc .gc-hero-art { min-height: 260px; }
}