@media (min-width: 1024px) {
  
  .desktop-side-decor {
    width: 350px !important; 
    height: 350px !important; /* Cuadrado para contener la máscara */
  }
  
  .decor-left {
    left: -320px !important;
  }
  
  .decor-right {
    right: -320px !important;
  }

  .map-mask {
    width: 100%;
    height: 100%;
    opacity: 0; 
    will-change: transform, opacity;
    transition: filter 0.4s ease, transform 0.4s ease;
  }

  /* Máscara con bandera para Chequia (Izquierda) */
  .cheq-map {
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.7)), url('https://flagcdn.com/cz.svg') center/cover no-repeat;
    -webkit-mask: url('../assets/cheq.webp') center/contain no-repeat;
    mask: url('../assets/cheq.webp') center/contain no-repeat;
    filter: drop-shadow(0 0 15px rgba(231, 53, 53, 0.5)) brightness(1.1);
    animation: slideInLeft 3s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
  }
  
  .cheq-map:hover {
    transform: translateX(-20%) scale(1.25) translateY(-10px) !important;
    filter: drop-shadow(0 0 35px rgba(231, 53, 53, 0.9)) brightness(1.2);
    cursor: pointer;
  }

  /* Máscara con bandera para México (Derecha) */
  .mex-map {
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.7)), url('https://flagcdn.com/mx.svg') center/cover no-repeat;
    -webkit-mask: url('../assets/mex.webp') center/contain no-repeat;
    mask: url('../assets/mex.webp') center/contain no-repeat;
    filter: drop-shadow(0 0 15px rgba(16, 185, 129, 0.5)) brightness(1.1);
    animation: slideInRight 3s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
    animation-delay: 0.3s;
  }

  .mex-map:hover {
    transform: translateX(22%) scale(1.25) translateY(-10px) !important;
    filter: drop-shadow(0 0 35px rgba(16, 185, 129, 0.9)) brightness(1.2);
    cursor: pointer;
  }

  @keyframes slideInLeft {
    0% {
      opacity: 0;
      transform: translateX(-80px) scale(0.5);
    }
    100% {
      opacity: 1;
      transform: translateX(-20%) scale(1.2);
    }
  }

  @keyframes slideInRight {
    0% {
      opacity: 0;
      transform: translateX(80px) scale(0.5);
    }
    100% {
      opacity: 1;
      transform: translateX(22%) scale(1.2);
    }
  }
}