<style>

		:root {
			--bs-primary: #1e3a8a !important;
			--bs-primary-rgb: 30, 58, 138 !important;
		}
		.btn-primary {
			background-color: #1e3a8a !important;
			border-color: #1e3a8a !important;
		}
		.btn-primary:hover {
			background-color: #00d2d3 !important;
			border-color: #00d2d3 !important;
		}
		.btn-outline-primary {
			color: #1e3a8a !important;
			border-color: #1e3a8a !important;
		}
		.btn-outline-primary:hover {
			background-color: #00d2d3 !important;
			color: #fff !important;
		}
		.text-primary {
			color: #1e3a8a !important;
		}
		.bg-primary {
			background-color: #00d2d3 !important;
		}
		.azul-oscuro{color: #1e3a8a !important;}
		.turquesa{color: #00d2d3 !important;}
		.bold{font-weight:bold;}
		button.presupuesto:hover{background-color: #00d2d3 !important;border-color: #00d2d3 !important;}
		h1{text-align:center;font-weight: bold;}
		a.navbar-brand{margin-left:5%;color: #1e3a8a;}
		a.navbar-brand > span{color: #00d2d3;}
		.navbar-expand-lg .navbar-nav .nav-link{color:#ffffff!important;}
        #mapa { 
            height: 600px; 
            width: 100%; 
            border-radius: 8px; 
            border: 1px solid #dee2e6;
        }
        .resultados-scroll { 
            max-height: 600px; 
            overflow-y: auto; 
            padding-right: 10px; /* Espacio para el scrollbar */
        }
        /* Color personalizado para la píldora activa */
        .nav-pills .nav-link.active-custom {
            background-color: #198754 !important; /* success green */
            color: white !important;
        }
		.card-body img[title*="certificado"] {
			transition: transform 0.3s ease;
			opacity: 0.8;
		}

		.card-body:hover img[title*="certificado"] {
			transform: scale(1.1); /* Sutil zoom al pasar el ratón por la ficha */
			opacity: 1;
		}
		/* Resaltado para profesionales recomendados por marcas */
		.card-recomendado {
			border: 2px solid #ffc107 !important; /* Dorado/Amarillo marca */
			background-color: #fff9e6 !important; /* Fondo crema suave */
			position: relative;
		}
		.badge-vip {
			position: absolute;
			top: 10px;
			right: 10px;
			background-color: #ffc107;
			color: #000;
			font-weight: bold;
			padding: 2px 8px;
			border-radius: 4px;
			font-size: 0.7rem;
			text-transform: uppercase;
		}
		.icono-vip-mapa {
			filter: hue-rotate(140deg) brightness(1.2); /* Cambia el color del pin estándar a uno más vivo */
		}
		footer {background-color:#1e3a8a!important;}
		footer .text-secondary{color:#00d2d3!important;}
    </style>
	<style>
    .promo-banner {
        background: #f8f9fa;
        border-radius: 12px;
        border: 2px dashed #dee2e6;
        padding: 20px;
        margin: 25px 0;
        transition: transform 0.3s;
        display: block;
        text-decoration: none;
    }
    .promo-banner:hover {
        transform: translateY(-5px);
        border-color: #0d6efd;
    }
</style>