/*
Theme Name: Premium Pool Theme
Theme URI: https://example.com/
Author: OpenAI
Author URI: https://openai.com/
Description: Tema WordPress adaptado desde diseño React/Vite para landing premium de piscinas.
Version: 1.1.6
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: premium-pool-theme
*/

html {
  scroll-behavior: smooth;
}

body.premium-pool-react-theme {
  margin: 0;
}

/* v1.1.6 - Botones visibles en tarjetas de servicios */
.premium-pool-react-theme .pp-service-card-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  min-width: 190px !important;
  padding: 13px 18px !important;
  border-radius: 999px !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  transition: transform .22s ease, box-shadow .22s ease, background .22s ease, color .22s ease, border-color .22s ease !important;
}
.premium-pool-react-theme .pp-service-card-btn svg {
  width: 18px !important;
  height: 18px !important;
  flex-shrink: 0 !important;
}
.premium-pool-react-theme .pp-service-card-btn-primary {
  color: #ffffff !important;
  background: linear-gradient(135deg, #24c7df, #0798b8) !important;
  border: 1px solid rgba(36, 199, 223, .52) !important;
  box-shadow: 0 14px 30px rgba(36, 199, 223, .24) !important;
}
.premium-pool-react-theme .pp-service-card-btn-secondary {
  color: #0f172a !important;
  background: #ffffff !important;
  border: 1px solid rgba(36, 199, 223, .36) !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .08) !important;
}
.premium-pool-react-theme .pp-service-card-btn:hover {
  transform: translateY(-2px) !important;
  text-decoration: none !important;
}
.premium-pool-react-theme .pp-service-card-btn-primary:hover {
  box-shadow: 0 18px 38px rgba(36, 199, 223, .34) !important;
}
.premium-pool-react-theme .pp-service-card-btn-secondary:hover {
  color: #0798b8 !important;
  border-color: rgba(36, 199, 223, .68) !important;
  box-shadow: 0 16px 34px rgba(15, 23, 42, .12) !important;
}
@media (max-width: 640px) {
  .premium-pool-react-theme .pp-service-card-btn {
    width: 100% !important;
    min-width: 0 !important;
  }
}