#cc-main {
  --cc-font-family: Arial, sans-serif;
  --cc-bg: #faf7ef;
  --cc-primary-color: #254d41;
  --cc-secondary-color: #3d5148;
  --cc-btn-primary-bg: #245548;
  --cc-btn-primary-color: #fffdf7;
  --cc-btn-primary-border-color: #245548;
  --cc-btn-primary-hover-bg: #183e33;
  --cc-btn-primary-hover-color: #fffdf7;
  --cc-btn-primary-hover-border-color: #183e33;
  --cc-btn-secondary-bg: #eeeede;
  --cc-btn-secondary-color: #254d41;
  --cc-btn-secondary-border-color: #d8dfd1;
  --cc-btn-secondary-hover-bg: #e0e7da;
  --cc-btn-secondary-hover-color: #254d41;
  --cc-btn-secondary-hover-border-color: #bbcdbb;
  --cc-cookie-category-block-bg: #f0f1e7;
  --cc-cookie-category-block-hover-bg: #e5ebdf;
  --cc-toggle-on-bg: #245548;
  --cc-modal-border-radius: 14px;
  --cc-btn-border-radius: 6px;
  --cc-modal-margin: 16px;
  --cc-overlay-bg: transparent;
}
#cc-main .cm {max-width: 390px; box-shadow: 0 4px 22px #183e3326; border: 1px solid #d7dfd1;}
#cc-main .cm__body {padding: 0;}
#cc-main .cm__texts {padding: 18px 18px 12px;}
#cc-main .cm__title {font-size: 17px; margin: 0 0 8px;}
#cc-main .cm__desc {font-size: 13px; line-height: 1.5;}
#cc-main .cm__btns {padding: 12px 18px; gap: 8px;}
#cc-main .cm__btn {font-size: 13px; min-height: 44px; padding: 10px 12px;}
#cc-main .cm__btn-group {gap: 8px;}
#cc-main .pm {max-width: 560px; max-height: 80vh; border: 1px solid #d7dfd1; box-shadow: 0 4px 24px #183e3326;}
.claudia-video-consent {padding: 24px; background: #faf7ef; border: 1px solid #d7dfd1; color: #254d41; text-align: center;}
.claudia-video-consent button {background: #245548; color: white; border: 0; border-radius: 6px; padding: 12px 18px; cursor: pointer;}
@media(max-width: 640px) {
  #cc-main {--cc-modal-margin: 10px;}
  #cc-main .cm {max-width: none; width: calc(100% - 20px); bottom: max(10px,env(safe-area-inset-bottom)); left: 10px; right: 10px;}
  #cc-main .cm__body {padding: 0;}
  #cc-main .cm__texts {padding: 14px 14px 10px;}
  #cc-main .cm__btns {padding: 10px 14px;}
  #cc-main .cm__btn-group:first-child {display: flex !important; flex-direction: row !important;}
  #cc-main .cm__btn-group:first-child .cm__btn {flex: 1 !important; margin: 0 !important;}
  #cc-main .pm {width: calc(100% - 20px); max-height: 80dvh; border-radius: 14px;}
}

/* Keep Ecwid stacking inside the commerce section, below the site header. */
#claudia-site #tienda-integrada{position:relative;isolation:isolate;z-index:0;scroll-margin-top:130px}
@media(max-width:700px){#claudia-site #tienda-integrada{scroll-margin-top:100px}}