@extends('landing.layout.master')

@section('title', 'Educa Auge - Accede a los mejores cursos online para docentes')
@section('styles')
    <link rel="stylesheet" href="{{ asset('assets/css/landing/index.css') }}" />
    <link rel="stylesheet" href="{{ asset('assets/css/landing/postregistro.css') }}" />
    <style>
        .fondo-principal {
            position: relative;
            min-height: 100vh;
            /* ocupa toda la pantalla */
            width: 100%;
            overflow: hidden;
            background-image: url('/assets/img/landing/portadav2.png');
            background-size: cover;
            /* cubre toda la pantalla */
            background-position: center center;
            background-repeat: no-repeat;
            background-attachment: fixed;
            /* efecto fondo fijo en PC */
        }

        @media (max-width: 768px) {
            .fondo-principal {
                background-image: url('/assets/img/landing/portadav2_movil.jpg');
                background-attachment: scroll;
                /* evita bugs en iOS/Android */
                background-size: cover;
                background-position: center center;
            }
        }
    </style>

@endsection
@section('content')
    <main class="page-main">

        <div class="fondo-principal">
            <div class="contenido-fondo">
                <div class="uk-container otrodiv">
                    <div class="titulo-postregistro">
                        <h1>¡FELICIDADES, DOCENTE!</h1>
                        <p>Ya casi eres parte del curso Inteligencia Artificial aplicada a la Educación. <br> Sigue estos 3
                            pasos
                            para confirmar tu acceso:</p>

                    </div>

                    <img src="{{ asset('assets/img/landing/principal.png') }}" alt="Fondo escritorio por defecto"
                        class="imagen-parte2">


                    <div class="diseno">

                        <!-- PASO 1 -->
                        <div class="paso">
                            <div class="paso11">
                                <div class="icono">
                                    <img src="{{ asset('assets/img/landing/icono1.png') }}" alt="Paso 1">
                                </div>
                            </div>
                            <div class="contenido">
                                <h4>1.- Busca en la bandeja de entrada de tu correo.</h4>
                                <p>El mismo con el que te registraste. (Si no lo encuentras, revisa la bandeja de spam o
                                    notificaciones, suele demorar máximo 3 minutos).
                                </p>
                            </div>
                        </div>

                        <!-- PASO 2 -->
                        <div class="paso">
                            <div class="paso11">
                                <div class="icono">
                                    <img src="{{ asset('assets/img/landing/icono2.png') }}" alt="Paso 2">
                                </div>
                            </div>
                            <div class="contenido">
                                <h4>2.- Abre el email de confirmación</h4>
                                <p>Verás un correo que te hemos enviado con el asunto:<br>
                                    “Confirma tu acceso al curso de Inteligencia Artificial aplicada a la Educación – Grupo
                                    AUGE”<br>
                                    📧 Te lo hemos enviado desde la dirección: <strong>informes@educaauge.com</strong>
                                </p>
                            </div>
                        </div>

                        <!-- PASO 3 -->
                        <div class="paso">
                            <div class="paso11">
                                <div class="icono">
                                    <img src="{{ asset('assets/img/landing/icono3.png') }}" alt="Paso 3">
                                </div>
                            </div>
                            <div class="contenido">
                                <h4>3.- Haz clic en el botón de confirmación</h4>
                                <p>En ese email verás un botón con el texto:
                                    <strong>“Sí, confirmar mi acceso”.</strong><br>
                                    Haz clic en el botón y estarás dentro.
                                </p>
                            </div>
                        </div>

                    </div>

                    <div class="aviso-gmail">
                        <h4>Importante para usuarios de Gmail</h4>
                        <p>
                            A la gran mayoría de los usuarios de Gmail, el email de confirmación y bienvenida de Grupo AUGE
                            (incluyendo el acceso al curso gratuito) suele llegar a la pestaña
                            <strong>“Social”</strong>, <strong>“Promociones”</strong> o <strong>“Notificaciones”</strong>.
                            <br>
                            Es muy importante que revises estas pestañas, abras el mensaje y nos añadas a tus contactos para
                            que
                            siempre recibas la información en tu bandeja principal.
                            <br>
                            Puedes hacerlo fácilmente haciendo clic en el botón del menú superior de Gmail (junto a la fecha
                            y hora del mensaje).
                            Allí verás una flecha hacia abajo; al desplegar el menú selecciona la opción:
                            <br><strong>“Añadir a Grupo AUGE a la lista de contactos”.</strong>
                        </p>
                    </div>

                </div>
            </div>

        </div>


    </main>
@endsection