<!DOCTYPE html>
<html lang='es'>


<!-- Mirrored from Sisalsisal.mx/elegir-tu-departamento by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 11 Sep 2024 18:28:43 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
<head>
	<meta charset='utf-8' />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />

	<title>Cotiza tu Fractional | Safebuild Corporation</title>

    <link rel="icon" href="{{ asset('assets/icons/icono.png') }}" sizes="32x32" />
<link rel="icon" href="{{ asset('assets/icons/icono.png') }}" sizes="192x192" />
<link rel="apple-touch-icon" href="{{ asset('assets/icons/icono.png') }}" />
<meta name="msapplication-TileImage" content="{{ asset('assets/icons/icono.png') }}" />

	<!-- Meta -->
	<meta name="description"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
	<!-- Links -->
	
	<!-- Fonts -->

	<!-- CSS -->
	<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/css7ebd.css') }}?resources=component.font-awesome-5.fontawesome,component.font-awesome-5.solid,component.font-awesome-5.regular,component.alertify,site.component.bootstrap-4,site.core.layout,component.font-awesome-5.brands,component.social,component.font-awesome-5.brands,component.whatsapp,vendor.swiper.swiper&amp;compressed=1&amp;cache=0&amp;v=101"/>

	<!-- JavaScript -->
	<script type="text/javascript" src="{{ asset('assets/js/js88d0.php') }}?resources=core.core,vendor.popper.popper,vendor.jquery.jquery,vendor.alertify.alertify&amp;compressed=1&amp;cache=0&amp;v=81">
	</script>
	

<style>
	body.project .page-home .section-contact {
	}


	h1.title {
		color: #fff !important;	
	}

	h2.title{
		color: #b4b4b1ff !important;	
		font-size: 28px !important;
	}

	body.project .page-contact .hero-content form {
		color: #000000;
	}
	body.project .page-contact .hero-content form .input input,
	body.project .page-contact .hero-content form .input textarea,
	body.project .page-contact .hero-content form .input select,
	body.project .page-contact .hero-content form .input select[data-component="single"] {
		border: 1px solid #000000 !important;
	}
	.project .hero-wrapper .gradient {
		background: rgb(255,255,255);
		background: linear-gradient(180deg, rgba(255,255,255,0) 0%, #faf7f0 93%);
	}

	.project .doc-header .navbar .navbar-nav .nav-link {
		color: #000000;

			/* 			color: #000000;
			 */
	}

	.navbar-dark .navbar-toggler-icon {
		@media only screen and (min-width: 991px) {
		}
	}

	.main-bg {
		background: #faf7f0 !important;
	}

	.secondary-bg {
		background: #faf7f0 !important;
	}

	.main-text {
		color: #000000 !important;
	}

	.main-text strong {
		color: #000000 !important;
	}
	.main-text-strong {
		color: #000000 !important;
	}

	.secondary-text {
		color: #000000 !important;
	}

	.dark-form input, .dark-form select, .dark-form ::placeholder {
		color: #000000 !important;
	}

	

	.main-btn {
		/* background: transparent; */
		/* border: 1px solid #000000; */
		/* color: #000000; */

		border-radius: 10px;
		text-transform: uppercase;
		position: relative;

		border: 1px solid #faf7f0;
		color: #000000;
		background: #faf7f0;
	}
	.btn-about {
		position: relative;
	}
	.main-btn:hover {
		background: transparent;
		border: 1px solid #000000;
		color: #000000;

			/* border: 1px solid #faf7f0;
			color: #000000 !important;
			background: #faf7f0; */
		}
		.btn-no-border::after, .btn-no-border::before {
			display: none;
			width: none;
			height: none;
		}
		.secondary-btn {
			/* background: transparent; */
			/* border: 1px solid #000000; */
			/* color: #000000 !important; */

			background: #faf7f0;
			border: 1px solid #000000;
			color: #000000 !important;
			border-radius: 10px;
			text-transform: uppercase;
		}
		.secondary-btn:hover {
			/* background: #faf7f0; */
			/* border: 1px solid #000000; */
			/* color: #000000 !important; */

			background: transparent;
			border: 1px solid #000000;
			color: #000000 !important;
		}

		.alt-btn {
			/* background: transparent; */
			/* border: 1px solid #000000; */
			/* color: #000000 !important; */

			background: transparent;
			border: 1px solid #faf7f0;
			color: #faf7f0 !important;
			border-radius: 10px;
			text-transform: uppercase;
		}
		.alt-btn:hover {
			/* background: #faf7f0; */
			/* border: 1px solid #000000; */
			/* color: #000000 !important; */

			background: #faf7f0;
			border: 1px solid #000000;
			color: #000000 !important;
		}

		.doc-header .navbar{
			background: #faf7f0;
			
			@media only screen and (max-width: 991px) {
				background: #faf7f0;
			}
		}

		.reserved{
			background: #cec93b !important;
		}
		.available{
			background: #49b678 !important;
		}
		.sold{
			background: #c40e0e !important;
		}

		.tooltip-inner {
			background: #faf7f0 !important;
			padding: 3px 20px;
		}

		.bs-tooltip-top .arrow::before {
			border-top-color: #faf7f0 !important;
		}

		.bs-tooltip-bottom .arrow::before {
			border-bottom-color: #faf7f0 !important;
		}

		.text-reserved{
			color: #cec93b !important;
		}
		.text-available{
			color: #49b678 !important;
		}
		.text-sold{
			color: #c40e0e !important;
		}

		polygon {
			opacity: 0.6;
		}

		polygon:hover {
			opacity: 0.8;
		}

		polygon[data-property], polygon[data-section] {
			fill: #49b678 !important;
			cursor: default;
		}

		polygon[data-property][data-status="available"]{
			cursor: pointer!important;
		}
		polygon[data-property][data-status="reserved"], polygon[data-section][data-status="reserved"]{
			fill: #cec93b !important;
		}
		polygon[data-property][data-status="sold"], polygon[data-section][data-status="sold"]{
			fill: #c40e0e !important;
		}
		polygon[data-property][data-status="disabled"]{
			fill: #909090 !important;
		}
		polygon[data-section][data-status="disabled"]{
			fill: #909090 !important;
		}

		.text-section-link {
			color: #909090 !important;
		}

		polygon[data-section][data-status="link"]{
			fill: #A090A0 !important;
		}

		.page-choose-lot .question-wrapper input[type="radio"]:checked ~ label {
			background: #faf7f0;
			color: #000000;
		}

		.dropdown-item.active, .dropdown-item:active {
			background: #faf7f0 !important;
		}

		body.project .doc-footer {
			background: #091e18;
			color: #ffffff!important;
		}
		body.project .doc-footer a {
			color: #ffffff!important;
		}
		.section-maplayout .accordion .card .circle.success {
			background: #49b678;
		}

		.section-maplayout .accordion .card .circle.yellow {
			background: #49b678;
		}
		.section-maplayout .accordion .card .circle.reserved {
			background: #cec93b;
		}
		.section-maplayout .accordion .card .circle.sold {
			background: #c40e0e;
		}

		.section-maplayout .accordion .card .circle.unavailable {
			background: #909090;
		}
	</style>
    <!-- CSS -->
	<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/cssbc8a.css') }}?resources=view.developments.development-8&amp;compressed=1&amp;cache=0&amp;v=101"/>	
    	<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/cotizador.css') }}"/>	
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/6.7.0/css/flag-icons.min.css" />

    
</head>
<body class="bg-white text-gray-900 position-relative project main-bg" data-locale="es">
    
    <header class="py-4 bg-gray-100 shadow">
        <div class="max-w-7xl mx-auto px-4">
            <h1 class="text-xl font-bold">{{ $title ?? 'Fractionals' }}</h1>
        </div>
    </header>

    <main class="min-h-screen doc-body" role='main' data-navigation-section='body'>
        @yield('content')
    </main>

    <footer class="py-6 text-center text-sm bg-gray-50 text-gray-500 mt-10">
        &copy; {{ date('Y') }} Safebuild Corporation. Todos los derechos reservados.
    </footer>

    <script src="{{ asset('js/app.js') }}"></script>



    <!-- JavaScript -->
			


			<script type="text/javascript" src="{{ asset('assets/js/panzoom.min.js') }}"></script>

			<script type="text/javascript" src="{{ asset('assets/js/js5177.php') }}?resources=vendor.jquery-3.jquery,vendor.bootstrap-4.util,vendor.bootstrap-4.collapse,vendor.bootstrap-4.tooltip,vendor.bootstrap-4.modal,vendor.bootstrap-4.dropdown,vendor.bootstrap-4.tab,vendor.chosen.chosen-jquery,component.chosen,core.bootstrap,core.analytics,vendor.swiper.swiper,app.developments.home,app.developments.quote,vendor.jquery-form.form,widget.form&amp;compressed=1&amp;cache=0&amp;v=81">
			</script>

    @stack('scripts')
</body>
</html>
