/* Hkili Casa - Estilo visual para CookieYes CMP
   Este archivo solo modifica apariencia. No altera consentimiento, TCF/IAB ni Google Consent Mode. */

:root {
  --hkili-casa-primary: #2E7D6F;
  --hkili-casa-primary-dark: #1f5f55;
  --hkili-casa-soft: #f3f8f6;
  --hkili-casa-border: #dce8e4;
  --hkili-casa-text: #1f2933;
  --hkili-casa-muted: #5f6f6b;
}

.cky-consent-container,
.cky-modal,
.cky-preference-center,
.cky-consent-container * {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}

.cky-consent-container .cky-consent-bar,
.cky-consent-container .cky-banner-bottom,
.cky-consent-container .cky-box-bottom-left,
.cky-consent-container .cky-box-bottom-right,
.cky-consent-container .cky-box-bottom-center {
  border-radius: 20px !important;
  border: 1px solid var(--hkili-casa-border) !important;
  box-shadow: 0 22px 60px rgba(16, 38, 34, 0.16) !important;
  background: #ffffff !important;
  color: var(--hkili-casa-text) !important;
  padding: 22px !important;
}

.cky-consent-container .cky-title,
.cky-consent-container .cky-notice .cky-title,
.cky-preference-center .cky-preference-title {
  color: #183f39 !important;
  font-weight: 800 !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
  margin-bottom: 8px !important;
}

.cky-consent-container .cky-notice-des,
.cky-consent-container .cky-notice-des *,
.cky-consent-container .cky-policy,
.cky-preference-content-wrapper,
.cky-preference-content-wrapper * {
  color: var(--hkili-casa-muted) !important;
  font-size: 14px !important;
  line-height: 1.62 !important;
}

.cky-consent-container .cky-notice-btn-wrapper {
  gap: 10px !important;
  margin-top: 18px !important;
}

.cky-btn,
.cky-btn * {
  font-weight: 700 !important;
}

.cky-btn {
  border-radius: 999px !important;
  padding: 10px 18px !important;
  min-height: 42px !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease !important;
}

.cky-btn:hover {
  transform: translateY(-1px) !important;
}

.cky-btn-accept,
.cky-btn-accept:hover,
.cky-btn-accept:focus {
  background: var(--hkili-casa-primary) !important;
  border-color: var(--hkili-casa-primary) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(46, 125, 111, 0.24) !important;
}

.cky-btn-reject,
.cky-btn-reject:hover,
.cky-btn-reject:focus {
  background: #ffffff !important;
  border-color: #b9cbc5 !important;
  color: var(--hkili-casa-primary-dark) !important;
}

.cky-btn-customize,
.cky-btn-customize:hover,
.cky-btn-customize:focus,
.cky-btn-preferences,
.cky-btn-preferences:hover,
.cky-btn-preferences:focus {
  background: var(--hkili-casa-soft) !important;
  border-color: var(--hkili-casa-border) !important;
  color: var(--hkili-casa-primary-dark) !important;
}

.cky-footer-wrapper,
.cky-prefrence-btn-wrapper {
  border-color: var(--hkili-casa-border) !important;
}

.cky-preference-center {
  border-radius: 22px !important;
  border: 1px solid var(--hkili-casa-border) !important;
  box-shadow: 0 24px 70px rgba(16, 38, 34, 0.18) !important;
  overflow: hidden !important;
}

.cky-preference-header,
.cky-preference-body-wrapper,
.cky-footer-wrapper {
  background: #ffffff !important;
}

.cky-accordion-header .cky-always-active,
.cky-switch input:checked + div,
.cky-switch input:checked + .cky-slider {
  background: var(--hkili-casa-primary) !important;
}

.cky-revisit-bottom-left,
.cky-revisit-bottom-right,
.cky-revisit-bottom-center {
  box-shadow: 0 10px 28px rgba(16, 38, 34, 0.18) !important;
}

@media (max-width: 768px) {
  .cky-consent-container .cky-consent-bar,
  .cky-consent-container .cky-banner-bottom,
  .cky-consent-container .cky-box-bottom-left,
  .cky-consent-container .cky-box-bottom-right,
  .cky-consent-container .cky-box-bottom-center {
    border-radius: 18px 18px 0 0 !important;
    padding: 18px !important;
  }

  .cky-consent-container .cky-notice-btn-wrapper,
  .cky-prefrence-btn-wrapper {
    flex-direction: column !important;
  }

  .cky-btn {
    width: 100% !important;
  }
}