.mockup-module__PfcCrG__pageWrapper{background-color:var(--color-bg);min-height:100vh;color:var(--color-text-default);font-family:var(--font-family-sans);flex-direction:column;display:flex}.mockup-module__PfcCrG__topBar{background-color:var(--color-surface);border-bottom:1px solid var(--color-border-subtle);padding:var(--spacing-sm) var(--spacing-md);box-shadow:var(--shadow-sm)}.mockup-module__PfcCrG__topBarInner{justify-content:space-between;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;max-width:960px;margin:0 auto;display:flex}.mockup-module__PfcCrG__metaInfo{align-items:center;gap:var(--spacing-sm);display:flex}.mockup-module__PfcCrG__badge{background-color:var(--color-surface-subtle);color:var(--color-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;font-size:.75rem;font-weight:700}.mockup-module__PfcCrG__styleguideLink{color:var(--color-text-muted);font-size:var(--font-size-label);transition:color var(--transition-fast);font-weight:500;text-decoration:none}.mockup-module__PfcCrG__styleguideLink:hover{color:var(--color-primary);text-decoration:underline}.mockup-module__PfcCrG__stateSelectorNav{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mockup-module__PfcCrG__stateLabel{color:var(--color-text-muted);margin-right:4px;font-size:.75rem;font-weight:600}.mockup-module__PfcCrG__stateBtn{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-default);border-radius:var(--radius-sm);cursor:pointer;min-height:36px;transition:all var(--transition-fast);padding:6px 10px;font-size:.8125rem;font-weight:600}.mockup-module__PfcCrG__stateBtn:hover{background-color:var(--color-surface-subtle);border-color:var(--color-primary)}.mockup-module__PfcCrG__stateBtnActive{background-color:var(--color-primary)!important;border-color:var(--color-primary)!important;color:var(--color-primary-text)!important}.mockup-module__PfcCrG__mainContent{padding:var(--spacing-xl) var(--spacing-md);flex:1;justify-content:center;align-items:center;display:flex}.mockup-module__PfcCrG__card{background-color:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);width:100%;max-width:480px;padding:var(--spacing-xl);box-shadow:var(--shadow-card)}.mockup-module__PfcCrG__title{font-size:var(--font-size-title);color:var(--color-text-default);text-align:center;margin:0 0 var(--spacing-xs) 0;font-weight:700;line-height:1.25}.mockup-module__PfcCrG__descripcion{font-size:var(--font-size-desc);color:var(--color-text-muted);text-align:center;margin:0 0 var(--spacing-lg) 0;line-height:1.4}.mockup-module__PfcCrG__fieldGroup{margin-bottom:var(--spacing-md)}.mockup-module__PfcCrG__label{font-size:var(--font-size-label);color:var(--color-text-muted);margin-bottom:6px;font-weight:600;display:block}.mockup-module__PfcCrG__input{width:100%;min-height:48px;font-size:var(--font-size-input);color:var(--color-text-default);background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:10px 14px;font-family:inherit;font-weight:600}.mockup-module__PfcCrG__input:focus-visible{border-color:var(--color-focus);outline:2px solid var(--color-focus);outline-offset:2px}.mockup-module__PfcCrG__fieldset{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);margin:0 0 var(--spacing-lg) 0}.mockup-module__PfcCrG__legend{font-size:var(--font-size-label);color:var(--color-text-muted);padding:0 var(--spacing-xs);font-weight:600}.mockup-module__PfcCrG__unitGroup{gap:var(--spacing-sm);grid-template-columns:1fr 1fr;display:grid}.mockup-module__PfcCrG__unitOption{border:2px solid var(--color-border);border-radius:var(--radius-sm);min-height:44px;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-label);cursor:pointer;background-color:var(--color-surface);color:var(--color-text-default);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-weight:600;display:flex}.mockup-module__PfcCrG__unitOption:hover{background-color:var(--color-surface-subtle);border-color:var(--color-text-default)}.mockup-module__PfcCrG__unitOptionSelected{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-text)}.mockup-module__PfcCrG__unitOptionSelected:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.mockup-module__PfcCrG__hiddenRadio{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.mockup-module__PfcCrG__unitOption:has(.mockup-module__PfcCrG__hiddenRadio:focus-visible){outline:2px solid var(--color-focus);outline-offset:2px}.mockup-module__PfcCrG__resultSection{background-color:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:92px;display:flex}.mockup-module__PfcCrG__resultLabel{font-size:var(--font-size-label);color:var(--color-text-muted);margin-bottom:var(--spacing-xs);font-weight:600}.mockup-module__PfcCrG__resultOutput{font-size:var(--font-size-result);color:var(--color-text-default);justify-content:center;align-items:center;min-height:40px;font-weight:700;line-height:1.1;display:flex}.mockup-module__PfcCrG__stateNote{margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px dashed var(--color-border-subtle);color:var(--color-text-muted);text-align:center;font-size:.75rem}@media (max-width:480px){.mockup-module__PfcCrG__card{padding:var(--spacing-lg) var(--spacing-md);box-shadow:none;background-color:#0000;border:none}.mockup-module__PfcCrG__mainContent{padding:var(--spacing-md) var(--spacing-sm)}}