@extends('layouts.app')
@section('title', 'Términos Y Condiciones')
@section('content')
    <div
        class="bg-custom-back-terms-responsive sm:bg-custom-back-terms sm:bg-contain md:bg-cover md:bg-center min-h-custom sm:justify-center text-coffee-custom relative flex flex-col bg-cover">
        <img src="{{ asset('/images/2026/backgrounds/top-line.png') }}" alt="linea superior" class="absolute top-0 w-full">
        <div class="font-dunkin-sans-medium h-1/2 pt-34/100 sm:pt-44 md:w-3/5 sm:text-xl sm:space-y-7 text-center">
            <p>Hay términos y condiciones<br />para poder explorarla.</p>
            <h2>¿Quieres conocerlos?</h2> <br>
            <a class="btn-purple-custom sm:text-2xl" href="{{ $setting ? '/storage/' . $setting->value : '#' }}"
                target="_blank">
                Empezar
            </a>
        </div>
    </div>
@endsection