<!DOCTYPE html>
<html>
<head>
    <style>
        body { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; background-color: #f4f4f4; margin: 0; padding: 0; }
        .container { max-width: 600px; margin: 20px auto; background-color: #ffffff; border-radius: 8px; overflow: hidden; border: 1px solid #e0e0e0; }
        .header { background-color: #1a1a1a; padding: 30px; text-align: center; border-bottom: 5px solid #C9A050; }
        .content { padding: 40px; text-align: center; color: #333333; }
        .footer { background-color: #f8f9fa; padding: 20px; text-align: center; font-size: 12px; color: #777777; border-top: 1px solid #eeeeee; }
        .btn { display: inline-block; padding: 12px 25px; background-color: #C9A050; color: #ffffff !important; text-decoration: none; border-radius: 5px; font-weight: bold; margin-top: 20px; }
        .category-badge { display: inline-block; padding: 5px 15px; background-color: #e9ecef; border-radius: 20px; color: #1a1a1a; font-weight: bold; margin: 10px 0; }
        h1 { color: #1a1a1a; margin-bottom: 10px; }
        p { line-height: 1.6; }
    </style>
</head>
<body>
    <div class="container">
        <div class="header">
            <img src="{{ $message->embed(public_path('img/logo_50_aniversario.png')) }}" alt="50 Aniversario COIRCO" style="max-height: 100px;">
        </div>

        <div class="content">
            <h1>¡Hola, {{ $postulante->nombres }}!</h1>
            <p style="font-size: 18px;">Confirmamos la recepción de tu material para el <br> <strong>Concurso Fotográfico Río Colorado</strong>.</p>
            
            <div class="category-badge">
                Categoría: {{ $postulante->categoria == 'fotografia' ? 'Fotografía Actual' : 'Archivo Histórico' }}
            </div>

            <p>Tu talento y perspectiva son fundamentales para celebrar estos 50 años de historia compartida. El material ya ha sido cargado en nuestro Panel de Administración para la evaluación del jurado.</p>
            
            <p>Próximamente nos pondremos en contacto a través de este medio para informar sobre los resultados.</p>
            
            <a href="{{ config('app.url') }}" class="btn">Visitar Sitio Web</a>
        </div>

        <div class="footer">
            <img src="{{ $message->embed(public_path('img/logo_coirco.png')) }}" alt="COIRCO" style="max-height: 40px; filter: grayscale(1); margin-bottom: 10px; opacity: 0.6;">
            <p>Comité Interjurisdiccional del Río Colorado<br>
            Comisión Organizadora del 50 Aniversario<br>
            &copy; 2026 COIRCO</p>
        </div>
    </div>
</body>
</html>