/* Desktop / Large Screens: Custom Positioning Overrides for Orbital Grid */
@media (min-width: 1025px) {
  /* Main wrapper containing elements */
  #b34a839 {
    position: relative !important;
    height: 700px !important;
    width: 100% !important;
    max-width: 900px !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* Orbit Circle Background */
  #ae65a5f {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 700px !important;
    height: 700px !important;
    pointer-events: none !important;
    z-index: 1 !important;
  }
  #cd60779 {
    width: 100% !important;
    height: 100% !important;
    border: 2px dashed rgba(255, 255, 255, 0.3) !important;
    border-radius: 50% !important;
  }

  /* BRAND (Top Left) */
  #77b8abd {
    position: absolute !important;
    top: 5% !important;
    left: 10% !important;
    z-index: 5 !important;
    width: auto !important;
  }
  #c3c3a0f {
    width: 320px !important;
    height: auto !important;
  }

  /* TRAVEL (Top Right) */
  #5810653 {
    position: absolute !important;
    top: 5% !important;
    right: 10% !important;
    z-index: 5 !important;
    width: auto !important;
  }
  #16a9449 {
    width: 320px !important;
    height: auto !important;
  }

  /* PARTNERS (Center, Transparent) */
  #647d327 {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 10 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    padding: 0 !important;
    width: auto !important;
  }
  #8635bfb {
    width: 340px !important;
    height: auto !important;
  }

  /* LAB (Bottom Left) */
  #eee006a {
    position: absolute !important;
    bottom: 12% !important;
    left: 18% !important;
    z-index: 5 !important;
    width: auto !important;
  }
  #c33b5b8 {
    width: 200px !important;
    height: auto !important;
  }

  /* SUPPORT (Bottom Center) */
  #0503014 {
    position: absolute !important;
    bottom: 3% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 5 !important;
    width: auto !important;
  }
  #85835d8 {
    width: 220px !important;
    height: auto !important;
  }

  /* ANDES VIVO (Bottom Right) */
  #235b4f3 {
    position: absolute !important;
    bottom: 12% !important;
    right: 18% !important;
    z-index: 5 !important;
    width: auto !important;
  }
  #d1c904f {
    width: 200px !important;
    height: auto !important;
  }
}

/* Tablet and Mobile: Linear Stacked Layout */
@media (max-width: 1024px) {
  /* Orbit circle must be hidden on smaller screens */
  #ae65a5f {
    display: none !important;
  }

  /* Main wrapper transforms into clean stacked layout */
  #b34a839 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 2rem !important;
    height: auto !important;
    padding: 2rem 1rem !important;
  }

  /* Stacked Items Position Overrides */
  #77b8abd, #5810653, #647d327, #eee006a, #0503014, #235b4f3 {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 320px !important;
    margin: 0 auto !important;
  }

  /* Center (PARTNERS) Card gets stacked on top/first in layout naturally */
  #647d327 {
    order: -1 !important; /* Forces PARTNERS to top of stack */
  }

  /* Max-width limits on images for responsive */
  #c3c3a0f, #16a9449, #8635bfb, #c33b5b8, #85835d8, #d1c904f {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }
}