/* ==================================================
   PROHAND RESPONSIVE VISIBILITY
   DESKTOP / TABLET / MOBILE
   SOLO controla qué versión se ve.
   NO modifica height, width, padding, margin ni tamaños.
   ================================================== */


/* ------------------------------
   1. SECCIONES DE PÁGINA
   ------------------------------ */

.desktop-only-prohand,
.tablet-only-prohand,
.mobile-only-prohand {
  display: none !important;
}


/* DESKTOP: desde 1025px */
@media (min-width: 1025px) {
  .desktop-only-prohand {
    display: var(--display, flex) !important;
  }

  .tablet-only-prohand,
  .mobile-only-prohand {
    display: none !important;
  }
}


/* TABLET: de 768px a 1024px */
@media (min-width: 768px) and (max-width: 1024px) {
  .tablet-only-prohand {
    display: var(--display, flex) !important;
  }

  .desktop-only-prohand,
  .mobile-only-prohand {
    display: none !important;
  }
}


/* MOBILE: hasta 767px */
@media (max-width: 767px) {
  .mobile-only-prohand {
    display: var(--display, flex) !important;
  }

  .desktop-only-prohand,
  .tablet-only-prohand {
    display: none !important;
  }
}



/* ------------------------------
   2. HEADER
   ------------------------------ */

.header-desktop-prohand,
.header-tablet-prohand,
.header-mobile-prohand {
  display: none !important;
}


/* Header desktop */
@media (min-width: 1025px) {
  .header-desktop-prohand {
    display: var(--display, flex) !important;
  }

  .header-tablet-prohand,
  .header-mobile-prohand {
    display: none !important;
  }
}


/* Header tablet */
@media (min-width: 768px) and (max-width: 1024px) {
  .header-tablet-prohand {
    display: var(--display, flex) !important;
  }

  .header-desktop-prohand,
  .header-mobile-prohand {
    display: none !important;
  }
}


/* Header mobile */
@media (max-width: 767px) {
  .header-mobile-prohand {
    display: var(--display, flex) !important;
  }

  .header-desktop-prohand,
  .header-tablet-prohand {
    display: none !important;
  }
}



/* ------------------------------
   3. FOOTER
   ------------------------------ */

.footer-desktop-prohand,
.footer-tablet-prohand,
.footer-mobile-prohand {
  display: none !important;
}


/* Footer desktop */
@media (min-width: 1025px) {
  .footer-desktop-prohand {
    display: var(--display, flex) !important;
  }

  .footer-tablet-prohand,
  .footer-mobile-prohand {
    display: none !important;
  }
}


/* Footer tablet */
@media (min-width: 768px) and (max-width: 1024px) {
  .footer-tablet-prohand {
    display: var(--display, flex) !important;
  }

  .footer-desktop-prohand,
  .footer-mobile-prohand {
    display: none !important;
  }
}


/* Footer mobile */
@media (max-width: 767px) {
  .footer-mobile-prohand {
    display: var(--display, flex) !important;
  }

  .footer-desktop-prohand,
  .footer-tablet-prohand {
    display: none !important;
  }
}