/* Popup base wrapper visibility */
.tripopupmensagem-wrapper { display: none; }
.tripopupmensagem-wrapper.showed-pnp { display: block; }

/* Overlay */
.tripopupmensagem-wrapper .pnp-overlay {
  position: fixed; inset: 0; background: rgba(0,0,0,0.55); z-index: 9998;
}

/* Popup box */
#posnewsletterpopup.posnewsletterpopup-style-4 {
  position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%);
  background: #fff; color: #222; width: 900px; max-width: 95vw; border-radius: 8px;
  box-shadow: 0 20px 40px rgba(0,0,0,0.25); z-index: 9999; overflow: hidden;
}

/* Close button */
#posnewsletterpopup .pnp-close {
  position: absolute; right: 12px; top: 10px; font-size: 24px; line-height: 24px;
  cursor: pointer; color: #333; padding: 4px; opacity: 0.7;
}
#posnewsletterpopup .pnp-close:hover { opacity: 1; }

/* Layout: left text, right image */
#posnewsletterpopup .pnp-content-wrapper { display: grid; grid-template-columns: 1.2fr 1fr; gap: 0; align-items: stretch; }
#posnewsletterpopup .pnp-content { padding: 32px 28px; }
#posnewsletterpopup .pnp-image { min-height: 100%; }
#posnewsletterpopup .pnp-image img { display: block; width: 100%; height: 100%; object-fit: cover; }

/* Title & description */
#posnewsletterpopup .pnp-title { font-size: 22px; font-weight: 700; margin: 0 0 12px; letter-spacing: .3px; }
#posnewsletterpopup .pnp-desc { color: #555; font-size: 15px; line-height: 1.6; margin-bottom: 18px; }

/* Button */
#posnewsletterpopup .pos-btn-newsletter { background: #111; color: #fff; border: none; border-radius: 4px; padding: 10px 18px; font-weight: 600; }
#posnewsletterpopup .pos-btn-newsletter:hover { background: #333; color: #fff; }

/* Responsive */
@media (max-width: 768px) {
  #posnewsletterpopup.posnewsletterpopup-style-4 { width: 95vw; }
  #posnewsletterpopup .pnp-content-wrapper { grid-template-columns: 1fr; }
  #posnewsletterpopup .pnp-image { display: none; }
}