html,
body {
  overflow-x: hidden;
  max-width: 100%;
}

body {
  position: relative;
}

.elementor {
  overflow-x: clip;
}
/* =========================================
   COOKIEYES - ASPEN CUSTOM STYLE
========================================= */

/* Fonte global */
.cky-consent-container,
.cky-consent-container *,
.cky-modal,
.cky-modal * {
  font-family: 'Lato', sans-serif !important;
}

/* Remove título do banner */
.cky-consent-container .cky-title {
  display: none !important;
}

/* Remove botão flutuante */
.cky-btn-revisit-wrapper {
  display: none !important;
}

/* =========================================
   BANNER
========================================= */

.cky-consent-container .cky-consent-bar {
  background: #ffffff !important;
  border-top: 1px solid rgba(0, 4, 58, 0.10) !important;
  box-shadow: 0 -4px 18px rgba(0, 0, 0, 0.06) !important;
  padding: 18px 24px !important;
}

/* Texto */
.cky-consent-container .cky-notice-des,
.cky-consent-container .cky-notice-des p {
  color: #00043A !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  font-weight: 400 !important;
}

/* Link Privacy */
.cky-consent-container .cky-notice-des a {
  color: #00043A !important;
  text-decoration: underline !important;
  font-weight: 500 !important;
}

/* =========================================
   BOTÕES
========================================= */

.cky-consent-container .cky-btn,
.cky-prefrence-btn-wrapper .cky-btn {
  border-radius: 4px !important;
  min-height: 42px !important;
  padding: 10px 22px !important;
  font-weight: 500 !important;
  transition:
    background-color 0.25s ease,
    border-color 0.25s ease,
    color 0.25s ease,
    transform 0.18s ease,
    box-shadow 0.25s ease !important;
}

/* Hover discreto */
.cky-consent-container .cky-btn:hover,
.cky-prefrence-btn-wrapper .cky-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
  cursor: pointer;
}

/* Botão principal */
.cky-consent-container .cky-btn-accept,
.cky-prefrence-btn-wrapper .cky-btn-accept {
  background: #FFBC00 !important;
  border-color: #FFBC00 !important;
  color: #00043A !important;
}

/* Hover botão principal */
.cky-consent-container .cky-btn-accept:hover,
.cky-prefrence-btn-wrapper .cky-btn-accept:hover {
  background: #e5a900 !important;
  border-color: #e5a900 !important;
}

/* Botões secundários */
.cky-consent-container .cky-btn-reject,
.cky-consent-container .cky-btn-customize,
.cky-prefrence-btn-wrapper .cky-btn-reject,
.cky-prefrence-btn-wrapper .cky-btn-preferences {
  background: transparent !important;
  border-color: #00043A !important;
  color: #00043A !important;
}

/* Hover secundários */
.cky-consent-container .cky-btn-reject:hover,
.cky-consent-container .cky-btn-customize:hover,
.cky-prefrence-btn-wrapper .cky-btn-reject:hover,
.cky-prefrence-btn-wrapper .cky-btn-preferences:hover {
  background: rgba(0, 4, 58, 0.04) !important;
}

/* =========================================
   MODAL
========================================= */

.cky-modal .cky-preference-center,
.cky-preference-center {
  background: #ffffff !important;
  border: 1px solid rgba(0, 4, 58, 0.10) !important;
  border-radius: 10px !important;
  color: #00043A !important;
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.20) !important;
}

/* Header */
.cky-preference-header {
  background: #ffffff !important;
  border-bottom: 1px solid rgba(0, 4, 58, 0.08) !important;
}

/* Título modal */
.cky-preference-title {
  color: #00043A !important;
  font-weight: 600 !important;
  font-size: 24px !important;
}

/* Texto modal */
.cky-preference-content-wrapper,
.cky-preference-content-wrapper p,
.cky-accordion-header-des,
.cky-accordion-header-des p,
.cky-empty-cookies-text {
  color: #00043A !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
}

/* Show more */
.cky-show-desc-btn {
  color: #00043A !important;
  font-weight: 500 !important;
  text-decoration: underline !important;
}

/* =========================================
   ACCORDION
========================================= */

.cky-accordion {
  border-color: rgba(0, 4, 58, 0.08) !important;
}

/* Títulos categorias */
.cky-accordion-btn {
  color: #00043A !important;
  font-weight: 600 !important;
  font-size: 18px !important;
}

/* Always active */
.cky-always-active {
  color: #188038 !important;
  font-weight: 500 !important;
}

/* Tabela */
.cky-audit-table {
  background: #f7f8fb !important;
  border: 1px solid rgba(0, 4, 58, 0.08) !important;
  color: #00043A !important;
  border-radius: 6px !important;
}

/* Footer modal */
.cky-footer-wrapper {
  background: #ffffff !important;
  border-top: 1px solid rgba(0, 4, 58, 0.08) !important;
}

.cky-footer-shadow {
  background: linear-gradient(rgba(255,255,255,0), #ffffff) !important;
}

/* =========================================
   CLOSE BUTTON
========================================= */

.cky-btn-close {
  opacity: 0.65 !important;
  transition: opacity 0.2s ease !important;
}

.cky-btn-close:hover {
  opacity: 1 !important;
}

/* =========================================
   MOBILE
========================================= */

@media (max-width: 768px) {

  .cky-consent-container .cky-consent-bar {
    padding: 16px !important;
  }

  .cky-consent-container .cky-notice-des,
  .cky-consent-container .cky-notice-des p {
    font-size: 13px !important;
  }

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

  .cky-prefrence-btn-wrapper {
    flex-direction: column !important;
  }

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

  .cky-preference-title {
    font-size: 20px !important;
  }

  .cky-accordion-btn {
    font-size: 16px !important;
  }
}