/*
 * Aura Colombia 3D - Mobile Layout Fix
 * Loaded after style.css to win mobile cascade order.
 */

@media (max-width: 768px) {
  body.home .main-header,
  body.home .aura-home-inline-header {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    z-index: 50 !important;
  }

  body.home .aura-home-inline-header {
    display: none !important;
  }

  body.home .main-header {
    display: block !important;
  }

  body.home .hero-section {
    position: relative !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding-top: 24px !important;
    padding-bottom: 40px !important;
  }

  body.home .hero-container {
    display: block !important;
    position: relative !important;
    height: auto !important;
    min-height: 0 !important;
    max-width: 100% !important;
    padding: 0 16px !important;
  }

  body.home .hero-content {
    position: relative !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    margin: 0 auto 40px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }

  body.home .hero-cta-wrapper {
    margin-bottom: 44px !important;
  }

  body.home .hero-visual {
    position: relative !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 20px auto 0 !important;
    overflow: visible !important;
  }

  body.home .hero-showcase-container {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 18px !important;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
  }

  body.home .hero-showcase-frame {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    animation: none !important;
    width: min(78vw, 300px) !important;
    max-width: 300px !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 10px !important;
  }

  body.home .hero-showcase-frame .frame-inner {
    height: auto !important;
    padding-bottom: 0 !important;
    aspect-ratio: 31 / 44 !important;
  }

  body.home .hero-showcase-frame .frame-inner img {
    height: 100% !important;
  }

  body.home .hero-showcase-frame.frame-left,
  body.home .hero-showcase-frame.frame-right {
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
  }

  body.home .hero-trust-strip {
    position: relative !important;
    display: block !important;
    clear: both !important;
    height: auto !important;
    min-height: 0 !important;
    margin-top: 28px !important;
    padding: 18px 0 14px !important;
    overflow: visible !important;
  }

  body.home .aura-trust-final__container {
    padding: 0 16px !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px 12px !important;
  }

  body.home .aura-trust-final__item {
    min-height: 138px !important;
    padding: 12px 10px 14px !important;
  }

  body.home .aura-trust-final__item:not(:last-child)::after {
    display: none !important;
  }

  body.home .aura-trust-final__icon {
    width: 48px !important;
    height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
    margin: 0 auto 8px !important;
  }

  body.home .aura-trust-final__image {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    padding: 6px !important;
  }

  body.home .aura-trust-final__title {
    font-size: 0.78rem !important;
    line-height: 1.18 !important;
    text-align: center !important;
  }

  body.home .aura-trust-final__subtitle {
    font-size: 0.72rem !important;
    line-height: 1.35 !important;
    text-align: center !important;
  }

  body.home #productos {
    position: relative !important;
    height: auto !important;
    min-height: 0 !important;
    clear: both !important;
    margin-top: 0 !important;
    padding-top: 80px !important;
  }
}

@media (max-width: 480px) {
  body.home .hero-section {
    padding-top: 20px !important;
    padding-bottom: 48px !important;
  }

  body.home .hero-content {
    margin-bottom: 52px !important;
  }

  body.home .hero-cta-wrapper {
    margin-bottom: 82px !important;
  }

  body.home .hero-visual {
    margin-top: 22px !important;
  }

  body.home .hero-showcase-container {
    gap: 0 !important;
  }

  body.home .hero-showcase-frame.frame-left {
    display: none !important;
  }

  body.home .hero-showcase-frame.frame-right {
    display: block !important;
    width: min(68vw, 245px) !important;
    max-width: 245px !important;
    margin: 0 auto 96px !important;
  }

  body.home .hero-trust-strip {
    margin-top: 40px !important;
    padding: 18px 0 10px !important;
  }

  body.home #productos {
    padding-top: 108px !important;
  }
}

@media (max-width: 390px) {
  body.home .hero-content {
    margin-bottom: 48px !important;
  }

  body.home .hero-cta-wrapper {
    margin-bottom: 96px !important;
  }

  body.home .hero-showcase-frame.frame-right {
    width: min(64vw, 225px) !important;
    max-width: 225px !important;
    margin: 0 auto 108px !important;
  }

  body.home .hero-trust-strip {
    margin-top: 44px !important;
  }

  body.home #productos {
    padding-top: 120px !important;
  }
}

@media (max-width: 768px) {
  body.home .aura-trust-final {
    max-width: 100% !important;
    margin: 20px auto 28px !important;
    padding: 0 14px !important;
  }

  body.home .aura-trust-final__grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body.home .aura-trust-final__item {
    min-height: 132px !important;
    padding: 16px 10px 14px !important;
    border-radius: 18px !important;
  }

  body.home .aura-trust-final__icon-wrap {
    width: 54px !important;
    height: 54px !important;
    max-width: 54px !important;
    max-height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
    flex-basis: 54px !important;
    margin-bottom: 10px !important;
  }

  body.home .aura-trust-final__icon-img {
    width: 46px !important;
    height: 46px !important;
    max-width: 46px !important;
    max-height: 46px !important;
  }

  body.home .aura-trust-final__title {
    font-size: 0.68rem !important;
    line-height: 1.2 !important;
    letter-spacing: 0.04em !important;
  }

  body.home .aura-trust-final__text {
    font-size: 0.72rem !important;
    line-height: 1.3 !important;
  }
}

@media (max-width: 390px) {
  body.home .aura-trust-final__grid {
    gap: 10px !important;
  }

  body.home .aura-trust-final__item {
    min-height: 126px !important;
    padding: 14px 8px 12px !important;
  }
}

/* AURA PROCESS SECTION MOBILE OVERRIDES */
@media (max-width: 768px) {
  body.home .aura-process-final {
    padding: 50px 0 60px !important;
  }

  body.home .aura-process-final__inner {
    padding: 0 16px !important;
  }

  body.home .aura-process-final__header {
    margin-bottom: 32px !important;
  }

  body.home .aura-process-final__title {
    font-size: 1.6rem !important;
  }

  body.home .aura-process-final__grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  body.home .aura-process-final__step {
    min-height: auto !important;
    padding: 20px 18px 16px !important;
  }

  body.home .aura-process-final__number {
    width: 44px !important;
    height: 44px !important;
    font-size: 1.4rem !important;
    top: 14px !important;
    left: 14px !important;
  }

  body.home .aura-process-final__icon {
    width: 170px !important;
    height: 170px !important;
    max-width: 170px !important;
    max-height: 170px !important;
    margin: 12px auto 16px !important;
  }

  body.home .aura-process-final__icon-img {
    width: 150px !important;
    height: 150px !important;
    max-width: 150px !important;
    max-height: 150px !important;
  }

  body.home .aura-process-final__step-title {
    font-size: 1.12rem !important;
  }

  body.home .aura-process-final__step-text {
    font-size: 0.94rem !important;
    line-height: 1.5 !important;
  }
}

@media (max-width: 480px) {
  body.home .aura-process-final__title {
    font-size: 1.45rem !important;
  }

  body.home .aura-process-final__step {
    padding: 18px 14px 14px !important;
  }

  body.home .aura-process-final__number {
    width: 38px !important;
    height: 38px !important;
    font-size: 1.2rem !important;
    top: 10px !important;
    left: 10px !important;
  }

  body.home .aura-process-final__icon {
    width: 140px !important;
    height: 140px !important;
    max-width: 140px !important;
    max-height: 140px !important;
  }

  body.home .aura-process-final__icon-img {
    width: 125px !important;
    height: 125px !important;
    max-width: 125px !important;
    max-height: 125px !important;
  }
}