/**
 * Section Header Component Styles
 * Componente reutilizable: Título + subtítulo
 */

.menudos-section-header {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.section-header__title {
    margin: 0;
    font-family: var(--wp--preset--font-family--inter, 'Inter', sans-serif);
    font-size: var(--wp--preset--font-size--extra-large, 36px);
    font-weight: 700;
    line-height: 1.21;
    color: var(--wp--preset--color--text-dark, #333333);
}

.section-header__subtitle {
    margin: 0;
    font-family: var(--wp--preset--font-family--inter, 'Inter', sans-serif);
    font-size: 24px;
    font-weight: 500;
    line-height: 1.21;
    color: var(--wp--preset--color--text-gray, #4F4F4F);
    max-width: 800px;
}

/* Alignment */
.menudos-section-header.align-center {
    align-items: center;
    text-align: center;
}

.menudos-section-header.align-left {
    align-items: flex-start;
    text-align: left;
}

.menudos-section-header.align-right {
    align-items: flex-end;
    text-align: right;
}

/* Responsive */
@media (max-width: 1024px) {
    .section-header__title {
        font-size: 32px;
    }

    .section-header__subtitle {
        font-size: 20px;
    }
}

@media (max-width: 768px) {
    .section-header__title {
        font-size: 28px;
    }

    .section-header__subtitle {
        font-size: 18px;
    }
}

@media (max-width: 480px) {
    .section-header__title {
        font-size: 24px;
    }

    .section-header__subtitle {
        font-size: 16px;
    }
}

/* Editor Styles */
.is-admin .menudos-section-header,
.block-editor-block-list__block .menudos-section-header {
    min-height: 50px;
}