/* Selectores base para todos los modales */
#modalOPC,
#modalDPC,
#modalDPCPostos,
#modalPlatWeb,
#modalRegiPriv,
#modalCarrePub {
  display: none;
}
#modalOPC.show,
#modalDPC.show,
#modalDPCPostos.show,
#modalPlatWeb.show,
#modalRegiPriv.show,
#modalCarrePub.show {
  display: flex !important;
  align-items: center;
  justify-content: center;
}
#modalOPC .modal-dialog,
#modalDPC .modal-dialog,
#modalDPCPostos .modal-dialog,
#modalPlatWeb .modal-dialog,
#modalRegiPriv .modal-dialog,
#modalCarrePub .modal-dialog {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

#modalOPC .modal-dialog .modal-content,
#modalDPC .modal-dialog .modal-content,
#modalDPCPostos .modal-dialog .modal-content,
#modalPlatWeb .modal-dialog .modal-content,
#modalRegiPriv .modal-dialog .modal-content,
#modalCarrePub .modal-dialog .modal-content {
  height: auto;
  max-height: 90vh;
  margin: 0 auto;
  border: 0;
  border-radius: 16px;
  background: white;
  overflow: visible;
}

#modalOPC .modal-dialog .modal-content .modal-header,
#modalDPC .modal-dialog .modal-content .modal-header,
#modalDPCPostos .modal-dialog .modal-content .modal-header,
#modalPlatWeb .modal-dialog .modal-content .modal-header,
#modalRegiPriv .modal-dialog .modal-content .modal-header,
#modalCarrePub .modal-dialog .modal-content .modal-header {
  margin: 0;
  justify-content: right;
  border: 0;
  padding: 16px 16px 0;
  height: auto;
  background: white;
  border-radius: 16px 16px 0 0;
}

#modalOPC .modal-dialog .modal-content .modal-header .close,
#modalDPC .modal-dialog .modal-content .modal-header .close,
#modalDPCPostos .modal-dialog .modal-content .modal-header .close,
#modalPlatWeb .modal-dialog .modal-content .modal-header .close,
#modalRegiPriv .modal-dialog .modal-content .modal-header .close,
#modalCarrePub .modal-dialog .modal-content .modal-header .close {
  width: 24px;
  height: 24px;
  opacity: 1;
}

#modalOPC .modal-dialog .modal-content .modal-header .close svg,
#modalDPC .modal-dialog .modal-content .modal-header .close svg,
#modalDPCPostos .modal-dialog .modal-content .modal-header .close svg,
#modalPlatWeb .modal-dialog .modal-content .modal-header .close svg,
#modalRegiPriv .modal-dialog .modal-content .modal-header .close svg,
#modalCarrePub .modal-dialog .modal-content .modal-header .close svg {
  fill: #2F6852;
}

#modalOPC .modal-dialog .modal-content .modal-titulo,
#modalDPC .modal-dialog .modal-content .modal-titulo,
#modalDPCPostos .modal-dialog .modal-content .modal-titulo,
#modalPlatWeb .modal-dialog .modal-content .modal-titulo,
#modalRegiPriv .modal-dialog .modal-content .modal-titulo,
#modalCarrePub .modal-dialog .modal-content .modal-titulo {
  padding: 0 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
}

/* ✅ CAMBIO: eliminada barra de scroll del modal-body base */
#modalOPC .modal-dialog .modal-content .modal-body,
#modalDPC .modal-dialog .modal-content .modal-body,
#modalDPCPostos .modal-dialog .modal-content .modal-body,
#modalPlatWeb .modal-dialog .modal-content .modal-body,
#modalRegiPriv .modal-dialog .modal-content .modal-body,
#modalCarrePub .modal-dialog .modal-content .modal-body {
  padding: 0;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  border: none;
  max-height: calc(90vh - 100px);
}

#modalOPC .modal-dialog .modal-content .modal-body::-webkit-scrollbar,
#modalDPC .modal-dialog .modal-content .modal-body::-webkit-scrollbar,
#modalDPCPostos .modal-dialog .modal-content .modal-body::-webkit-scrollbar,
#modalPlatWeb .modal-dialog .modal-content .modal-body::-webkit-scrollbar,
#modalRegiPriv .modal-dialog .modal-content .modal-body::-webkit-scrollbar,
#modalCarrePub .modal-dialog .modal-content .modal-body::-webkit-scrollbar {
  display: none;
}

#modalOPC .modal-dialog .modal-content .modal-body .modal-benefits,
#modalDPC .modal-dialog .modal-content .modal-body .modal-benefits,
#modalDPCPostos .modal-dialog .modal-content .modal-body .modal-benefits,
#modalPlatWeb .modal-dialog .modal-content .modal-body .modal-benefits,
#modalRegiPriv .modal-dialog .modal-content .modal-body .modal-benefits,
#modalCarrePub .modal-dialog .modal-content .modal-body .modal-benefits {
  padding: 16px 24px;
}

#modalOPC .ibd-static-pt-generic-html-productos-Paineis-solares,
#modalDPC .ibd-static-pt-generic-html-productos-Paineis-solares,
#modalDPCPostos .ibd-static-pt-generic-html-productos-Paineis-solares,
#modalPlatWeb .ibd-static-pt-generic-html-productos-Paineis-solares,
#modalRegiPriv .ibd-static-pt-generic-html-productos-Paineis-solares,
#modalCarrePub .ibd-static-pt-generic-html-productos-Paineis-solares {
  width: 100%;
}

.ibd-static-pt-generic-html-productos-Paineis-solares .dropdown-menu.show {
  top: 50px !important;
  max-height: unset;
  left: 50px !important;
}

.ibd-static-pt-generic-html-productos-Paineis-solares body.modal-open {
  position: relative !important;
  left: 0 !important;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
}

#modalOPC .close:hover,
#modalDPC .close:hover,
#modalDPCPostos .close:hover,
#modalPlatWeb .close:hover,
#modalRegiPriv .close:hover,
#modalCarrePub .close:hover {
  opacity: 1;
}

#modalOPC .modal-title,
#modalDPC .modal-title,
#modalDPCPostos .modal-title,
#modalPlatWeb .modal-title,
#modalRegiPriv .modal-title,
#modalCarrePub .modal-title {
  font-size: 24px;
  font-weight: 600;
  color: #1a1a1a;
  margin-bottom: 15px;
  line-height: 1.3;
  height: auto;
  max-height: fit-content;
}

#modalOPC .modal-description,
#modalDPC .modal-description,
#modalDPCPostos .modal-description,
#modalPlatWeb .modal-description,
#modalRegiPriv .modal-description,
#modalCarrePub .modal-description {color: #2c2c2c;}


#modalOPC .benefit-item,
#modalDPC .benefit-item,
#modalDPCPostos .benefit-item,
#modalPlatWeb .benefit-item,
#modalRegiPriv .benefit-item,
#modalCarrePub .benefit-item {
  display: flex;
  align-items: flex-start;
  /* margin-bottom: 20px; */
}

#modalOPC .check-icon,
#modalDPC .check-icon,
#modalDPCPostos .check-icon,
#modalPlatWeb .check-icon,
#modalRegiPriv .check-icon,
#modalCarrePub .check-icon {
  color: #00a651;
  font-size: 20px;
  font-weight: bold;
  margin-right: 12px;
  flex-shrink: 0;
}

#modalOPC .modal-titulo p,
#modalDPC .modal-titulo p,
#modalDPCPostos .modal-titulo p,
#modalPlatWeb .modal-titulo p,
#modalRegiPriv .modal-titulo p,
#modalCarrePub .modal-titulo p {
  text-align: left;
  margin-bottom: 0;
  font-family: "IberPangea Text";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 128.571% */
}

#modalOPC .modal-titulo h2,
#modalDPC .modal-titulo h2,
#modalDPCPostos .modal-titulo h2,
#modalPlatWeb .modal-titulo h2,
#modalRegiPriv .modal-titulo h2,
#modalCarrePub .modal-titulo h2 {
  white-space: wrap;
  text-align: left;
}

#modalOPC .benefit-content h3,
#modalDPC .benefit-content h3,
#modalDPCPostos .benefit-content h3,
#modalPlatWeb .benefit-content h3,
#modalRegiPriv .benefit-content h3,
#modalCarrePub .benefit-content h3 {
  font-size: 16px;
  font-weight: 600;
  color: #1a1a1a;
  margin-bottom: 5px;
}

#modalOPC .benefit-content p,
#modalDPC .benefit-content p,
#modalDPCPostos .benefit-content p,
#modalPlatWeb .benefit-content p,
#modalRegiPriv .benefit-content p,
#modalCarrePub .benefit-content p {
  color: var(--Color-Content-General-2, rgba(71, 71, 71, 0.80));
  margin: 0;
  text-align: left;
  font-family: "IberPangea Text";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 128.571% */
}

#modalOPC .modal-actions,
#modalDPC .modal-actions,
#modalDPCPostos .modal-actions,
#modalPlatWeb .modal-actions,
#modalRegiPriv .modal-actions,
#modalCarrePub .modal-actions {
  display: flex;
  gap: 16px;
  margin-bottom: 0;
  flex-direction: column;
  align-items: center;
  padding: 16px 24px 40px;
  background: white;
}

#modalOPC .btn,
#modalDPC .btn,
#modalDPCPostos .btn,
#modalPlatWeb .btn,
#modalRegiPriv .btn,
#modalCarrePub .btn {
  flex: 1;
  padding: 12px 20px;
  border-radius: 25px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
}

#modalOPC .btn-outline,
#modalDPC .btn-outline,
#modalDPCPostos .btn-outline,
#modalPlatWeb .btn-outline,
#modalRegiPriv .btn-outline,
#modalCarrePub .btn-outline {
  background: white;
  border: 2px solid #00a651;
  color: #00a651;
}

#modalOPC .btn-outline:hover,
#modalDPC .btn-outline:hover,
#modalDPCPostos .btn-outline:hover,
#modalPlatWeb .btn-outline:hover,
#modalRegiPriv .btn-outline:hover,
#modalCarrePub .btn-outline:hover {
  background: #f0f9f4;
}

#modalOPC .btn-primary,
#modalDPC .btn-primary,
#modalDPCPostos .btn-primary,
#modalPlatWeb .btn-primary,
#modalRegiPriv .btn-primary,
#modalCarrePub .btn-primary {
  background: #00a651;
  border: 2px solid #00a651;
  color: white;
}

#modalOPC .btn-primary:hover,
#modalDPC .btn-primary:hover,
#modalDPCPostos .btn-primary:hover,
#modalPlatWeb .btn-primary:hover,
#modalRegiPriv .btn-primary:hover,
#modalCarrePub .btn-primary:hover {
  background: #008f45;
  border-color: #008f45;
}

#modalOPC .btn-back,
#modalDPC .btn-back,
#modalDPCPostos .btn-back,
#modalPlatWeb .btn-back,
#modalRegiPriv .btn-back,
#modalCarrePub .btn-back {
  background: none;
  border: none;
  color: #2F6852;
  font-family: "IberPangea Text", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 10px;
  margin: 0;
}

#modalOPC .btn-back:hover,
#modalDPC .btn-back:hover,
#modalDPCPostos .btn-back:hover,
#modalPlatWeb .btn-back:hover,
#modalRegiPriv .btn-back:hover,
#modalCarrePub .btn-back:hover {
  cursor: pointer;
  text-decoration: underline;
  color: #003020;
}

#modalOPC .btn-back:focus,
#modalDPC .btn-back:focus,
#modalDPCPostos .btn-back:focus,
#modalPlatWeb .btn-back:focus,
#modalRegiPriv .btn-back:focus,
#modalCarrePub .btn-back:focus {
  box-shadow: inset 0 0 0 2px #3CC2FF;
  color: #2F6852;
}

#modalOPC .btn-back:active,
#modalDPC .btn-back:active,
#modalDPCPostos .btn-back:active,
#modalPlatWeb .btn-back:active,
#modalRegiPriv .btn-back:active,
#modalCarrePub .btn-back:active {
  color: #003020;
}

#modalOPC .btn-back.d-none,
#modalDPC .btn-back.d-none,
#modalDPCPostos .btn-back.d-none,
#modalPlatWeb .btn-back.d-none,
#modalRegiPriv .btn-back.d-none,
#modalCarrePub .btn-back.d-none {
  margin: 0 auto;
}

#modalOPC .cont-button,
#modalDPC .cont-button,
#modalDPCPostos .cont-button,
#modalPlatWeb .cont-button,
#modalRegiPriv .cont-button,
#modalCarrePub .cont-button {
  display: flex;
  flex-direction: column-reverse;
  gap: 16px;
  width: 100%;
  align-self: stretch;
}

#modalOPC .cont-button .btn,
#modalOPC .cont-button .btn:hover,
#modalDPC .cont-button .btn,
#modalDPC .cont-button .btn:hover,
#modalDPCPostos .cont-button .btn,
#modalDPCPostos .cont-button .btn:hover,
#modalPlatWeb .cont-button .btn,
#modalPlatWeb .cont-button .btn:hover,
#modalRegiPriv .cont-button .btn,
#modalRegiPriv .cont-button .btn:hover,
#modalCarrePub .cont-button .btn,
#modalCarrePub .cont-button .btn:hover {
  width: 100%;
  height: 56px;
  font-size: 16px;
  background: #2F6852;
  border-color: #2F6852;
  font-family: IberPangea Text;
  margin: 0;
  border-radius: 1000px;
}

#modalOPC .cont-button .btn:hover,
#modalOPC .cont-button .btn:focus,
#modalDPC .cont-button .btn:hover,
#modalDPC .cont-button .btn:focus,
#modalDPCPostos .cont-button .btn:hover,
#modalDPCPostos .cont-button .btn:focus,
#modalPlatWeb .cont-button .btn:hover,
#modalPlatWeb .cont-button .btn:focus,
#modalRegiPriv .cont-button .btn:hover,
#modalRegiPriv .cont-button .btn:focus,
#modalCarrePub .cont-button .btn:hover,
#modalCarrePub .cont-button .btn:focus {
  background: #2F6852 !important;
  border-color: #2F6852 !important;
}

#modalOPC .btn-ligueme,
#modalDPC .btn-ligueme,
#modalDPCPostos .btn-ligueme,
#modalPlatWeb .btn-ligueme,
#modalRegiPriv .btn-ligueme,
#modalCarrePub .btn-ligueme {
  border: 2px solid #2F6852;
  border-radius: 1000px;
  background: #FFFF;
  padding: 14px 40px;
  color: #2F6852;
  font-family: "IberPangea Text";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  width: 100%;
  text-align: center;
  display: inline-block;
}

#modalOPC.modal,
#modalDPC.modal,
#modalDPCPostos.modal,
#modalPlatWeb.modal,
#modalRegiPriv.modal,
#modalCarrePub.modal {
  background-color: rgba(0, 0, 0, 0.5);
}

/* Media query para 360px */
@media (min-width: 360px) {
  #modalOPC,
  #modalDPC,
  #modalDPCPostos,
  #modalPlatWeb,
  #modalRegiPriv,
  #modalCarrePub {
    align-items: center;
    justify-content: center;
  }

  #modalOPC .modal-dialog,
  #modalDPC .modal-dialog,
  #modalDPCPostos .modal-dialog,
  #modalPlatWeb .modal-dialog,
  #modalRegiPriv .modal-dialog,
  #modalCarrePub .modal-dialog {
    margin: auto;
    max-width: 328px;
    width: calc(100% - 32px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0;
  }

  #modalOPC .modal-dialog .modal-content,
  #modalDPC .modal-dialog .modal-content,
  #modalDPCPostos .modal-dialog .modal-content,
  #modalPlatWeb .modal-dialog .modal-content,
  #modalRegiPriv .modal-dialog .modal-content,
  #modalCarrePub .modal-dialog .modal-content {
    max-width: 100%;
    width: 100%;
    height: auto;
    max-height: 90vh;
    border-radius: 16px 16px 0 0;
    margin: 0 auto;
    overflow: visible;
    position: relative;
  }

  #modalOPC .modal-dialog .modal-content .modal-header,
  #modalDPC .modal-dialog .modal-content .modal-header,
  #modalDPCPostos .modal-dialog .modal-content .modal-header,
  #modalPlatWeb .modal-dialog .modal-content .modal-header,
  #modalRegiPriv .modal-dialog .modal-content .modal-header,
  #modalCarrePub .modal-dialog .modal-content .modal-header {
    padding: 16px 16px 8px;
    border-radius: 16px 16px 0 0;
  }

  #modalOPC .modal-dialog .modal-content .modal-titulo,
  #modalDPC .modal-dialog .modal-content .modal-titulo,
  #modalDPCPostos .modal-dialog .modal-content .modal-titulo,
  #modalPlatWeb .modal-dialog .modal-content .modal-titulo,
  #modalRegiPriv .modal-dialog .modal-content .modal-titulo,
  #modalCarrePub .modal-dialog .modal-content .modal-titulo {
    padding: 0 24px 16px 24px;
  }

  #modalOPC .modal-dialog .modal-content .modal-body,
  #modalDPC .modal-dialog .modal-content .modal-body,
  #modalDPCPostos .modal-dialog .modal-content .modal-body,
  #modalPlatWeb .modal-dialog .modal-content .modal-body,
  #modalRegiPriv .modal-dialog .modal-content .modal-body,
  #modalCarrePub .modal-dialog .modal-content .modal-body {
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  #modalOPC .modal-dialog .modal-content .modal-body::-webkit-scrollbar,
  #modalDPC .modal-dialog .modal-content .modal-body::-webkit-scrollbar,
  #modalDPCPostos .modal-dialog .modal-content .modal-body::-webkit-scrollbar,
  #modalPlatWeb .modal-dialog .modal-content .modal-body::-webkit-scrollbar,
  #modalRegiPriv .modal-dialog .modal-content .modal-body::-webkit-scrollbar,
  #modalCarrePub .modal-dialog .modal-content .modal-body::-webkit-scrollbar {
    display: none;
  }

  #modalOPC .modal-dialog .modal-content .modal-body .modal-benefits,
  #modalDPC .modal-dialog .modal-content .modal-body .modal-benefits,
  #modalDPCPostos .modal-dialog .modal-content .modal-body .modal-benefits,
  #modalPlatWeb .modal-dialog .modal-content .modal-body .modal-benefits,
  #modalRegiPriv .modal-dialog .modal-content .modal-body .modal-benefits,
  #modalCarrePub .modal-dialog .modal-content .modal-body .modal-benefits {
    padding: 16px 16px;
    display: flex;
    gap: 32px;
    flex-direction: column;
  }

  #modalOPC .modal-actions,
  #modalDPC .modal-actions,
  #modalDPCPostos .modal-actions,
  #modalPlatWeb .modal-actions,
  #modalRegiPriv .modal-actions,
  #modalCarrePub .modal-actions {
    display: flex;
    padding: 16px 0 32px;
    width: 360px;
    border-radius: 0;
    position: relative;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
  }

  #modalOPC .cont-button,
  #modalDPC .cont-button,
  #modalDPCPostos .cont-button,
  #modalPlatWeb .cont-button,
  #modalRegiPriv .cont-button,
  #modalCarrePub .cont-button {
    display: flex;
    width: 100%;
    padding: 0 16px;
    gap: 12px;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }

  #modalOPC .cont-button .btn,
  #modalOPC .cont-button .btn-ligueme,
  #modalDPC .cont-button .btn,
  #modalDPC .cont-button .btn-ligueme,
  #modalDPCPostos .cont-button .btn,
  #modalDPCPostos .cont-button .btn-ligueme,
  #modalPlatWeb .cont-button .btn,
  #modalPlatWeb .cont-button .btn-ligueme,
  #modalRegiPriv .cont-button .btn,
  #modalRegiPriv .cont-button .btn-ligueme,
  #modalCarrePub .cont-button .btn,
  #modalCarrePub .cont-button .btn-ligueme {
    width: 100%;
    min-width: auto;
    max-width: 100%;
  }

  #modalOPC .modal-title,
  #modalDPC .modal-title,
  #modalDPCPostos .modal-title,
  #modalPlatWeb .modal-title,
  #modalRegiPriv .modal-title,
  #modalCarrePub .modal-title {
    font-size: 20px;
    margin-bottom: 12px;
  }

  #modalOPC .benefit-content h3,
  #modalDPC .benefit-content h3,
  #modalDPCPostos .benefit-content h3,
  #modalPlatWeb .benefit-content h3,
  #modalRegiPriv .benefit-content h3,
  #modalCarrePub .benefit-content h3 {
    font-size: 14px;
  }

}

/* Media query para 576px */
@media (min-width: 576px) {
  #modalOPC,
  #modalDPC,
  #modalDPCPostos,
  #modalPlatWeb,
  #modalRegiPriv,
  #modalCarrePub {
    align-items: center;
    justify-content: center;
  }

  #modalOPC .modal-dialog,
  #modalDPC .modal-dialog,
  #modalDPCPostos .modal-dialog,
  #modalPlatWeb .modal-dialog,
  #modalRegiPriv .modal-dialog,
  #modalCarrePub .modal-dialog {
    margin: auto;
    max-width: 504px;
    width: calc(100% - 40px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0;
  }

  #modalOPC .modal-dialog .modal-content,
  #modalDPC .modal-dialog .modal-content,
  #modalDPCPostos .modal-dialog .modal-content,
  #modalPlatWeb .modal-dialog .modal-content,
  #modalRegiPriv .modal-dialog .modal-content,
  #modalCarrePub .modal-dialog .modal-content {
    max-width: 100%;
    width: 100%;
    /* height: 694px; */
    max-height: 694px;
    border-radius: 16px;
    margin: 0 auto;
    overflow: hidden;
  }

  #modalOPC .modal-dialog .modal-content .modal-header,
  #modalDPC .modal-dialog .modal-content .modal-header,
  #modalDPCPostos .modal-dialog .modal-content .modal-header,
  #modalPlatWeb .modal-dialog .modal-content .modal-header,
  #modalRegiPriv .modal-dialog .modal-content .modal-header,
  #modalCarrePub .modal-dialog .modal-content .modal-header {
    padding: 16px 16px 8px;
    border-radius: 16px 16px 0 0;
  }

  #modalOPC .modal-dialog .modal-content .modal-titulo,
  #modalDPC .modal-dialog .modal-content .modal-titulo,
  #modalDPCPostos .modal-dialog .modal-content .modal-titulo,
  #modalPlatWeb .modal-dialog .modal-content .modal-titulo,
  #modalRegiPriv .modal-dialog .modal-content .modal-titulo,
  #modalCarrePub .modal-dialog .modal-content .modal-titulo {
    padding: 0 24px;
  }

  /* ✅ CAMBIO: eliminada barra de scroll en 576px */
  #modalOPC .modal-dialog .modal-content .modal-body,
  #modalDPC .modal-dialog .modal-content .modal-body,
  #modalDPCPostos .modal-dialog .modal-content .modal-body,
  #modalPlatWeb .modal-dialog .modal-content .modal-body,
  #modalRegiPriv .modal-dialog .modal-content .modal-body,
  #modalCarrePub .modal-dialog .modal-content .modal-body {
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  #modalOPC .modal-dialog .modal-content .modal-body::-webkit-scrollbar,
  #modalDPC .modal-dialog .modal-content .modal-body::-webkit-scrollbar,
  #modalDPCPostos .modal-dialog .modal-content .modal-body::-webkit-scrollbar,
  #modalPlatWeb .modal-dialog .modal-content .modal-body::-webkit-scrollbar,
  #modalRegiPriv .modal-dialog .modal-content .modal-body::-webkit-scrollbar,
  #modalCarrePub .modal-dialog .modal-content .modal-body::-webkit-scrollbar {
    display: none;
  }

  #modalOPC .modal-dialog .modal-content .modal-body .modal-benefits,
  #modalDPC .modal-dialog .modal-content .modal-body .modal-benefits,
  #modalDPCPostos .modal-dialog .modal-content .modal-body .modal-benefits,
  #modalPlatWeb .modal-dialog .modal-content .modal-body .modal-benefits,
  #modalRegiPriv .modal-dialog .modal-content .modal-body .modal-benefits,
  #modalCarrePub .modal-dialog .modal-content .modal-body .modal-benefits {
    padding: 16px 24px;
  }

  #modalOPC .modal-actions,
  #modalDPC .modal-actions,
  #modalDPCPostos .modal-actions,
  #modalPlatWeb .modal-actions,
  #modalRegiPriv .modal-actions,
  #modalCarrePub .modal-actions {
    display: flex;
    padding: 24px 24px 32px;
    width: 100%;
    border-radius: 0;
    margin-left: 0;
    position: relative;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    justify-content: center;
  }

  #modalOPC .cont-button,
  #modalDPC .cont-button,
  #modalDPCPostos .cont-button,
  #modalPlatWeb .cont-button,
  #modalRegiPriv .cont-button,
  #modalCarrePub .cont-button {
    display: flex;
    width: 100%;
    max-width: 100%;
    padding: 0;
    gap: 16px;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
  }

  #modalOPC .cont-button .btn,
  #modalOPC .cont-button .btn-ligueme,
  #modalDPC .cont-button .btn,
  #modalDPC .cont-button .btn-ligueme,
  #modalDPCPostos .cont-button .btn,
  #modalDPCPostos .cont-button .btn-ligueme,
  #modalPlatWeb .cont-button .btn,
  #modalPlatWeb .cont-button .btn-ligueme,
  #modalRegiPriv .cont-button .btn,
  #modalRegiPriv .cont-button .btn-ligueme,
  #modalCarrePub .cont-button .btn,
  #modalCarrePub .cont-button .btn-ligueme {
    width: auto;
    min-width: 160px;
    max-width: 210px;
    flex: 1;
  }

  #modalOPC .btn-back,
  #modalDPC .btn-back,
  #modalDPCPostos .btn-back,
  #modalPlatWeb .btn-back,
  #modalRegiPriv .btn-back,
  #modalCarrePub .btn-back {
    width: 100%;
    text-align: center;
    justify-content: center;
    margin-top: 8px;
  }

  #modalOPC .modal-title,
  #modalDPC .modal-title,
  #modalDPCPostos .modal-title,
  #modalPlatWeb .modal-title,
  #modalRegiPriv .modal-title,
  #modalCarrePub .modal-title {
    font-size: 22px;
    margin-bottom: 12px;
  }


  #modalOPC .benefit-content h3,
  #modalDPC .benefit-content h3,
  #modalDPCPostos .benefit-content h3,
  #modalPlatWeb .benefit-content h3,
  #modalRegiPriv .benefit-content h3,
  #modalCarrePub .benefit-content h3 {
    font-size: 15px;
  }

}

@media (min-width: 768px) {
  .ibd-static-pt-generic-html-productos-Paineis-solares .dropdown-menu.show {
    left: 0 !important;
  }

  #modalOPC,
  #modalDPC,
  #modalDPCPostos,
  #modalPlatWeb,
  #modalRegiPriv,
  #modalCarrePub {
    align-items: center;
    justify-content: center;
  }

  #modalOPC .modal-dialog,
  #modalDPC .modal-dialog,
  #modalDPCPostos .modal-dialog,
  #modalPlatWeb .modal-dialog,
  #modalRegiPriv .modal-dialog,
  #modalCarrePub .modal-dialog {
    margin: auto;
    max-width: 624px;
    width: calc(100% - 48px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0;
  }

  #modalOPC .modal-dialog .modal-content,
  #modalDPC .modal-dialog .modal-content,
  #modalDPCPostos .modal-dialog .modal-content,
  #modalPlatWeb .modal-dialog .modal-content,
  #modalRegiPriv .modal-dialog .modal-content,
  #modalCarrePub .modal-dialog .modal-content {
    padding: 16px;
    max-width: 100%;
    width: 100%;
    height: auto;
    max-height: 686px;
    overflow-y: auto;
    border-radius: 16px;
    margin: 0 auto;
    overflow: hidden;
  }

  #modalOPC .modal-dialog .modal-content .modal-header,
  #modalDPC .modal-dialog .modal-content .modal-header,
  #modalDPCPostos .modal-dialog .modal-content .modal-header,
  #modalPlatWeb .modal-dialog .modal-content .modal-header,
  #modalRegiPriv .modal-dialog .modal-content .modal-header,
  #modalCarrePub .modal-dialog .modal-content .modal-header {
    padding: 16px 16px 8px;
    border-radius: 16px 16px 0 0;
  }

  #modalOPC .modal-dialog .modal-content .modal-titulo,
  #modalDPC .modal-dialog .modal-content .modal-titulo,
  #modalDPCPostos .modal-dialog .modal-content .modal-titulo,
  #modalPlatWeb .modal-dialog .modal-content .modal-titulo,
  #modalRegiPriv .modal-dialog .modal-content .modal-titulo,
  #modalCarrePub .modal-dialog .modal-content .modal-titulo {
    padding: 0 24px;
  }

  #modalOPC .modal-dialog .modal-content .modal-body,
  #modalDPC .modal-dialog .modal-content .modal-body,
  #modalDPCPostos .modal-dialog .modal-content .modal-body,
  #modalPlatWeb .modal-dialog .modal-content .modal-body,
  #modalRegiPriv .modal-dialog .modal-content .modal-body,
  #modalCarrePub .modal-dialog .modal-content .modal-body {
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  #modalOPC .modal-dialog .modal-content .modal-body::-webkit-scrollbar,
  #modalDPC .modal-dialog .modal-content .modal-body::-webkit-scrollbar,
  #modalDPCPostos .modal-dialog .modal-content .modal-body::-webkit-scrollbar,
  #modalPlatWeb .modal-dialog .modal-content .modal-body::-webkit-scrollbar,
  #modalRegiPriv .modal-dialog .modal-content .modal-body::-webkit-scrollbar,
  #modalCarrePub .modal-dialog .modal-content .modal-body::-webkit-scrollbar {
    display: none;
  }

  #modalOPC .modal-dialog .modal-content .modal-body .modal-benefits,
  #modalDPC .modal-dialog .modal-content .modal-body .modal-benefits,
  #modalDPCPostos .modal-dialog .modal-content .modal-body .modal-benefits,
  #modalPlatWeb .modal-dialog .modal-content .modal-body .modal-benefits,
  #modalRegiPriv .modal-dialog .modal-content .modal-body .modal-benefits,
  #modalCarrePub .modal-dialog .modal-content .modal-body .modal-benefits {
    padding: 16px 24px;
    display: flex;
    gap: 32px;
    /* height: 300px; */
    flex-direction: column;
  }

  #modalOPC .modal-actions,
  #modalDPC .modal-actions,
  #modalDPCPostos .modal-actions,
  #modalPlatWeb .modal-actions,
  #modalRegiPriv .modal-actions,
  #modalCarrePub .modal-actions {
    display: flex;
    padding: 24px 24px 32px;
    width: 100%;
    border-radius: 0;
    margin-left: 0;
    position: relative;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    justify-content: center;
  }

  #modalOPC .cont-button,
  #modalDPC .cont-button,
  #modalDPCPostos .cont-button,
  #modalPlatWeb .cont-button,
  #modalRegiPriv .cont-button,
  #modalCarrePub .cont-button {
    display: flex;
    width: 100%;
    max-width: 100%;
    padding: 0;
    gap: 16px;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
  }

  #modalOPC .cont-button .btn,
  #modalOPC .cont-button .btn-ligueme,
  #modalDPC .cont-button .btn,
  #modalDPC .cont-button .btn-ligueme,
  #modalDPCPostos .cont-button .btn,
  #modalDPCPostos .cont-button .btn-ligueme,
  #modalPlatWeb .cont-button .btn,
  #modalPlatWeb .cont-button .btn-ligueme,
  #modalRegiPriv .cont-button .btn,
  #modalRegiPriv .cont-button .btn-ligueme,
  #modalCarrePub .cont-button .btn,
  #modalCarrePub .cont-button .btn-ligueme {
    width: auto;
    min-width: 180px;
    max-width: 240px;
    flex: 1;
  }

  #modalOPC .btn-back,
  #modalDPC .btn-back,
  #modalDPCPostos .btn-back,
  #modalPlatWeb .btn-back,
  #modalRegiPriv .btn-back,
  #modalCarrePub .btn-back {
    width: 100%;
    text-align: center;
    justify-content: center;
    margin-top: 8px;
  }

  #modalOPC .modal-title,
  #modalDPC .modal-title,
  #modalDPCPostos .modal-title,
  #modalPlatWeb .modal-title,
  #modalRegiPriv .modal-title,
  #modalCarrePub .modal-title {
    font-size: 24px;
    margin-bottom: 12px;
  }


  #modalOPC .benefit-item,
  #modalDPC .benefit-item,
  #modalDPCPostos .benefit-item,
  #modalPlatWeb .benefit-item,
  #modalRegiPriv .benefit-item,
  #modalCarrePub .benefit-item {
    /* margin-bottom: 18px; */
    width: 534px;
  }

  #modalOPC .benefit-content h3,
  #modalDPC .benefit-content h3,
  #modalDPCPostos .benefit-content h3,
  #modalPlatWeb .benefit-content h3,
  #modalRegiPriv .benefit-content h3,
  #modalCarrePub .benefit-content h3 {
    font-size: 16px;
  }

}

@media (min-width: 992px) {
  .ibd-static-pt-generic-html-productos-Paineis-solares .dropdown-menu.show {
    left: 0 !important;
  }

  #modalOPC,
  #modalDPC,
  #modalDPCPostos,
  #modalPlatWeb,
  #modalRegiPriv,
  #modalCarrePub {
    align-items: center;
    justify-content: center;
  }

  #modalOPC .modal-dialog,
  #modalDPC .modal-dialog,
  #modalDPCPostos .modal-dialog,
  #modalPlatWeb .modal-dialog,
  #modalRegiPriv .modal-dialog,
  #modalCarrePub .modal-dialog {
    margin: auto;
    max-width: 624px;
    width: calc(100% - 48px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0;
  }

  #modalOPC .modal-dialog .modal-content,
  #modalDPC .modal-dialog .modal-content,
  #modalDPCPostos .modal-dialog .modal-content,
  #modalPlatWeb .modal-dialog .modal-content,
  #modalRegiPriv .modal-dialog .modal-content,
  #modalCarrePub .modal-dialog .modal-content {
    padding: 16px;
    max-width: 624px;
    width: 624px;
    height: auto;
    max-height: 686px;
    border-radius: 16px;
    margin: 0 auto;
    overflow: hidden;
  }

  #modalOPC .modal-dialog .modal-content .modal-header,
  #modalDPC .modal-dialog .modal-content .modal-header,
  #modalDPCPostos .modal-dialog .modal-content .modal-header,
  #modalPlatWeb .modal-dialog .modal-content .modal-header,
  #modalRegiPriv .modal-dialog .modal-content .modal-header,
  #modalCarrePub .modal-dialog .modal-content .modal-header {
    padding: 16px 16px 8px;
    border-radius: 16px 16px 0 0;
  }

  #modalOPC .modal-dialog .modal-content .modal-titulo,
  #modalDPC .modal-dialog .modal-content .modal-titulo,
  #modalDPCPostos .modal-dialog .modal-content .modal-titulo,
  #modalPlatWeb .modal-dialog .modal-content .modal-titulo,
  #modalRegiPriv .modal-dialog .modal-content .modal-titulo,
  #modalCarrePub .modal-dialog .modal-content .modal-titulo {
    padding: 0 24px 16px 24px;
  }

  /* ✅ CAMBIO: eliminada barra de scroll en 992px */
  #modalOPC .modal-dialog .modal-content .modal-body,
  #modalDPC .modal-dialog .modal-content .modal-body,
  #modalDPCPostos .modal-dialog .modal-content .modal-body,
  #modalPlatWeb .modal-dialog .modal-content .modal-body,
  #modalRegiPriv .modal-dialog .modal-content .modal-body,
  #modalCarrePub .modal-dialog .modal-content .modal-body {
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  #modalOPC .modal-dialog .modal-content .modal-body::-webkit-scrollbar,
  #modalDPC .modal-dialog .modal-content .modal-body::-webkit-scrollbar,
  #modalDPCPostos .modal-dialog .modal-content .modal-body::-webkit-scrollbar,
  #modalPlatWeb .modal-dialog .modal-content .modal-body::-webkit-scrollbar,
  #modalRegiPriv .modal-dialog .modal-content .modal-body::-webkit-scrollbar,
  #modalCarrePub .modal-dialog .modal-content .modal-body::-webkit-scrollbar {
    display: none;
  }

  #modalOPC .modal-dialog .modal-content .modal-body .modal-benefits,
  #modalDPC .modal-dialog .modal-content .modal-body .modal-benefits,
  #modalDPCPostos .modal-dialog .modal-content .modal-body .modal-benefits,
  #modalPlatWeb .modal-dialog .modal-content .modal-body .modal-benefits,
  #modalRegiPriv .modal-dialog .modal-content .modal-body .modal-benefits,
  #modalCarrePub .modal-dialog .modal-content .modal-body .modal-benefits {
    padding: 16px 24px;
  }

  #modalOPC .modal-actions,
  #modalDPC .modal-actions,
  #modalDPCPostos .modal-actions,
  #modalPlatWeb .modal-actions,
  #modalRegiPriv .modal-actions,
  #modalCarrePub .modal-actions {
    display: flex;
    padding: 24px 24px 32px;
    width: 100%;
    border-radius: 0;
    margin-left: 0;
    position: relative;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    justify-content: center;
  }

  #modalOPC .cont-button,
  #modalDPC .cont-button,
  #modalDPCPostos .cont-button,
  #modalPlatWeb .cont-button,
  #modalRegiPriv .cont-button,
  #modalCarrePub .cont-button {
    display: flex;
    width: 100%;
    max-width: 100%;
    padding: 0;
    gap: 16px;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
  }

  #modalOPC .cont-button .btn,
  #modalOPC .cont-button .btn-ligueme,
  #modalDPC .cont-button .btn,
  #modalDPC .cont-button .btn-ligueme,
  #modalDPCPostos .cont-button .btn,
  #modalDPCPostos .cont-button .btn-ligueme,
  #modalPlatWeb .cont-button .btn,
  #modalPlatWeb .cont-button .btn-ligueme,
  #modalRegiPriv .cont-button .btn,
  #modalRegiPriv .cont-button .btn-ligueme,
  #modalCarrePub .cont-button .btn,
  #modalCarrePub .cont-button .btn-ligueme {
    width: auto;
    min-width: 180px;
    max-width: 240px;
    flex: 1;
  }

  #modalOPC .btn-back,
  #modalDPC .btn-back,
  #modalDPCPostos .btn-back,
  #modalPlatWeb .btn-back,
  #modalRegiPriv .btn-back,
  #modalCarrePub .btn-back {
    width: 100%;
    text-align: center;
    justify-content: center;
    margin-top: 8px;
  }

  #modalOPC .modal-title,
  #modalDPC .modal-title,
  #modalDPCPostos .modal-title,
  #modalPlatWeb .modal-title,
  #modalRegiPriv .modal-title,
  #modalCarrePub .modal-title {
    font-size: 24px;
    margin-bottom: 12px;
  }


  #modalOPC .benefit-content h3,
  #modalDPC .benefit-content h3,
  #modalDPCPostos .benefit-content h3,
  #modalPlatWeb .benefit-content h3,
  #modalRegiPriv .benefit-content h3,
  #modalCarrePub .benefit-content h3 {
    font-size: 16px;
  }


@media (min-width: 1200px) {
  #modalOPC .modal-dialog .modal-content,
  #modalDPC .modal-dialog .modal-content,
  #modalDPCPostos .modal-dialog .modal-content,
  #modalPlatWeb .modal-dialog .modal-content,
  #modalRegiPriv .modal-dialog .modal-content,
  #modalCarrePub .modal-dialog .modal-content {
    height: auto;
    max-height: 686px;
  }
}

@media (min-width: 1920px) {
  #modalOPC .modal-dialog .modal-content,
  #modalDPC .modal-dialog .modal-content,
  #modalDPCPostos .modal-dialog .modal-content,
  #modalPlatWeb .modal-dialog .modal-content,
  #modalRegiPriv .modal-dialog .modal-content,
  #modalCarrePub .modal-dialog .modal-content {
    height: auto;
    max-height: 686px;
    overflow: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  #modalOPC .modal-dialog .modal-content::-webkit-scrollbar,
  #modalDPC .modal-dialog .modal-content::-webkit-scrollbar,
  #modalDPCPostos .modal-dialog .modal-content::-webkit-scrollbar,
  #modalPlatWeb .modal-dialog .modal-content::-webkit-scrollbar,
  #modalRegiPriv .modal-dialog .modal-content::-webkit-scrollbar,
  #modalCarrePub .modal-dialog .modal-content::-webkit-scrollbar {
    display: none;
  }

}