@extends('frontend.main_master')

@section('title', 'El Sol en Astrología: Identidad y Energía Vital | ' . t('site-title'))
@section('meta_description', '¿Qué representa el Sol en astrología? La influencia del Sol en los signos zodiacales, identidad, ego, energía vital y autoconfianza. Guía astrológica completa sobre el Sol.')
@section('meta_keywords', 'sol astrología, sol en astrología, sol carta natal, influencia del sol, energía vital, sol signos')
@push('schema')
<x-seo.schema-article 
    headline="El Sol en Astrología: Identidad y Energía Vital" 
    description="¿Qué representa el Sol en astrología? La influencia del Sol en los signos zodiacales, identidad, ego y energía vital."
    image="{{ asset('assets/sun-160x160.png') }}" />
<x-seo.schema-breadcrumb :items="[['name' => 'Inicio', 'url' => route('index')], ['name' => 'Planetas', 'url' => route('planets.index')], ['name' => 'Sol', 'url' => url()->current()]]" />
@endpush

@push('styles')
<link rel="stylesheet" href="{{ asset('frontend/css/planets-common.css') }}">
<link rel="stylesheet" href="{{ asset('frontend/css/content/planets.css') }}">
@endpush

@section('content')
<div class="planet-page sun-page">
    {{-- Breadcrumb Component --}}
    <x-breadcrumb 
        :items="App\Helpers\BreadcrumbHelper::forPlanet('Sol', 'planets.sun')"
        class="planet-breadcrumb"
        container-class="container"
    />

    <section class="planet-hero text-center">
        <div class="container">
            <h1 class="display-3 fw-bold mb-4">El Sol: Ser Esencial y Energía Vital</h1>
            <p class="lead mb-5 mx-auto opacity-90" style="max-width: 850px;">
                El Sol es el centro de la <a href="{{ auth()->check() ? route('panel') : route('login') }}" class="text-decoration-underline" style="color: inherit;">carta natal</a> y representa el ser esencial de la persona. Nos habla de quiénes somos, cuál es nuestro propósito en la vida y cómo queremos brillar en el mundo.
            </p>
            <div class="d-flex justify-content-center gap-3 gap-md-4 flex-wrap">
                <div class="hero-stat"><div>Signo Regido</div><div class="fw-bold">Leo</div></div>
                <div class="hero-stat"><div>Tránsito por Signo</div><div class="fw-bold">1 Mes</div></div>
                <div class="hero-stat"><div>Elemento</div><div class="fw-bold">Fuego</div></div>
            </div>
        </div>
    </section>

    <section class="content-block">
        <div class="container">
            <div class="row align-items-center g-4">
                <div class="col-12 col-lg-6 order-2 order-lg-1">
                    <img src="{{ asset('assets/Gezegenler/Gunes2.webp') }}" class="img-main w-100" alt="El Sol en Astrología" loading="lazy">
                </div>
                <div class="col-12 col-lg-6 order-1 order-lg-2 ps-lg-5">
                    <h2 class="section-title">Las Luminarias en Astrología: El Sol</h2>
                    <p class="mb-2"><strong>Signo que Rige:</strong> Leo</p>
                    <p class="mb-2"><strong>Signo de Exaltación:</strong> Aries</p>
                    <p class="mb-2"><strong>Signo de Caída:</strong> Acuario</p>
                    <p class="mb-3"><strong>Signo en Detrimento:</strong> Libra</p>
                    <p class="lead-text">El Sol, al que en astrología llamamos una de las luminarias, representa ante todo nuestra energía vital y nuestro estado anímico. El signo en el que está ubicado el Sol en la carta natal es nuestro signo solar, el que respondemos cuando alguien nos pregunta "¿cuál es tu signo?". El Sol en nuestra carta describe nuestra alimentación espiritual, da vida, define la personalidad, el ego y la naturaleza esencial.</p>
                    <p class="mb-2"><strong>Palabras Clave:</strong> Padre, Consciencia, Mente, Vida, Inteligencia, Ego, Valentía, Éxito, Jefe, Liderazgo, Autoridad, Poder</p>
                    <p class="mb-2"><strong>Aspectos Positivos:</strong> Generosidad, protección, orientación, identidad, nobleza, dignidad, carisma, deseo de poder, fortaleza, calidez, espíritu de liderazgo natural</p>
                    <p class="mb-0"><strong>Aspectos Negativos:</strong> Arrogancia, necesidad de sentirse especial, exceso de ego</p>
                </div>
            </div>
        </div>
    </section>
</div>
@endsection