@extends('layouts.email')

@section('title', 'Solicitud de alta')

@section('content')

    <table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-bottom: 30px;">
        <tr>
            <td style="padding: 0px;">

                <h1 style="color: #243c34; font-size: 24px; line-height: 28px; margin: 0 0 15px 0; font-family: Arial, sans-serif; font-weight: 600;">
                    Hola {{ $influencer_name }},
                </h1>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 18px 0; font-family: Arial, sans-serif;">
                 ⚠️ <strong style="color: #243c34;">IMPORTANTE: NO PODRÁS ACCEDER A LA APP hasta verificar tu correo electrónico</strong>. Si no encuentras el email de verificación, revisa también tu carpeta de SPAM o correo no deseado.
                </p>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 18px 0; font-family: Arial, sans-serif;">
                    ¡Ya formas parte de <strong style="color: #243c34;">Nomade Revolution</strong>! 🙌
                </p>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 18px 0; font-family: Arial, sans-serif;">
                    Tu cuenta ha sido aprobada y ya puedes empezar a descubrir las colaboraciones disponibles desde la app.
                </p>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 25px 0; font-family: Arial, sans-serif;">
                    Antes de lanzarte, aquí tienes una pequeña guía para sacarle el máximo partido a la plataforma y asegurar que todo funcione genial entre todas las partes:
                </p>

                <!-- Separador -->
                <div style="border-bottom: 2px solid #335d53; margin: 25px 0;"></div>

                <h2 style="color: #243c34; font-size: 18px; line-height: 22px; margin: 0 0 15px 0; font-family: Arial, sans-serif; font-weight: 600;">
                    💡 ¿Cómo funciona Nomade?
                </h2>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 12px 0; font-family: Arial, sans-serif;">
                    • En la pantalla de <strong>Inicio</strong> encontrarás:
                </p>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 8px 0; font-family: Arial, sans-serif; padding-left: 20px;">
                    ◦ Las <strong>categorías de colaboraciones</strong> disponibles. Dentro de cada una podrás ver las ofertas activas, acceder a los detalles y solicitar colaborar.
                </p>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 8px 0; font-family: Arial, sans-serif; padding-left: 20px;">
                    ◦ La opción de seleccionar la <strong>ubicación</strong> que prefieras para explorar ofertas en otras zonas.
                </p>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 15px 0; font-family: Arial, sans-serif; padding-left: 20px;">
                    ◦ En la parte superior, las <strong>novedades</strong> en formato story, como en Instagram.
                </p>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 25px 0; font-family: Arial, sans-serif;">
                    • <strong style="color: #243c34;">Nomade</strong> es una comunidad pensada para disfrutar y colaborar con respeto. Por eso, es importante cumplir siempre las <strong>condiciones de cada oferta</strong> y los <strong>plazos establecidos</strong>.
                </p>

                <!-- Separador -->
                <div style="border-bottom: 2px solid #335d53; margin: 25px 0;"></div>

                <h2 style="color: #243c34; font-size: 18px; line-height: 22px; margin: 0 0 15px 0; font-family: Arial, sans-serif; font-weight: 600;">
                    📌 Normas de uso importantes
                </h2>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 15px 0; font-family: Arial, sans-serif;">
                    • Las <strong>solicitudes deben hacerse con antelación</strong>. La aprobación no es automática: tanto el equipo de <strong style="color: #243c34;">Nomade</strong> como el cliente deben revisarla, y puede tardar algunas horas.
                </p>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 8px 0; font-family: Arial, sans-serif;">
                    • Solo las colaboraciones con estado <strong>"Aceptada"</strong> están confirmadas.
                </p>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 15px 0; font-family: Arial, sans-serif; padding-left: 20px;">
                    Si la ves en <strong>"Pendiente de aceptación"</strong>, sigue en revisión.
                </p>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 15px 0; font-family: Arial, sans-serif;">
                    • Publica siempre el contenido en el <strong>plazo y forma acordados</strong>. No queremos perseguir a nadie — preferimos que todo fluya y se respete lo acordado 💫
                </p>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 15px 0; font-family: Arial, sans-serif;">
                    • Entendemos que pueden surgir imprevistos, pero <strong>cancelar colaboraciones</strong> con frecuencia se considera un mal uso de la plataforma.
                </p>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 25px 0; font-family: Arial, sans-serif;">
                    • El <strong>incumplimiento reiterado</strong> de las condiciones puede suponer <strong>penalizaciones</strong> o incluso el bloqueo del perfil.
                </p>

                <!-- Separador -->
                <div style="border-bottom: 2px solid #335d53; margin: 25px 0;"></div>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 8px 0; font-family: Arial, sans-serif;">
                    Si tienes cualquier duda, puedes consultar de nuevo los <strong>Términos y Condiciones</strong> que aceptaste al registrarte. Están disponibles en la app, en:
                </p>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 18px 0; font-family: Arial, sans-serif; font-weight: 600;">
                    Perfil > Cuenta (Menú de las tres líneas)
                </p>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 8px 0; font-family: Arial, sans-serif;">
                    Y si prefieres escribirnos directamente:
                </p>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 25px 0; font-family: Arial, sans-serif;">
                    📩 <a href="mailto:info@nomaderevolution.com" style="color: #243c34; text-decoration: none;">info@nomaderevolution.com</a>
                </p>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 18px 0; font-family: Arial, sans-serif; font-weight: 600;">
                    ¡Nos vemos dentro!
                </p>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 18px 0; font-family: Arial, sans-serif;">
                    —
                </p>

                <p style="color: #243c34; font-size: 16px; font-weight: 400; margin: 0 0 20px 0; font-family: Arial, sans-serif;">
                    El equipo de <strong style="color: #243c34; font-weight: 700;">{{ config('app.name') }}</strong>
                </p>

                <p style="color: #7f8c8d; font-size: 13px; margin: 0; font-style: italic; font-family: Arial, sans-serif;">
                    (Este es un email automático, por favor no respondas a este correo)
                </p>

            </td>
        </tr>
    </table>

@endsection