@extends('frontend.main_master')

@section('title', 'Neptuno en Astrología: Planeta de los Sueños y la Intuición | ' . t('site-title'))
@section('meta_description', '¿Qué representa Neptuno en astrología? La influencia de Neptuno en los signos, sueños, intuición, espiritualidad e inspiración. Guía astrológica completa sobre Neptuno.')
@section('meta_keywords', 'neptuno astrología, neptuno carta natal, neptuno en astrología, planeta sueños, intuición astrología, neptuno signos')
@push('schema')
<x-seo.schema-article 
    headline="Neptuno en Astrología: Planeta de los Sueños y la Intuición" 
    description="¿Qué representa Neptuno en astrología? La influencia de Neptuno en los signos zodiacales, sueños, intuición, espiritualidad e inspiración."
    image="{{ asset('assets/neptun-160x160.png') }}" />
<x-seo.schema-breadcrumb :items="[['name' => 'Inicio', 'url' => route('index')], ['name' => 'Planetas', 'url' => route('planets.index')], ['name' => 'Neptuno', '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 neptune-page">
    {{-- Breadcrumb Component --}}
    <x-breadcrumb 
        :items="App\Helpers\BreadcrumbHelper::forPlanet('Neptuno', 'planets.neptune')"
        class="planet-breadcrumb"
        container-class="container"
    />

    <section class="planet-hero text-center">
        <div class="container">
            <h1 class="display-3 fw-bold mb-4">Neptuno: Sueños e Intuición</h1>
            <p class="lead mb-5 mx-auto opacity-90" style="max-width: 850px;">
                Neptuno es el símbolo astrológico de la trascendencia, la purificación sutil y la conexión más allá del plano material. Representa los sueños, la intuición, la espiritualidad y la inspiración artística. Señala los ámbitos de mayor sensibilidad y vocación compasiva en la carta natal.
            </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">Piscis</div></div>
                <div class="hero-stat"><div>Tránsito por Signo</div><div class="fw-bold">14 Años</div></div>
                <div class="hero-stat"><div>Elemento</div><div class="fw-bold">Agua</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/neptun2.webp') }}" class="w-100" alt="Neptuno en Astrología" style="display: block;" loading="lazy">
                </div>
                <div class="col-12 col-lg-6 order-1 order-lg-2 ps-lg-5">
                    <h2 class="section-title">El Planeta Neptuno en Astrología</h2>
                    
                    <ul class="list-unstyled mb-4">
                        <li class="mb-2"><strong>Signo que Rige:</strong> Piscis</li>
                        <li class="mb-2"><strong>Signo de Exaltación:</strong> Cáncer / Leo</li>
                        <li class="mb-2"><strong>Signo de Caída:</strong> Capricornio</li>
                        <li class="mb-2"><strong>Signo en Detrimento:</strong> Virgo</li>
                    </ul>

                    <p>En astrología, Neptuno simboliza la disolución de los límites rígidos, la elevación espiritual y el contacto con el inconsciente colectivo. En la casa de la carta natal donde se ubica, puede indicar tanto una gran inspiración artística, mística y empática, como la necesidad de cultivar el discernimiento para evitar ilusiones o idealizaciones desmedidas.</p>

                    <div class="mt-4">
                        <h5 class="fw-bold mb-2">Palabras Clave</h5>
                        <p class="mb-3">Sensibilidad, Empatía, Trascendencia, Espiritualidad, Intuición, Misticismo, Inspiración Artística, Poesía, Mares, Océanos, Imaginación Ilimitada</p>
                    </div>
            
                    <div class="mt-3">
                        <div class="mb-3">
                            <h5 class="fw-bold mb-2">Aspectos Positivos</h5>
                            <p class="mb-0 small">Compasión universal, talento artístico sublime, profunda intuición psíquica, capacidad de entrega y devoción, sensibilidad ecológica y conexión cósmica</p>
                        </div>
                        <div class="mb-3">
                            <h5 class="fw-bold mb-2">Aspectos Desafiantes</h5>
                            <p class="mb-0 small">Tendencia al escapismo, confusión de límites personales, excesiva susceptibilidad, dispersión o autoengaño</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>
@endsection