/* Compact handoff composition; the sheet, dialog, form and actions use shared components. */
.comecar-page { background: var(--color-palette-background); }
.comecar-page .comecar-section {
    min-height: 100vh;
    min-height: 100svh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-medium);
}
.comecar-page .comecar-container { display: flex; flex-direction: column; gap: var(--space-medium); width: 100%; max-width: 480px; }
.comecar-page .comecar-sheet { display: flex; flex-direction: column; align-items: stretch; gap: var(--space-medium); }
.comecar-page .comecar-brand { display: flex; width: fit-content; align-items: center; min-height: var(--control-height); }
.comecar-page .comecar-brand img { display: block; width: auto; height: var(--brand-mark-height); }
.comecar-page .comecar-intro { display: flex; flex-direction: column; gap: var(--space-small); padding-top: var(--space-medium); }
.comecar-page .comecar-headline { margin: 0; font-size: var(--type-size-page); line-height: 1.2; font-weight: 700; color: var(--color-text-dark); text-wrap: balance; }
.comecar-page .comecar-headline .eicon { width: var(--icon-size); height: var(--icon-size); color: var(--color-success); vertical-align: middle; }
.comecar-page .comecar-support { color: var(--color-muted); font-size: var(--type-size-base); line-height: var(--space-medium); }
.comecar-page .comecar-actions { display: flex; flex-direction: column; align-items: stretch; gap: var(--space-small); }
.comecar-page .comecar-actions .btn { width: 100%; }
.comecar-page .comecar-hint { color: var(--color-muted); font-size: var(--type-size-small); line-height: var(--space-medium); }
.comecar-page .comecar-next { display: flex; flex-direction: column; gap: var(--space-medium); padding-top: var(--space-medium); border-top: 1px solid var(--color-veil); }
.comecar-page .comecar-next-label { font-size: var(--type-size-base); font-weight: 600; line-height: var(--space-medium); }
.comecar-page .comecar-footer { display: flex; gap: var(--space-medium); flex-wrap: wrap; justify-content: center; font-size: var(--type-size-small); }
.comecar-page .comecar-footer a { color: var(--color-muted); display: inline-flex; min-height: var(--control-height); align-items: center; }
@media (max-width: 900px) {
    .comecar-page .comecar-headline { font-size: var(--type-size-heading); }
}