/* ============================================================
   BOTÓN IR ARRIBA
   pinturaelectrostaticacolombia.com
   ============================================================ */

/* ── Neutralizar wrappers Joomla ── */
section#sp-boton-ir-arriba {
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
}

section#sp-boton-ir-arriba > .container,
section#sp-boton-ir-arriba > .container > .container-inner {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

section#sp-boton-ir-arriba .row {
  margin: 0 !important;
}

section#sp-boton-ir-arriba .col-lg-12,
section#sp-boton-ir-arriba .sp-column,
section#sp-boton-ir-arriba .sp-module,
section#sp-boton-ir-arriba .sp-module-content,
section#sp-boton-ir-arriba .mod-custom {
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
}

/* ── Botón ── */
#scrollTopBtnPE {
  position: fixed;
  bottom: 30px;
  left: 190px;
  z-index: 9200;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #0d111b;
  border: none;
  cursor: pointer;
  display: none;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 16px rgba(0,0,0,0.4);
  transition: background 0.2s ease, transform 0.2s ease;
  border: 2px solid #fff;
}

#scrollTopBtnPE:hover {
  background: #FFC72C;
  transform: scale(1.1);
}

/* ── Responsive ── */
@media (max-width: 1023px) {
  #scrollTopBtnPE {
    left: 15px;
    bottom: 15px;
  }
}

@media (max-width: 600px) {
  #scrollTopBtnPE {
    left: 15px;
    bottom: 15px;
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 400px) {
  #scrollTopBtnPE {
    left: 20px;
    bottom: 20px;
    width: 36px;
    height: 36px;
  }
}

@media (min-width: 1024px) and (max-width: 1199px) {
  #scrollTopBtnPE { left: 260px; bottom: 15px; }
}

@media (min-width: 1200px) and (max-width: 1365px) {
  #scrollTopBtnPE { left: 270px; bottom: 15px; }
}

@media (min-width: 1366px) and (max-width: 1399px) {
  #scrollTopBtnPE { left: 290px; }
}

@media (min-width: 1400px) and (max-width: 1599px) {
  #scrollTopBtnPE { left: 300px; }
}

@media (min-width: 1600px) and (max-width: 1919px) {
  #scrollTopBtnPE { left: 310px; }
}

@media (min-width: 1920px) {
  #scrollTopBtnPE { left: 320px; }
}