{{define "section-header"}}
<!-- Header with Name and Photo -->
<div class="cv-header component-wrapper">
    <!-- Actual Content -->
    <div class="actual-content">
        <div class="cv-header-content">
            <div class="cv-header-left">
                <!-- Photo FIRST for float to work (CSS hides/shows based on viewport) -->
                <div class="cv-photo">
                    <img src="/static/images/profile/dni.jpeg" alt="{{.CV.Personal.Name}}" onerror="this.src='/static/images/profile/placeholder.svg'">
                </div>

                <h1 class="cv-name">Moreno Rubio, Juan Andrés</h1>
                <p class="years-experience">{{.YearsOfExperience}} {{.UI.Sections.YearsOfExperience}}</p>

                <!-- Intro/Excerpt Text - No section heading, just the text -->
                <div class="intro-text">{{.CV.Summary}}</div>
            </div>
        </div>
    </div>

    <!-- Skeleton Content -->
    <div class="skeleton-content">
        <div class="skeleton-header">
            <div class="skeleton skeleton-name"></div>
            <div class="skeleton skeleton-experience-years"></div>
            <div class="skeleton skeleton-photo"></div>
            <div class="skeleton skeleton-intro"></div>
        </div>
    </div>
</div>
{{end}}