:root{--cc-front-primary: var(--conecta-primary, #4E6E32);--cc-front-primary-dark: var(--conecta-dark, #21351D);--cc-front-bg: var(--conecta-bg, #F7F8F5);--cc-front-text: var(--conecta-text, #1F2933);--cc-front-muted: var(--conecta-muted, #6B7280);--cc-front-surface: var(--conecta-card-bg, #FFFFFF);--cc-front-border: #E6E9E1;--cc-front-radius: var(--conecta-radius, 14px);--cc-front-shadow: 0 12px 34px rgba(20, 35, 18, .08);}
.conecta-app,
.conecta-portal,
.conecta-colibri-front,
.conecta-page-shell{box-sizing: border-box;}
.conecta-container,
.conecta-content-container,
.conecta-page-container{margin-left: auto;margin-right: auto;width: min(100%, var(--conecta-content-width, 1180px));}
.conecta-main-grid,
.conecta-two-column-grid{display: grid;gap: 24px;}
.conecta-header,
.conecta-app-header,
.conecta-portal-header{background: var(--conecta-header-bg, #FFFFFF);color: var(--cc-front-text, #1F2933);}
.conecta-header a,
.conecta-app-header a,
.conecta-portal-header a{text-decoration: none;}
.conecta-footer,
.conecta-app-footer,
.conecta-portal-footer{background: var(--conecta-footer-bg, #243B20);color: var(--conecta-footer-text, #FFFFFF);}
.conecta-card,
.conecta-panel,
.conecta-surface-card{background: var(--cc-front-surface, #FFFFFF);border: 1px solid var(--cc-front-border, #E6E9E1);border-radius: var(--cc-front-radius, 14px);box-shadow: var(--cc-front-shadow, 0 12px 34px rgba(20, 35, 18, .08));}
.conecta-card-title,
.conecta-panel-title{color: var(--conecta-card-title-color, #243B20);}
.conecta-btn,
.conecta-button,
a.conecta-btn,
a.conecta-button{align-items: center;border-radius: 999px;display: inline-flex;font-size: var(--conecta-button-font-size, 14px);font-weight: 700;gap: 8px;justify-content: center;text-decoration: none;}
.conecta-btn--primary,
.conecta-button--primary{background: var(--conecta-button, #4E6E32);color: #fff !important;}
.conecta-form input,
.conecta-form select,
.conecta-form textarea{border: 1px solid var(--cc-front-border, #E6E9E1);border-radius: 12px;box-shadow: none;}
.conecta-form label{color: var(--cc-front-text, #1F2933);font-weight: 700;}
.conecta-modal,
.conecta-dialog{border-radius: 18px;box-shadow: 0 24px 80px rgba(0,0,0,.24);}
.conecta-modal__header,
.conecta-dialog__header{border-bottom: 1px solid var(--cc-front-border, #E6E9E1);}
.conecta-app :focus-visible,
.conecta-portal :focus-visible{outline: 3px solid rgba(78, 110, 50, .35);outline-offset: 3px;}
@media (prefers-reduced-motion: reduce){.conecta-app *,
  .conecta-portal *{animation-duration: .01ms !important;scroll-behavior: auto !important;transition-duration: .01ms !important;}}
body.conecta-dark-mode{--cc-front-bg: #111827;--cc-front-surface: #172033;--cc-front-text: #F9FAFB;--cc-front-muted: #B6C2D2;--cc-front-border: rgba(255,255,255,.12);}
body.conecta-dark-mode .conecta-card,
body.conecta-dark-mode .conecta-panel,
body.conecta-dark-mode .conecta-surface-card{background: var(--cc-front-surface, #172033);color: var(--cc-front-text, #F9FAFB);}
body.conecta-reading-mode .conecta-app,
body.conecta-reading-mode .conecta-portal{line-height: 1.75;}
body.conecta-reading-mode .conecta-card,
body.conecta-reading-mode .conecta-panel{letter-spacing: .01em;}
@media (max-width: 900px){.conecta-main-grid,
  .conecta-two-column-grid{grid-template-columns: 1fr !important;}
.conecta-container,
  .conecta-content-container,
  .conecta-page-container{width: min(100%, calc(100vw - 32px));}}