/* 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; }
.comecar-page #human-contact-dialog { width: 480px; }
.comecar-page #human-contact-dialog .phone-group .text-field-label { text-transform: none; }
.comecar-page #human-contact-dialog .textarea-group .text-field-label { text-transform: none; }
.comecar-page #human-contact-dialog .eesier-form-submit { text-transform: none; }
.comecar-page .comecar-dialog-content { display: flex; flex-direction: column; gap: var(--space-large); padding: var(--space-medium); }
.comecar-page .comecar-dialog-body { display: flex; flex-direction: column; gap: var(--space-medium); }
/* Title and subtitle read as one group; the form starts a clearly separate block below it. */
.comecar-page .comecar-dialog-intro { display: flex; flex-direction: column; gap: var(--space-small); }
.comecar-page .comecar-dialog-intro p { margin: 0; color: var(--color-muted); text-transform: none; text-align: left; text-align-last: left; hyphens: none; }
.comecar-page .comecar-dialog-intro h2 { font-size: var(--type-size-heading); line-height: 1.3; margin: 0; padding-right: var(--control-height); font-weight: 700; text-transform: none; }
.comecar-page .comecar-dialog-content > .eesier-dialog__close { position: absolute; top: var(--space-small); right: var(--space-small); }
.comecar-page .comecar-error { padding: var(--space-small); border-radius: var(--radius-standard); background: var(--color-danger-surface); color: var(--color-danger); }
.comecar-page .comecar-error[hidden] { display: none; }
@media (max-width: 900px) {
    .comecar-page .comecar-headline { font-size: var(--type-size-heading); }
    .comecar-page .comecar-dialog-intro h2 { font-size: calc((var(--type-size-base) + var(--type-size-heading)) / 2); }
    .comecar-page .comecar-dialog-intro p { padding-right: var(--control-height); }
}