#elementor-popup-modal-1395 .dialog-widget-content{animation-duration:1.5s;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-1395{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-1395 .dialog-message{width:1200px;height:auto;}#elementor-popup-modal-1395 .dialog-close-button{display:flex;}/* Start custom CSS for html, class: .elementor-element-516e8bed */.service-popup{
  display:flex; justify-content:center; align-items:center;
}
.sp-card{
  background:#fff;
 width:100%;
  border-radius:16px;
  padding:28px;
  font-family:'Roboto', sans-serif;
}
.sp-card::before{
  content:""; display:block;
  height:5px; width:100%;
  background:linear-gradient(90deg,#087d62,#51cc97);
  margin:-28px -28px 20px;
}

/* Header */
.sp-head{ display:flex; gap:14px; align-items:center; margin-bottom:14px; }
.sp-ico{
  width:48px; height:48px; border-radius:12px;
  background:#e8f4f1; color:#087d62;
  display:flex; justify-content:center; align-items:center;
  font-size:22px;
}
.sp-title{ margin:0; font-size:26px!important; font-weight:800; color:#222!important;text-transform:uppercase; }
.sp-badge{
  display:inline-block; margin-top:6px;
  font-size:11px; font-weight:700; text-transform:uppercase;
  color:#087d62; background:#e8f4f1;
  padding:4px 10px; border-radius:999px;
}

/* Lead */
.sp-lead{ color:#5c6b66; margin-bottom:18px; line-height:1.5; }

/* List */
.sp-list{ list-style:none; margin:0 0 20px; padding:0; display:grid; gap:10px; }
.sp-list li{
  display:flex; gap:10px; align-items:flex-start;
  background:#f9fcfb; padding:12px 14px;
  border:1px solid #e6ecea; border-radius:12px;
  font-size:15px; color:#101418;
}
.sp-list i{ color:#087d62; margin-top:2px; }

/* CTA */
.sp-cta{ display:flex; gap:12px; margin-bottom:16px; flex-wrap:wrap; }
.sp-btn{
  display:inline-flex; align-items:center; gap:8px;
  font-weight:700; text-decoration:none;
  border-radius:30px; padding:12px 18px;
  border:1px solid transparent; transition:.2s ease;
}
.sp-btn--wa{ background:#51cc97; color:#063826; }
.sp-btn--wa:hover{ filter:brightness(1.05); }
.sp-btn--ghost{ background:#fff; border-color:#e6ecea; color:#087d62; }
.sp-btn--ghost:hover{ border-color:#087d62; }

/* Trust */
.sp-trust{ display:flex; gap:14px; flex-wrap:wrap; font-size:13px; color:#5c6b66; }
.sp-trust span{ display:inline-flex; align-items:center; gap:6px; }
.sp-trust i{ color:#087d62; }



/* ============== Responsive refinements (manteniendo tu UI) ============== */

/* Evita que el contenido quede pegado a los bordes del popup en pantallas estrechas */
@media (max-width: 1024px){
  .service-popup{ padding-inline:16px; }
  .sp-card{ padding:26px; }
  .sp-card::before{ margin:-26px -26px 18px; height:5px; }
  .sp-title{ font-size:24px !important; }
  .sp-ico{ width:46px; height:46px; font-size:21px; }
}

/* Tablet */
@media (max-width: 768px){
  .sp-card{ padding:22px; }
  .sp-card::before{ margin:-22px -22px 16px; height:5px; }
  .sp-head{ align-items:flex-start; gap:12px; }
  .sp-title{ font-size:22px !important; }
  .sp-lead{ font-size:15px; }
  .sp-list{ gap:8px; }
  .sp-list li{ padding:11px 12px; font-size:14.5px; }
  .sp-cta{ gap:10px; }
  .sp-btn{ min-height:46px; }
  /* En tablet pequeña puedes apilar CTAs si lo prefieres: */
  /* .sp-cta{ flex-direction:column } .sp-btn{ width:100%; justify-content:center } */
}

/* Móvil */
@media (max-width: 560px){
  .sp-card{ padding:18px; border-radius:14px; }
  .sp-card::before{ margin:-18px -18px 14px; height:4px; }
  .sp-head{ gap:10px; }
  .sp-ico{ width:42px; height:42px; font-size:20px; border-radius:10px; }
  .sp-title{ font-size:20px !important; }
  .sp-badge{ font-size:10px; padding:3px 8px; margin-top:4px; }
  .sp-lead{ margin-bottom:14px; line-height:1.45; }
  .sp-list li{ padding:10px 12px; font-size:14px; border-radius:10px; }
  .sp-cta{ flex-direction:column; gap:8px; }
  .sp-btn{ width:100%; justify-content:center; padding:12px 16px; border-radius:26px; }
  .sp-trust{ gap:8px; font-size:12.5px; }
}

/* Móvil muy pequeño */
@media (max-width: 380px){
  .sp-card{ padding:16px; }
  .sp-card::before{ margin:-16px -16px 12px; height:4px; }
  .sp-title{ font-size:18px !important; }
  .sp-ico{ width:38px; height:38px; font-size:18px; }
  .sp-list li{ padding:9px 10px; font-size:13.8px; }
  .sp-btn{ padding:11px 14px; border-radius:22px; }
  .sp-trust{ font-size:12px; }
}

/* Accesibilidad / UX */
@media (prefers-reduced-motion: reduce){
  .sp-btn{ transition:none; }
}
.sp-btn{ -webkit-tap-highlight-color: transparent; }/* End custom CSS */