@php
    $bio = $author->bio ?: 'Fermentista de corazón. Me apasiona acompañar cada fermento hasta su punto y compartir lo aprendido por el camino.';
    $levels = ['principiante' => 'Fermentista principiante', 'apasionado' => 'Fermentista apasionado/a', 'pro' => 'Fermentista pro'];
@endphp
<div style="display:flex;gap:18px;align-items:center;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:22px;padding:22px 24px;">
    @if($author->avatar_url)
        <img src="{{ $author->avatar_url }}" alt="{{ $author->name }}" style="width:72px;height:72px;border-radius:50%;object-fit:cover;flex:none;">
    @else
        <div style="width:72px;height:72px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--green-500);color:#fff;font-family:'Comfortaa',sans-serif;font-weight:700;font-size:28px;">
            {{ \Illuminate\Support\Str::upper(\Illuminate\Support\Str::substr($author->name, 0, 1)) }}
        </div>
    @endif
    <div style="min-width:0;">
        <div style="font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--green-600);">Lo que me apasiona</div>
        <div style="font-family:'Comfortaa',sans-serif;font-weight:700;font-size:18px;color:var(--ink-900);margin-top:2px;">{{ $author->name }}</div>
        @if($author->fermenter_profile && isset($levels[$author->fermenter_profile]))
            <div style="font-size:12.5px;color:var(--ink-400);">{{ $levels[$author->fermenter_profile] }}</div>
        @endif
        <p style="margin:8px 0 0;font-size:14.5px;line-height:1.55;color:var(--ink-600,var(--ink-500));">{{ $bio }}</p>
    </div>
</div>