
.tema-agitae .prototipo[data-agitae-demo] {
  --ag-primary-action:#3155E7;
  --ag-primary-action-text:#FFFFFF;
  --ag-secondary-bg:#E9EEFF;
  --ag-secondary-text:#2846C2;
  --ag-text-primary:#172033;
  --ag-outline:#DDE3EF;
}
.tema-agitae .prototipo[data-agitae-demo] .ag-demo__primary,
.tema-agitae .prototipo[data-agitae-demo] .ag-docked-cta__button {
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  min-height:52px;
  padding:12px 16px;
  border:1px solid transparent!important;
  border-radius:14px!important;
  background:var(--ag-primary-action)!important;
  color:var(--ag-primary-action-text)!important;
  font:800 16px/1.4 'Plus Jakarta Sans',system-ui,sans-serif!important;
  text-align:center;
  text-decoration:none;
  box-shadow:none!important;
  cursor:pointer;
  touch-action:manipulation;
}
.tema-agitae .prototipo[data-agitae-demo] .ag-demo__secondary,
.tema-agitae .prototipo[data-agitae-demo] .ag-figma__media-button {
  box-sizing:border-box;
  min-height:48px;
  border:1px solid transparent!important;
  border-radius:14px!important;
  background:var(--ag-secondary-bg)!important;
  color:var(--ag-secondary-text)!important;
  font-family:'Plus Jakarta Sans',system-ui,sans-serif!important;
  font-weight:800;
  box-shadow:none!important;
}
.tema-agitae .prototipo[data-agitae-demo] .ag-demo__primary:hover,
.tema-agitae .prototipo[data-agitae-demo] .ag-docked-cta__button:hover {
  background:#2846C2!important;
}
.tema-agitae .prototipo[data-agitae-demo] button:focus-visible {
  outline:3px solid #3155E7!important;
  outline-offset:3px;
}

.tema-agitae .prototipo[data-agitae-demo].agitae-night,
.tema-agitae .prototipo[data-agitae-demo]:has(.agitae-night) {
  --ag-primary-action:#8FA8FF;
  --ag-primary-action-text:#111827;
  --ag-secondary-bg:#26365F;
  --ag-secondary-text:#C7D5FF;
}
.tema-agitae .prototipo[data-agitae-demo].agitae-night .ag-demo__primary:hover,
.tema-agitae .prototipo[data-agitae-demo].agitae-night .ag-docked-cta__button:hover {
  background:#B5C5FF!important;
}
@media(max-width:460px){
  .tema-agitae .prototipo[data-agitae-demo] .ag-demo__primary,
  .tema-agitae .prototipo[data-agitae-demo] .ag-docked-cta__button {
    font-size:15px!important;
  }
}
