html { scroll-behavior: smooth; }
  body { margin: 0; background: #0A0A0B; color: #EDEDEE; font-family: Poppins, system-ui, sans-serif; font-weight: 300; -webkit-font-smoothing: antialiased; }
  * { box-sizing: border-box; }
  a { color: #9C7C4A; text-decoration: none; }
  a:hover { color: #C4A473; }
  a:focus-visible, summary:focus-visible { outline: 2px solid #9C7C4A; outline-offset: 3px; }
  h1, h2, h3 { font-family: Lora, Georgia, serif; font-weight: 400; margin: 0; }
  p { margin: 0; }
  summary { list-style: none; cursor: pointer; }
  summary::-webkit-details-marker { display: none; }
  details[open] .jf-plus { transform: rotate(45deg); }
  details[open] .jf-burger-open { display: none; }
  details:not([open]) .jf-burger-close { display: none; }
  .jf-desktop-nav { display: none; }
  .jf-menu { display: block; }
  .jf-hero { grid-template-columns: 1fr; }
  .jf-hero-photo { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
  .jf-timeline { grid-template-columns: 1fr; }
  .jf-timeline-rail { display: none; }
  .jf-options { grid-template-columns: 1fr; }
  .jf-included { grid-template-columns: 1fr; }
  .jf-offset { margin-left: 0; }
  @media (min-width: 900px) {
    .jf-desktop-nav { display: flex; }
    .jf-menu { display: none; }
    .jf-hero { grid-template-columns: 7fr 5fr; }
    .jf-hero-photo { clip-path: polygon(14% 0, 100% 0, 100% 100%, 0 100%); }
    .jf-timeline { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .jf-timeline-rail { display: block; }
    .jf-options { grid-template-columns: 1fr 1fr; }
    .jf-included { grid-template-columns: 5fr 7fr; }
    .jf-offset { margin-left: 18%; }
  }
  @keyframes jf-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
  .jf-marquee-track { animation: jf-marquee 38s linear infinite; will-change: transform; }
  .jf-marquee:hover .jf-marquee-track { animation-play-state: paused; }
  .jf-logo { height: 40px; width: auto; }
  @media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    * { transition: none !important; animation: none !important; }
  }

  .jf-dd { position: relative; }
  .jf-dd summary { color: #9A9EA3; display: flex; align-items: center; gap: 6px; }
  .jf-dd summary:hover, .jf-dd[open] summary { color: #EDEDEE; }
  .jf-dd-panel { position: absolute; top: calc(100% + 14px); left: -20px; min-width: 240px; background: #0A0A0B; border: 1px solid #2B2C2E; padding: 8px 0; display: flex; flex-direction: column; }
  .jf-dd-panel a { padding: 12px 20px; color: #9A9EA3; }
  .jf-dd-panel a:hover { color: #EDEDEE; background: #111214; }
  .jf-three { grid-template-columns: 1fr; }
  .jf-two { grid-template-columns: 1fr; }
  .jf-card { transition: background 0.25s ease; }
  .jf-card:hover { background: #17181B !important; }
  .jf-card:hover .jf-arrow { transform: translateX(8px); }
  .jf-arrow { transition: transform 0.25s ease; display: inline-block; }
  .jf-row:hover { color: #EDEDEE !important; }
  .jf-row:hover .jf-arrow { transform: translateX(8px); }
  input, textarea, select { font: inherit; }
  @media (min-width: 900px) {
    .jf-three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .jf-two { grid-template-columns: 1fr 1fr; }
  }

  /* Ajuste 2026-09-13: foto a la derecha también en mobile (pedido explícito, no estaba en el diseño original) */
  @media (max-width: 899px) {
    .jf-hero { grid-template-columns: 3fr 2fr; align-items: stretch; }
    .jf-hero > div:first-child { padding: 24px 14px 20px !important; }
    .jf-hero h1 { font-size: clamp(18px, 7.5vw, 28px) !important; line-height: 1.08 !important; max-width: 11ch !important; margin-top: 14px !important; }
    .jf-hero p { font-size: 12.5px !important; line-height: 1.5 !important; margin-top: 14px !important; }
    .jf-hero > div:first-child > div:first-child span { font-size: 9px !important; }
    .jf-hero a[href] { padding: 10px 16px !important; font-size: 9.5px !important; margin-top: 18px !important; }
    .jf-hero-photo { min-height: 240px !important; }
    .jf-hero-photo div[style*="clamp(30px"] { font-size: 13px !important; }
    .jf-hero-photo div[style*="letter-spacing: 0.2em"] { font-size: 7px !important; }

    /* Orden de las stats sobre la foto: 1:1 arriba, 3 países debajo */
    .jf-hero-photo div[style*="gap: 24px 36px"] { flex-direction: column-reverse !important; gap: 6px !important; }

    /* Barra "Recognised by": etiqueta más pequeña, marquesina de logos más amplia y con énfasis */
    [aria-label="Recognition"] { padding: 18px 14px 26px !important; gap: 12px !important; }
    [aria-label="Recognition"] > span { font-size: 8px !important; letter-spacing: 0.14em !important; padding-right: 10px !important; margin-right: 0 !important; }
    .jf-logo { height: 30px !important; }
  }
  @media (max-width: 480px) {
    [aria-label="Recognition"] { flex-direction: column !important; gap: 10px !important; }
    [aria-label="Recognition"] > span { border-right: none !important; padding-right: 0 !important; }
    .jf-logo { height: 34px !important; }
  }