.header-section[data-astro-cid-3ef6ksr2]{width:100%;height:82px;background-color:#000000;position:relative;z-index:100;box-sizing:border-box;display:flex;align-items:center}.header-container[data-astro-cid-3ef6ksr2]{width:100%;max-width:100%;margin:0 auto;padding-inline:40px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;height:100%}.desktop-navbar[data-astro-cid-3ef6ksr2]{height:100%}.nav-block[data-astro-cid-3ef6ksr2]{display:flex;align-items:center}.left-nav[data-astro-cid-3ef6ksr2]{display:flex;gap:70px;justify-content:flex-end;flex:1}.right-nav[data-astro-cid-3ef6ksr2]{display:flex;gap:70px;justify-content:flex-start;flex:1}.logo-block[data-astro-cid-3ef6ksr2]{display:flex;justify-content:center;align-items:center;flex-shrink:0;margin-inline:100px}.header-logo-img[data-astro-cid-3ef6ksr2]{width:155.408px;height:33.776px;object-fit:contain;transition:transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275)}.logo-link[data-astro-cid-3ef6ksr2]{display:flex}.logo-link[data-astro-cid-3ef6ksr2]:hover .header-logo-img[data-astro-cid-3ef6ksr2]{transform:scale(1.05)}.menu-link[data-astro-cid-3ef6ksr2]{color:var(--blanco, #fffceb);text-align:right;font-family:var(--font-heading);font-size:11px;font-style:normal;font-weight:500;line-height:14px;text-transform:uppercase;text-decoration:none;transition:opacity 0.3s ease;white-space:nowrap}.menu-link[data-astro-cid-3ef6ksr2]:hover{opacity:0.7}.mobile-navbar[data-astro-cid-3ef6ksr2]{height:100%}.mobile-logo-block[data-astro-cid-3ef6ksr2]{display:flex;align-items:center}.header-logo-img-mobile[data-astro-cid-3ef6ksr2]{height:48px;width:auto;object-fit:contain}.mobile-menu-trigger[data-astro-cid-3ef6ksr2]{background-color:transparent;border:none;padding:8px 0;cursor:pointer;color:#ffffff;display:flex;align-items:center;justify-content:center;transition:opacity 0.2s ease,transform 0.2s ease}.mobile-menu-trigger[data-astro-cid-3ef6ksr2]:hover,.mobile-menu-trigger[data-astro-cid-3ef6ksr2]:active{opacity:0.7;transform:scale(1.05)}.menu-icon[data-astro-cid-3ef6ksr2]{width:30px;height:20px;display:block}.mobile-drawer[data-astro-cid-3ef6ksr2]{position:fixed;inset:0;background-color:#000000;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform 0.4s cubic-bezier(0.16,1,0.3,1)}.mobile-drawer[data-astro-cid-3ef6ksr2].translate-x-full{transform:translateX(100%)}.close-btn[data-astro-cid-3ef6ksr2]{position:absolute;top:30px;right:30px;background:transparent;border:none;cursor:pointer;color:#ffffff;display:flex;align-items:center;justify-content:center;transition:transform 0.2s ease}.close-btn[data-astro-cid-3ef6ksr2]:hover{transform:scale(1.1) rotate(90deg)}.close-icon[data-astro-cid-3ef6ksr2]{width:32px;height:32px}.mobile-nav[data-astro-cid-3ef6ksr2]{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:280px}.mobile-drawer-logo[data-astro-cid-3ef6ksr2]{margin-bottom:20px}.mobile-drawer-logo-img[data-astro-cid-3ef6ksr2]{height:52px;width:auto;object-fit:contain}.mobile-link[data-astro-cid-3ef6ksr2]{color:#ffffff;font-family:var(--font-heading);font-size:16px;font-weight:500;text-transform:uppercase;text-decoration:none;letter-spacing:0.05em;transition:transform 0.2s ease,opacity 0.2s ease}.mobile-link[data-astro-cid-3ef6ksr2]:hover{transform:scale(1.05);opacity:0.7}@media (max-width: 1650px){.logo-block[data-astro-cid-3ef6ksr2]{margin-inline:120px}.left-nav[data-astro-cid-3ef6ksr2],.right-nav[data-astro-cid-3ef6ksr2]{gap:50px}}@media (max-width: 1380px){.logo-block[data-astro-cid-3ef6ksr2]{margin-inline:60px}.left-nav[data-astro-cid-3ef6ksr2],.right-nav[data-astro-cid-3ef6ksr2]{gap:30px}.header-logo-img[data-astro-cid-3ef6ksr2]{height:52px}}@media (max-width: 1100px){.logo-block[data-astro-cid-3ef6ksr2]{margin-inline:30px}.left-nav[data-astro-cid-3ef6ksr2],.right-nav[data-astro-cid-3ef6ksr2]{gap:15px}.menu-link[data-astro-cid-3ef6ksr2]{font-size:11px}}@media (max-width: 992px){.mobile-navbar[data-astro-cid-3ef6ksr2]{position:relative;display:flex!important;justify-content:flex-end!important;align-items:center!important}.mobile-logo-block[data-astro-cid-3ef6ksr2]{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0!important}.header-section[data-astro-cid-3ef6ksr2]{height:80px}.header-logo-img-mobile[data-astro-cid-3ef6ksr2]{height:32px;width:auto;object-fit:contain}}@media (max-width: 767px){.header-logo-img-mobile[data-astro-cid-3ef6ksr2]{width:110px!important;height:23.907px!important}.header-section[data-astro-cid-3ef6ksr2]{height:60px}.mobile-menu-trigger[data-astro-cid-3ef6ksr2]{width:30px!important;height:20px!important;padding:0!important}.menu-icon[data-astro-cid-3ef6ksr2]{width:30px!important;height:20px!important}.mobile-drawer-logo-img[data-astro-cid-3ef6ksr2]{height:26px!important;width:auto!important}.header-container[data-astro-cid-3ef6ksr2]{padding-inline:20px!important}}.hero-section[data-astro-cid-kggsjsm4]{position:relative;width:100%;height:900px;overflow:hidden;box-sizing:border-box;padding:0!important;display:flex;align-items:center;background-color:#ffffff}.hero-bg-img[data-astro-cid-kggsjsm4]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}.hero-container[data-astro-cid-kggsjsm4]{position:relative;z-index:10;width:100%;display:flex;justify-content:flex-start;padding-inline:40px;box-sizing:border-box}@media (min-width: 993px){}.content-wrapper[data-astro-cid-kggsjsm4]{max-width:750px;width:100%;display:flex;flex-direction:column;align-items:flex-start;text-align:left;box-sizing:border-box}.hero-title[data-astro-cid-kggsjsm4]{color:var(--negro, #000);font-family:var(--font-heading);font-size:104.626px;font-style:normal;font-weight:500;line-height:98px;text-transform:uppercase;margin:0;margin-bottom:30px;letter-spacing:-0.02em;text-align:left;margin-top:50px}.highlight-black[data-astro-cid-kggsjsm4]{background-color:#000000;color:var(--blanco, #fff);font-family:var(--font-heading);font-size:74.839px;font-style:normal;font-weight:800;line-height:92.301px;padding:4px 18px;display:inline-block;margin-top:8px}.hero-paragraph[data-astro-cid-kggsjsm4]{color:#000000;font-family:var(--font-body);font-size:18px;font-weight:400;line-height:28px;margin:0;margin-bottom:44px;opacity:1;text-align:left}.hero-cta-btn[data-astro-cid-kggsjsm4]{display:inline-flex;align-items:center;justify-content:space-between;width:250px;height:40px;border:1px solid #000000;background-color:#ffffff;color:#000000;font-family:var(--font-heading);font-size:16px;font-weight:700;text-transform:none;text-decoration:none;border-radius:3px;overflow:hidden;cursor:pointer;transition:background-color 0.3s ease;padding-left:20px;padding-right:0;box-sizing:border-box}.hero-cta-btn[data-astro-cid-kggsjsm4]:hover{background-color:#f6f6f6}.btn-text[data-astro-cid-kggsjsm4]{font-weight:700}.arrow-container[data-astro-cid-kggsjsm4]{width:37px;height:100%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box}.arrow-icon[data-astro-cid-kggsjsm4]{width:100%;height:auto;object-fit:contain;filter:invert(1);display:block}@media (max-width: 1540px) and (min-width: 993px){}@media (max-width: 992px){.hero-section[data-astro-cid-kggsjsm4]{height:800px}.hero-container[data-astro-cid-kggsjsm4]{padding-inline:24px;justify-content:flex-start}.content-wrapper[data-astro-cid-kggsjsm4]{max-width:100%}.hero-title[data-astro-cid-kggsjsm4]{font-size:64px;line-height:1.1;margin-bottom:24px}}@media (max-width: 767px){.hero-section[data-astro-cid-kggsjsm4]{height:720px}.hero-container[data-astro-cid-kggsjsm4]{padding-inline:16px}.hero-title[data-astro-cid-kggsjsm4]{font-size:44px;line-height:1.15}.highlight-black[data-astro-cid-kggsjsm4]{font-size:32px;line-height:48px}.hero-paragraph[data-astro-cid-kggsjsm4]{font-size:18px;line-height:22px}}.nosotros-section[data-astro-cid-zetw4zt5]{width:100%;background-color:#ffffff;padding-block:120px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:50px}.nosotros-container[data-astro-cid-zetw4zt5]{width:100%;max-width:1100px;margin-inline:auto;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.content-wrapper[data-astro-cid-zetw4zt5]{width:100%;max-width:820px;display:flex;flex-direction:column;align-items:center;text-align:center;box-sizing:border-box}.nosotros-volanta[data-astro-cid-zetw4zt5]{color:var(--gris, #9e9e9e);text-align:center;font-family:var(--font-heading);font-size:16px;font-style:normal;font-weight:500;line-height:46px;margin:0;margin-bottom:24px}.nosotros-titulo[data-astro-cid-zetw4zt5]{color:var(--negro, #000);text-align:center;font-family:var(--font-heading);font-size:36px;font-style:normal;font-weight:500;line-height:42px;text-transform:uppercase;margin:0;margin-bottom:36px}.title-black[data-astro-cid-zetw4zt5]{font-weight:900}.nosotros-descripcion[data-astro-cid-zetw4zt5]{color:#000;text-align:center;font-family:var(--font-body);font-size:16px;font-style:normal;font-weight:400;line-height:26px;margin:0}@media (max-width: 1540px) and (min-width: 993px){.nosotros-section[data-astro-cid-zetw4zt5]{padding-block:100px}}@media (max-width: 992px){.nosotros-section[data-astro-cid-zetw4zt5]{padding-block:90px}.nosotros-titulo[data-astro-cid-zetw4zt5]{font-size:32px;margin-bottom:28px}}@media (max-width: 767px){.nosotros-section[data-astro-cid-zetw4zt5]{padding-block:70px}.nosotros-titulo[data-astro-cid-zetw4zt5]{font-size:32px;line-height:42px;margin-bottom:24px;br {display: none;}}.nosotros-descripcion[data-astro-cid-zetw4zt5]{font-size:18px;line-height:26px}}.beneficios-section[data-astro-cid-5tjyhmct]{position:relative;width:100%;min-height:800px;background-color:#000000;padding-block:160px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden}.beneficios-bg-img[data-astro-cid-5tjyhmct]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}.beneficios-container[data-astro-cid-5tjyhmct]{position:relative;z-index:10;width:100%;max-width:1440px;margin-inline:auto;box-sizing:border-box;padding-inline:40px}.beneficios-desktop-only[data-astro-cid-5tjyhmct]{width:100%}.beneficios-grid[data-astro-cid-5tjyhmct]{display:grid;grid-template-columns:0.7fr 1.3fr;gap:80px;align-items:start;width:100%}.left-col[data-astro-cid-5tjyhmct]{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding-top:10px;align-self:center}.beneficios-volanta[data-astro-cid-5tjyhmct]{font-family:var(--font-heading);font-size:16px;font-weight:500;text-transform:lowercase;color:var(--color-texto-muted);letter-spacing:0.05em;margin:0;margin-bottom:24px}.beneficios-h2[data-astro-cid-5tjyhmct]{color:var(--blanco, #fff);font-family:var(--font-heading);font-size:36px;font-style:normal;font-weight:500;line-height:42px;text-transform:uppercase;margin:0}.title-black[data-astro-cid-5tjyhmct]{font-weight:900}.right-col[data-astro-cid-5tjyhmct]{width:100%}.cards-grid[data-astro-cid-5tjyhmct]{display:grid;grid-template-columns:1fr 1fr;gap:90px 60px;width:100%}.beneficio-card[data-astro-cid-5tjyhmct]{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;box-sizing:border-box;padding-left:62px;width:100%}.beneficio-line[data-astro-cid-5tjyhmct]{position:absolute;left:0;top:102px;width:46.176px!important;height:auto;object-fit:contain;display:block}.card-content-col[data-astro-cid-5tjyhmct]{display:flex;flex-direction:column;align-items:flex-start;width:100%}.beneficio-icon[data-astro-cid-5tjyhmct]{width:51px!important;height:51px!important;object-fit:contain;margin-bottom:44px;display:block}.beneficio-card-title[data-astro-cid-5tjyhmct]{color:var(--blanco, #fff);font-family:var(--font-heading);font-size:20px;font-style:normal;font-weight:500;line-height:24px;text-transform:uppercase;margin:0;margin-bottom:12px}.beneficio-card-desc[data-astro-cid-5tjyhmct]{color:var(--blanco, #fff);font-family:var(--font-body);font-size:16px;font-style:normal;font-weight:400;line-height:23px;margin:0;max-width:330px}.beneficios-mobile-only[data-astro-cid-5tjyhmct]{display:none}@media (max-width: 992px){.beneficios-desktop-only[data-astro-cid-5tjyhmct]{display:none}.beneficios-mobile-only[data-astro-cid-5tjyhmct]{display:block;width:100%}.beneficios-section[data-astro-cid-5tjyhmct]{padding-block:100px;h2 {margin-bottom: 150px;}}.mobile-header[data-astro-cid-5tjyhmct]{margin-bottom:50px;text-align:left}.swiper-beneficios[data-astro-cid-5tjyhmct]{width:100%;overflow:hidden;display:flex;flex-direction:column}.mobile-beneficio-card[data-astro-cid-5tjyhmct]{width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.beneficio-card-title[data-astro-cid-5tjyhmct].no-line{margin-bottom:16px;font-size:20px}.beneficio-card-desc[data-astro-cid-5tjyhmct]{max-width:100%;font-size:16px;line-height:25px}.swiper-nav-wrapper[data-astro-cid-5tjyhmct]{display:flex;gap:12px;margin-top:36px;justify-content:flex-start}.swiper-nav-btn[data-astro-cid-5tjyhmct]{width:44px;height:44px;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity 0.2s ease;box-sizing:border-box}.swiper-nav-btn[data-astro-cid-5tjyhmct]:hover{opacity:0.9}.swiper-nav-arrow[data-astro-cid-5tjyhmct]{width:30px;height:30px;object-fit:contain}.beneficios-container[data-astro-cid-5tjyhmct]{max-width:700px;margin:0 auto}}@media (max-width: 767px){.beneficios-section[data-astro-cid-5tjyhmct]{padding-block:80px}.beneficios-container[data-astro-cid-5tjyhmct]{padding-inline:24px}.beneficios-h2[data-astro-cid-5tjyhmct]{font-size:32px;line-height:42px}.mobile-header[data-astro-cid-5tjyhmct]{margin-bottom:40px}}/* --- Base Desktop (1920px) --- */
  .diferencial-section {
    width: 100%;
    background-color: #ffffff;
    padding-block: 120px;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
  }

  .diferencial-grid {
    display: grid;
    grid-template-columns: 1.15fr 1fr; /* Symmetrical favoring the photo column */
    align-items: center;
    gap: 80px;
    width: 100%;
  }

  /* Left Column: Cover Image centering */
  .diferencial-section .image-col {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
  }

  .diferencial-img {
    width: 100%;
    max-width: 566.813px;
    height: auto;
    aspect-ratio: 566.813 / 642.724; /* Strict Figma proportions */
    object-fit: cover;
    display: block;
  }

  @media (min-width: 993px) {
    .diferencial-img {
      width: 566.813px;
      height: 642.724px;
    }
  }

  /* Right Column: Content wrapper */
  .diferencial-section .content-col {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 5%; /* White space gap */
    box-sizing: border-box;
    width: 100%;
  }

  .diferencial-section .content-wrapper {
    max-width: 580px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
  }

  .diferencial-volanta {
    font-family: var(--font-heading);
    font-size: 16px;
    font-weight: 500;
    text-transform: lowercase;
    color: rgba(0, 0, 0, 0.4); /* Muted gray tag */
    letter-spacing: 0.05em;
    margin: 0;
    margin-bottom: 12px;
    text-align: left;
  }

  .diferencial-titulo {
    font-family: var(--font-heading);
    font-size: 36px;
    font-weight: 500; /* Avenir Medium */
    line-height: 1.2;
    text-transform: uppercase;
    color: #000000;
    margin: 0;
    margin-bottom: 32px;
    letter-spacing: -0.01em;
    text-align: left;
  }

  .diferencial-titulo .title-bold {
    font-weight: 900; /* Avenir Black */
  }

  .paragraphs-block {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
  }

  .diferencial-p {
    font-family: var(--font-heading);
    font-size: 16px;
    font-weight: 400; /* Avenir Roman */
    line-height: 1.6;
    color: #000000;
    margin: 0;
    opacity: 0.9;
    text-align: left;
  }

  .diferencial-signature {
    font-family: var(--font-heading);
    font-size: 16px;
    font-style: italic;
    font-weight: 500; /* Avenir Medium */
    color: #000000;
    margin: 0;
    margin-top: 36px;
    text-align: left;
  }

  /* --- Laptop (max-width: 1540px and min-width: 993px) --- */
  @media (max-width: 1540px) and (min-width: 993px) {
    .diferencial-titulo {
      font-size: 34px;
      margin-bottom: 24px;
    }

    .diferencial-section .content-col {
      padding-left: 0;
    }
  }

  /* --- Tablet (max-width: 992px) --- */
  @media (max-width: 992px) {
    .diferencial-section {
      padding-block: 90px;
    }

    .diferencial-grid {
      grid-template-columns: 1fr; /* Stacks vertically */
      gap: 50px;
    }

    .image-col {
      max-width: 500px;
      margin-inline: auto;
    }

    .diferencial-section .content-col {
      padding-left: 0;
      justify-content: center;
    }

    .diferencial-section .content-wrapper {
      max-width: 600px;
    }

    .diferencial-titulo {
      font-size: 34px;
      margin-bottom: 24px;
    }
  }

  /* --- Mobile (max-width: 767px) --- */
  @media (max-width: 767px) {
    .diferencial-section {
      padding-block: 70px;
      padding-inline: 16px;
    }

    .diferencial-grid {
      gap: 40px;
    }

    .diferencial-volanta {
      font-size: 16px;
      margin-bottom: 8px;
    }

    .diferencial-titulo {
      font-size: 32px;
      line-height: 40px;
      br {
        display: none;
      }
    }

    .diferencial-p {
      font-size: 18px;
      line-height: 28px;
    }

    .diferencial-signature {
      font-size: 18px;
      margin-top: 28px;
    }
  }/* --- Base Desktop (1920px) --- */
  .video-section {
    width: 100%;
    background-color: #ffffff;
    padding-block: 120px;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    padding-top: 60px;
  }

  .video-header {
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
  }

  .video-volanta {
    font-family: var(--font-heading);
    font-size: 16px;
    font-weight: 500;
    text-transform: lowercase;
    color: rgba(0, 0, 0, 0.4); /* Muted gray tag */
    letter-spacing: 0.05em;
    margin: 0;
    margin-bottom: 12px;
    text-align: center;
  }

  .video-titulo {
    font-family: var(--font-heading);
    font-size: 36px;
    font-weight: 500; /* Avenir Medium */
    line-height: 42px;
    text-transform: uppercase;
    color: #000000;
    margin: 0;
    letter-spacing: -0.01em;
    text-align: center;
  }

  .video-titulo .title-bold {
    font-weight: 900; /* Avenir Black */
  }

  /* Centered Widescreen Video Wrapper */
  .video-wrapper {
    width: 100%;
    max-width: 1096px; /* Perfect centered balance in grid container */
    margin-inline: auto;
    aspect-ratio: 16 / 9;
    position: relative;
    background-color: #000000;
    overflow: hidden;
    box-sizing: border-box;
  }

  .video-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000; /* Crisp flat black matching Figma screenshot */
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 10;
    transition: opacity 0.4s ease;
  }

  .video-play-btn {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 2.5px solid #ffffff;
    background-color: rgba(0, 0, 0, 0.4);
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition:
      transform 0.3s ease,
      background-color 0.3s ease;
    padding: 0;
    outline: none;
  }

  .video-play-btn:hover {
    transform: scale(1.08);
    background-color: rgba(255, 255, 255, 0.1);
  }

  .play-icon {
    width: 24px;
    height: 24px;
    margin-left: 4px; /* Optical center alignment */
    fill: #ffffff;
  }

  .video-player-target {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
  }

  /* When playing, fade out placeholder completely */
  .video-wrapper.is-playing .video-placeholder {
    opacity: 0;
    pointer-events: none;
  }

  .video-iframe {
    width: 100%;
    height: 100%;
    border: none;
  }

  /* --- Laptop (max-width: 1540px and min-width: 993px) --- */
  @media (max-width: 1540px) and (min-width: 993px) {
    .video-section {
      padding-block: 100px;
    }
  }

  /* --- Tablet (max-width: 992px) --- */
  @media (max-width: 992px) {
    .video-section {
      padding-block: 90px;
    }

    .video-titulo {
      font-size: 30px;
    }

    .video-wrapper {
      max-width: 720px;
    }

    .video-play-btn {
      width: 72px;
      height: 72px;
    }

    .play-icon {
      width: 22px;
      height: 22px;
    }
  }

  /* --- Mobile (max-width: 767px) --- */
  @media (max-width: 767px) {
    .video-section {
      padding-block: 70px;
      padding-inline: 16px;
    }

    .video-volanta {
      font-size: 16px;
      margin-bottom: 8px;
    }

    .video-titulo {
      font-size: 32px;
      line-height: 40px;
      br {
        display: none;
      }
    }

    .video-header {
      margin-bottom: 40px;
    }

    .video-wrapper {
      max-width: 100%;
    }

    .video-play-btn {
      width: 60px;
      height: 60px;
    }

    .play-icon {
      width: 18px;
      height: 18px;
      margin-left: 3px;
    }
  }/* --- Base Desktop (1920px) --- */
  .datos-section {
    width: 100%;
    background-color: #ffffff;
    padding-block: 120px;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    padding-top: 0;
    margin-top: -60px;
  }

  .datos-section .container {
    max-width: 1780px;
  }

  .datos-grid {
    display: grid;
    grid-template-columns: 6fr 4fr; /* Symmetrical 60/40 split */
    align-items: center;
    gap: 80px;
    width: 100%;
  }

  /* Left Column: Overlay layout */
  .visual-col {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
  }

  .visual-wrapper {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
  }

  .kiosk-img {
    width: 100%;
    max-width: 996px;
    height: auto;
    object-fit: contain;
    display: block;
    z-index: 1;
  }

  /* Overlay Title sitting perfectly over the map background */
  .datos-titulo {
    color: var(--negro, #000);
    font-family: var(--font-heading); /* Avenir */
    font-size: 45.895px;
    font-style: normal;
    font-weight: 500;
    line-height: 53.544px; /* 116.667% */
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    z-index: 10;
    margin: 0;
  }

  .datos-titulo .highlight-black {
    background-color: #000000;
    color: var(--blanco, #fff);
    font-family: var(--font-heading); /* Avenir */
    font-size: 45.895px;
    font-style: normal;
    font-weight: 900;
    line-height: 56px; /* 122.018% */
    text-transform: uppercase;
    padding: 2px 14px;
    display: inline-block;
    margin-top: 4px;
  }

  @media (min-width: 993px) {
    .kiosk-img {
      width: 100%;
      max-width: 996px;
      height: 800px;
      object-fit: contain;
    }
    .datos-titulo {
      position: absolute;
      top: 230px;
      left: 48%;
      transform: translateX(-50%);
      text-align: left;
      padding-left: 20%;
    }
    .visual-wrapper {
      padding-top: 150px; /* Gives spacious layout separation for absolute overlap */
    }
  }

  /* Right Column: Info Items */
  .info-col {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding-top: 200px;
  }

  .datos-list {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 100%;
  }

  .dato-item {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    width: 100%;
  }

  /* Custom line with left dot */
  .dato-decor {
    display: flex;
    align-items: center;
    height: 24px; /* Vertically centered with the title line-height */
    flex-shrink: 0;
    width: 50px; /* Spacious horizontal width matching Figma */
  }

  .decor-dot {
    width: 5px;
    height: 5px;
    background-color: #000000;
    border-radius: 50%;
    flex-shrink: 0;
  }

  .decor-line {
    height: 1px;
    background-color: #000000;
    opacity: 0.15;
    width: 100%;
  }

  .dato-content {
    display: flex;
    flex-direction: column;
    text-align: left;
  }

  .item-title {
    color: var(--negro, #000);
    font-family: var(--font-heading); /* Avenir */
    font-size: 20.888px;
    font-style: normal;
    font-weight: 500;
    line-height: 28.721px; /* 137.5% */
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 6px;
  }

  .item-desc {
    color: var(--negro, #000);
    font-family: var(--font-body); /* Avenir */
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin: 0;
    max-width: 85%;
  }

  /* --- Laptop (max-width: 1540px and min-width: 993px) --- */
  @media (max-width: 1540px) and (min-width: 993px) {
    .datos-grid {
      gap: 60px;
    }
  }

  /* --- Tablet (max-width: 992px) --- */
  @media (max-width: 992px) {
    .datos-section {
      padding-block: 90px;
    }

    .datos-grid {
      grid-template-columns: 1fr; /* Stacks vertically */
      gap: 50px;
    }

    .visual-wrapper {
      padding-top: 0;
    }

    .kiosk-img {
      max-width: 500px;
      order: 2;
    }

    .datos-titulo {
      font-size: 34px;
      margin-bottom: -80px;
      order: 1; /* Title displays first on mobile above the image */
    }

    .visual-wrapper {
      display: flex;
      flex-direction: column;
    }

    .info-col {
      max-width: 600px;
      margin-inline: auto;
      padding-top: 0;
    }
  }

  /* --- Mobile (max-width: 767px) --- */
  @media (max-width: 767px) {
    .datos-section {
      padding-block: 70px;
      padding-inline: 16px;
      margin-top: 20px;
    }

    .visual-wrapper {
      align-items: flex-start !important;
    }

    .datos-titulo {
      font-size: 30px;
      line-height: 40px;
      text-align: left !important;
      margin-bottom: -70px !important;
      margin-left: 20px;
    }

    .datos-titulo .highlight-black {
      font-size: 32px;
      line-height: 42px;
    }

    .kiosk-img {
      max-width: 100%;
    }

    .info-col {
      margin-inline: 0 auto !important;
    }

    .datos-list {
      gap: 32px;
    }

    .item-title {
      font-size: 20px;
    }

    .item-desc {
      font-size: 18px;
      line-height: 26px;
      max-width: 100%;
    }

    .dato-decor {
      width: 36px;
      gap: 0;
    }
  }/* --- Base Desktop (1920px) --- */
  .galeria-section {
    width: 100%;
    background-color: #000000; /* Solid premium black background */
    padding-block: 120px 120px;
    overflow: hidden;
    box-sizing: border-box;
  }

  .galeria-container {
    width: 100%;
    max-width: 100%;
    margin-inline: auto;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
  }

  .galeria-header {
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
  }

  .galeria-volanta {
    color: var(--gris, #9e9e9e);
    text-align: center;
    font-family: var(--font-heading); /* Avenir */
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 46px; /* 287.5% */
    margin: 0;
    margin-bottom: 12px;
  }

  .galeria-titulo {
    color: var(--blanco, #fff);
    text-align: center;
    font-family: var(--font-heading); /* Avenir */
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 42px; /* 116.667% */
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 30px;
  }

  .galeria-titulo .title-bold {
    font-weight: 900; /* Avenir Black */
  }

  .galeria-slider-wrapper {
    width: 100%;
    position: relative;
  }

  .swiper-galeria {
    width: 100%;
    overflow: hidden;
    padding-bottom: 60px; /* Room for custom pagination dots */
    cursor: pointer;
  }

  .swiper-galeria .swiper-slide {
    width: 100%;
    height: auto !important;
    display: flex;
    box-sizing: border-box;
  }

  .galeria-card {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #000000;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .galeria-img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain; /* Adapta la imagen completa sin recortar bordes */
    transition: transform 0.4s ease;
  }

  /* Outlined White Pagination dots centered underneath */
  .galeria-pagination {
    bottom: 10px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 12px !important;
  }

  .galeria-pagination .swiper-pagination-bullet {
    background: transparent !important;
    border: 1.5px solid #ffffff !important; /* Outlined white circles */
    opacity: 0.5 !important;
    width: 8px !important;
    height: 8px !important;
    margin: 0 !important;
    transition: all 0.3s ease;
  }

  .galeria-pagination .swiper-pagination-bullet-active {
    background: #ffffff !important; /* Solid white active bullet */
    border-color: #ffffff !important;
    opacity: 1 !important;
  }

  /* --- Laptop (max-width: 1540px and min-width: 993px) --- */
  @media (max-width: 1540px) and (min-width: 993px) {
    .galeria-section {
      padding-block: 80px 80px;
    }
  }

  /* --- Tablet (max-width: 992px) --- */
  @media (max-width: 992px) {
    .galeria-section {
      padding-block: 70px 70px;
    }

    .galeria-titulo {
      font-size: 30px;
    }

    .swiper-galeria {
      padding-bottom: 50px;
    }
  }

  /* --- Mobile (max-width: 767px) --- */
  @media (max-width: 767px) {
    .galeria-section {
      padding-block: 60px 60px;
    }

    .galeria-volanta {
      font-size: 14px;
      margin-bottom: 8px;
    }

    .galeria-titulo {
      font-size: 32px;
      line-height: 40px;
    }

    .swiper-galeria {
      padding-bottom: 40px;
    }
  }/* --- Base Desktop (1920px) --- */
  .pasos-section {
    position: relative;
    width: 100%;
    background-color: #ffffff;
    padding-block: 120px;
    box-sizing: border-box;
    overflow: hidden;
  }

  /* Desktop Background: Occupies right 60% of width, fading gracefully into solid white left side */
  .pasos-bg-desktop-container {
    position: absolute;
    top: 0;
    right: 0;
    width: 60%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
  }

  .pasos-bg-desktop {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  /* Mobile Background: Covers entire segment full bleed */
  .pasos-bg-mobile-container {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
  }

  .pasos-bg-mobile {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .pasos-bg-mobile-gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
      to bottom,
      #ffffff 0%,
      rgba(255, 255, 255, 0.9) 15%,
      rgba(255, 255, 255, 0) 50%
    );
    z-index: 1;
  }

  .pasos-relative-container {
    position: relative;
    z-index: 10;
    width: 100%;
  }

  /* Header spacing */
  .pasos-header {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 50px;
  }

  .pasos-volanta {
    font-family: var(--font-heading);
    font-size: 16px;
    font-weight: 500;
    text-transform: lowercase;
    color: rgba(0, 0, 0, 0.4);
    letter-spacing: 0.05em;
    margin: 0;
    margin-bottom: 12px;
    text-align: left;
  }

  .pasos-titulo {
    font-family: var(--font-heading);
    font-size: 36px;
    font-weight: 500; /* Avenir Medium */
    line-height: 42px;
    text-transform: uppercase;
    color: #000000;
    margin: 0;
    max-width: 720px;
    text-align: left;
  }

  .pasos-titulo .title-bold {
    font-weight: 900; /* Avenir Black */
  }

  /* Desktop Grid: 4 parallel static columns */
  .pasos-desktop-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    width: 100%;
    box-sizing: border-box;
  }

  /* Card structure */
  .pasos-card {
    position: relative;
    width: 100%;
    background: var(--blanco, #fff);
    border: 1px solid var(--gris, #9e9e9e);
    border-radius: 2px;
    padding: 40px 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    box-sizing: border-box;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);
    height: 100%;
  }

  .step-marker-label {
    color: var(--gris, #9e9e9e);
    font-family: var(--font-heading); /* Avenir */
    font-size: 52px;
    font-style: normal;
    font-weight: 900;
    line-height: 88px; /* 169.231% */
    text-transform: uppercase;
    display: block;
    margin-bottom: 24px;
  }

  .pasos-card-content {
    width: 100%;
    text-align: left;
    display: flex;
    flex-direction: column;
  }

  .pasos-card-titulo {
    color: var(--negro, #000);
    font-family: var(--font-heading); /* Avenir */
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 120% */
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 12px;
  }

  .pasos-card-texto {
    color: var(--negro, #000);
    font-family: var(--font-body); /* Avenir */
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px; /* 156.25% */
    margin: 0;
  }

  /* --- Laptop (max-width: 1540px and min-width: 993px) --- */
  @media (max-width: 1540px) and (min-width: 993px) {
    .pasos-desktop-grid {
      gap: 16px;
    }
    .pasos-card {
      padding: 30px 20px;
    }
  }

  /* --- Mobile / Tablet (max-width: 992px) --- */
  @media (max-width: 992px) {
    .pasos-section {
      padding-block: 90px;
    }

    .pasos-header {
      margin-bottom: 40px;
    }

    .pasos-titulo {
      font-size: 34px;
    }

    .pasos-mobile-slider {
      width: 100%;
      max-width: 100%;
      margin-inline: auto;
    }

    .swiper-pasos {
      width: 100%;
      overflow: hidden;
    }

    .swiper-pasos .swiper-slide {
      width: 100%;
      height: auto !important;
      display: flex;
    }

    .pasos-card {
      border: 1px solid rgba(0, 0, 0, 0.08);
      box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08); /* Soft elevated shadow over mobile background */
    }

    /* Navigation square black boxes centering */
    .pasos-nav-wrapper {
      display: flex;
      justify-content: flex-start;
      gap: 16px;
      margin-top: 24px;
      width: 100%;
    }

    .pasos-nav-btn {
      width: 44px;
      height: 44px;
      border: none;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #ffffff;
      padding: 0;
    }

    .nav-arrow-img {
      width: 30px;
      height: 30px;
      object-fit: contain;
    }

    .pasos-desktop-grid {
      display: none;
    }
  }

  /* --- Mobile (max-width: 767px) --- */
  @media (max-width: 767px) {
    .pasos-section {
      padding-block: 70px;
      padding-inline: 16px;
    }

    .pasos-bg-mobile {
      object-fit: contain !important;
      object-position: center 70% !important;
    }

    .pasos-volanta {
      font-size: 16px;
      margin-bottom: 8px;
    }

    .pasos-titulo {
      font-size: 32px;
      line-height: 40px;
      max-width: 90%;
      margin-bottom: 80px;
      br {
        display: none;
      }
    }

    .pasos-mobile-slider {
      max-width: 100%;
    }

    .pasos-card {
      padding: 20px 20px;
      min-height: 100px;
      border-radius: 2px;
      border: 1px solid var(--gris, #9e9e9e);
      background: var(--blanco, #fff);
    }

    .step-marker-label {
      font-size: 40px;
      margin-bottom: 0px;
    }

    .pasos-card-titulo {
      font-size: 15px;
    }

    .pasos-card-texto {
      font-size: 13.5px;
      line-height: 1.45;
    }
  }.hs-form-wrapper iframe {
    width: 100% !important;
    border: none !important;
  }/* --- Base Desktop (1920px) --- */
  .contacto-section {
    width: 100%;
    background-color: #ffffff;
    padding-block: 120px;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
  }

  .contacto-grid {
    display: grid;
    grid-template-columns: auto 1fr;
    width: 100%;
    gap: 128px; /* 128px separation between image and content */
    align-items: center;
  }

  /* Left Column: Visual Image */
  .image-col {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
  }

  .contacto-cover-img {
    width: 100%;
    max-width: 695px;
    height: auto;
    aspect-ratio: 695 / 658.58;
    object-fit: cover;
    display: block;
  }

  @media (min-width: 993px) {
    .contacto-cover-img {
      width: 695px;
      height: 658.58px;
      flex-shrink: 0;
    }
  }

  /* Right Column: Form & Title */
  .form-col {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 0; /* Handled by grid gap 128px */
    box-sizing: border-box;
    width: 100%;
  }

  .form-wrapper {
    max-width: 540px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
  }

  .contacto-titulo {
    color: var(--negro, #000);
    font-family: var(--font-heading); /* Avenir */
    font-size: 45.895px;
    font-style: normal;
    font-weight: 500;
    line-height: 53.544px; /* 116.667% */
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 28px;
    letter-spacing: -0.01em;
    text-align: left;
  }

  .contacto-titulo .highlight-black {
    background-color: #000000;
    color: var(--blanco, #fff);
    font-family: var(--font-heading); /* Avenir */
    font-size: 45.895px;
    font-style: normal;
    font-weight: 900;
    line-height: 56px; /* 122.018% */
    text-transform: uppercase;
    padding: 2px 14px;
    display: inline-block;
    margin-top: 4px;
  }

  .contacto-parrafo {
    font-family: var(--font-heading);
    font-size: 16px;
    font-weight: 400; /* Avenir Roman */
    line-height: 1.6;
    color: #000000;
    margin: 0;
    margin-bottom: 48px;
    opacity: 0.9;
    text-align: left;
  }

  /* --- HubSpot / Fallback Form Premium Local Styling --- */
  .contacto-section .custom-hs-form {
    width: 100%;
  }

  .contacto-section .hs-form-field {
    margin-bottom: 17px !important;
    position: relative;
    width: 100%;
  }

  /* Labels: Clean and small above input */
  .contacto-section label:not(.hs-error-msg) {
    display: block !important;
    color: #000000 !important;
    font-family: var(--font-heading) !important;
    font-size: 14px !important;
    font-weight: 500 !important; /* Avenir Medium */
    margin-bottom: 6px !important;
    text-transform: none !important;
    opacity: 0.9;
  }

  /* Inputs: Clean underline style */
  .contacto-section .hs-input {
    background-color: transparent !important;
    border: none !important;
    border-bottom: 1px solid #000000 !important; /* Underline style */
    border-radius: 0 !important;
    color: #000000 !important;
    padding: 2px 0 !important;
    font-family: var(--font-heading) !important;
    font-size: 14px !important;
    font-weight: 400 !important; /* Avenir Roman */
    width: 100% !important;
    box-sizing: border-box !important;
    outline: none !important;
    transition: border-color 0.3s ease;
  }

  .contacto-section .hs-input:focus {
    border-bottom: 1.5px solid #000000 !important;
  }

  .contacto-section .hs-input::placeholder {
    color: rgba(0, 0, 0, 0.35) !important;
    opacity: 1 !important;
  }

  /* Side-by-side Form Layout (Nombre / Apellido) */
  .contacto-section .form-columns-2 {
    display: flex;
    gap: 40px;
    width: 100%;
  }

  .contacto-section .form-columns-2 .hs-form-field {
    flex: 1;
  }

  /* Phone Field Custom Formatting */
  .contacto-section .phone-field-container {
    width: 100%;
  }

  .contacto-section .phone-label-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    margin-bottom: 6px;
  }

  .contacto-section .phone-label-row label {
    margin-bottom: 0 !important;
  }

  .contacto-section .phone-prefix-text {
    font-family: var(--font-heading);
    font-size: 14px;
    font-weight: 500; /* Avenir Medium */
    color: #000000;
  }

  /* Submit Button: Premium Rectangular White Background matching Hero CTA */
  .contacto-section .custom-submit-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 250px !important;
    height: 40px !important; /* Matched to banner button height */
    border: 1px solid #000000 !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    font-family: var(--font-heading) !important;
    font-size: 16px !important;
    font-weight: 700 !important; /* Avenir Heavy */
    text-transform: none !important;
    border-radius: 3px !important;
    overflow: hidden !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease !important;
    padding-left: 20px !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    margin-top: 15px !important;
  }

  .contacto-section .custom-submit-btn:hover {
    background-color: #f6f6f6 !important;
  }

  .contacto-section .custom-submit-btn .btn-text {
    font-weight: 700;
  }

  .contacto-section .custom-submit-btn .arrow-container {
    width: 37px !important; /* Matched to banner arrow-container width */
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    background-color: transparent !important; /* Transparent like banner */
    border-left: none !important;
    box-sizing: border-box !important;
  }

  .contacto-section .custom-submit-btn .arrow-icon {
    width: 100% !important; /* Matched to banner arrow-icon width */
    height: auto !important;
    object-fit: contain !important;
    filter: invert(1) !important; /* Inverts the white arrow to black */
    display: block !important;
  }

  .contacto-section .hs-error-msg {
    color: #cc0000 !important;
    font-family: var(--font-heading) !important;
    font-size: 12px !important;
    margin-top: 4px !important;
    display: block !important;
  }

  /* --- Laptop (max-width: 1540px and min-width: 993px) --- */
  @media (max-width: 1540px) and (min-width: 993px) {
    .contacto-grid {
      gap: 60px; /* Reduce gap on laptop sizes */
    }

    .form-col {
      padding-left: 0;
    }
  }

  /* --- Tablet (max-width: 992px) --- */
  @media (max-width: 992px) {
    .contacto-section {
      padding-block: 90px;
    }

    .contacto-grid {
      grid-template-columns: 1fr; /* Stacks vertically */
      gap: 50px;
    }

    .image-col {
      max-width: 600px;
      margin-inline: auto;
    }

    .form-col {
      padding-left: 0;
      justify-content: center;
    }

    .form-wrapper {
      max-width: 600px;
    }

    .contacto-titulo {
      font-size: 34px;
      text-align: left;
      margin-bottom: 24px;
      width: 100%;
    }
  }

  /* --- Mobile (max-width: 767px) --- */
  @media (max-width: 767px) {
    .contacto-section {
      padding-block: 70px;
      padding-inline: 16px;
    }

    .contacto-grid {
      gap: 40px;
    }

    .contacto-titulo {
      font-size: 32px;
      line-height: 42px;
      max-width: 70%;
      br {
        display: none;
      }
    }

    .contacto-titulo .highlight-black {
      font-size: 32px;
      line-height: 42px;
    }

    .contacto-parrafo {
      font-size: 18px;
      line-height: 1.5;
      margin-bottom: 30px;
    }

    .contacto-section .form-columns-2 {
      flex-direction: column;
      gap: 0;
    }

    .contacto-section .custom-submit-btn {
      width: 100% !important; /* Full width on mobile */
    }
  }/* --- Base Desktop (1920px) --- */
  .footer-section {
    width: 100%;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    overflow: hidden;
  }

  .footer-cta-block {
    position: relative;
    width: 100%;
    min-height: 480px;
    background-color: #000000; /* Fallback black */
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding-block: 60px;
    overflow: hidden;
    padding: 20px;
  }

  /* Backgrounds absolutely positioned */
  .footer-bg-desktop-container,
  .footer-bg-mobile-container {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
  }

  .footer-bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .footer-relative-container {
    position: relative;
    z-index: 10;
    width: 100%;
    max-width: 1750px;
  }

  .footer-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
  }

  /* Left column: Models image */
  .footer-models-col {
    width: 100%;
    display: flex;
    justify-content: flex-start;
  }

  .footer-models-img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
  }

  /* Right column: Info */
  .footer-info-col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    color: #ffffff;
  }

  .footer-h2 {
    font-family: var(--font-heading);
    font-size: 36px;
    font-weight: 500; /* Avenir Medium */
    line-height: 1.25;
    text-transform: uppercase;
    color: #ffffff;
    margin: 0;
    margin-bottom: 16px;
    letter-spacing: 0.02em;
  }

  .footer-h2 .title-bold {
    font-weight: 900; /* Avenir Black */
  }

  .footer-p {
    font-family: var(--font-body);
    font-size: 20px;
    font-weight: 400; /* Avenir Roman */
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
    margin-bottom: 50px;
  }

  /* Button with White Border & Right Box containing Arrow */
  .footer-btn {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    padding-left: 24px;
    background-color: transparent;
    border: 1px solid #ffffff;
    color: #ffffff;
    font-family: var(--font-heading);
    font-size: 16px;
    font-weight: 700; /* Avenir Heavy */
    letter-spacing: 0.05em;
    text-decoration: none;
    transition: background-color 0.3s ease;
    box-sizing: border-box;
    cursor: pointer;
    min-height: 44px;
    max-width: 100%;
  }

  .footer-btn:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }

  .footer-btn-text {
    flex-grow: 1;
    text-align: left;
  }

  .footer-btn-arrow-box {
    width: 34px;
    height: 34px;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000000;
    margin-left: 24px;
    transition: background-color 0.3s ease;
    margin-right: 4px;
  }

  .footer-btn-arrow {
    width: 14px;
    height: 14px;
  }

  /* Bottom Copyright Bar */
  .footer-bottom-bar {
    width: 100%;
    background-color: #ffffff;
    padding-block: 30px;
    box-sizing: border-box;
  }

  .footer-bottom-container {
    width: 100%;
    max-width: 1700px;
    margin-inline: auto;
    padding-inline: 150px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
  }

  .footer-logo {
    width: 169.813px;
    height: 39.95px;
    object-fit: contain;
    display: block;
  }

  .footer-copyright {
    color: #1a1a1a;
    font-family: var(--font-body);
    font-size: 14px;
    font-weight: 400; /* Avenir Roman */
    margin: 0;
  }

  /* --- Laptop (max-width: 1540px and min-width: 993px) --- */
  @media (max-width: 1540px) and (min-width: 993px) {
    .footer-bottom-container {
      padding-inline: 80px;
    }
  }

  /* --- Tablet (max-width: 992px) --- */
  @media (max-width: 992px) {
    .footer-cta-block {
      padding-block: 50px;
    }
    .footer-grid {
      grid-template-columns: 1fr;
      gap: 40px;
      justify-items: center;
      text-align: center;
    }
    .footer-models-col {
      justify-content: center;
      max-width: 500px;
    }
    .footer-info-col {
      align-items: center;
      text-align: center;
    }
    .footer-h2 {
      font-size: 28px;
      text-align: center;
    }
    .footer-p {
      text-align: center;
    }
    .footer-bottom-container {
      padding-inline: 40px;
    }
  }

  /* --- Mobile (max-width: 767px) --- */
  @media (max-width: 767px) {
    .footer-section .footer-cta-block {
      padding-left: 5px;
      padding-right: 5px;
    }

    .footer-cta-block {
      padding-block: 40px;
    }
    .footer-grid {
      gap: 30px;
    }
    .footer-models-col {
      padding-inline: 16px;
    }
    .footer-info-col {
      padding-inline: 16px;
    }
    .footer-h2 {
      font-size: 30px;
      line-height: 40px;
      text-align: left;
      width: 100%;
      margin-top: 30px;
    }
    .footer-p {
      font-size: 14px;
      text-align: left;
      width: 100%;
      margin-bottom: 25px;
    }
    .footer-btn {
      width: 100%;
      padding-left: 20px;
    }
    .footer-btn-arrow-box {
      margin-left: 16px;
    }
    .footer-bottom-bar {
      padding-block: 24px;
    }
    .footer-bottom-container {
      padding-inline: 16px;
      flex-direction: column;
      gap: 20px;
      text-align: center;
    }
    .footer-logo {
      width: 110px;
      margin-inline: auto;
    }
    .footer-copyright {
      font-size: 13px;
      text-align: center;
    }
  }