/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Apr 09 2026 | 13:33:52 */
/* Tarjetas con borde verde + hover verde */
.page-id-21506 .elementor-icon-box-wrapper {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.page-id-21506 .elementor-icon-box-wrapper:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(39,174,96,0.18);
}

/* Iconos verdes en tarjetas de servicios */
.page-id-21506 .elementor-icon-box-icon .elementor-icon { color: #27AE60; }
.page-id-21506 .elementor-icon-box-title { color: #1B3A5C; }
.page-id-21506 .elementor-icon-box-description { color: #555555; }

/* CTA botón */
.pateco-cta .elementor-button { background-color: #E74C3C !important; }
.pateco-cta .elementor-button:hover { background-color: #C0392B !important; }

/* Diagrama circular responsive */
@media (max-width: 767px) {
  .page-id-21506 .elementor-icon-box-wrapper { margin-bottom: 20px; }
  .page-id-21506 div[style*="width:280px"] {
    width: 220px !important;
    height: 220px !important;
  }
}