.hero{
	height:300px;
}

.salida-card{
	background:#fff;
	border-radius:12px;
	overflow:hidden;
	box-shadow:0 2px 12px rgba(0,0,0,.08);
	min-height:700px;
	display:flex;
	flex-direction:column;
}

.salida-header{
	position:relative;
}

.salida-header img{
	width:100%;
	height:210px;
	object-fit:cover;
}

.salida-overlay{
	position:absolute;
	inset:0;

	display:flex;
	flex-direction:column;
	justify-content:flex-end;

	padding:25px;

	background:linear-gradient(
		to top,
		rgba(0,0,0,.75),
		rgba(0,0,0,.10)
	);

	color:#fff;
}

.fecha{
	display:block;
	margin-bottom:8px;

	text-transform:uppercase;
	letter-spacing:2px;
	font-size:.75rem;
	letter-spacing:3px;	
	font-weight:700;
	color:#fff;

	text-shadow:0 2px 8px rgba(0,0,0,.8);
}

.salida-overlay h3{
	margin:0;
	font-size:1.25rem;
	line-height:1.1;
	font-weight:700;
	text-shadow:0 2px 8px rgba(0,0,0,.8);
}

.salida-overlay p,
.salida-overlay small{
	margin:0;
	font-size:1rem;
	opacity:.9;
	text-shadow:0 2px 8px rgba(0,0,0,.8);
}

.salida-body{
	flex:1;
	padding:15px 20px;
	font-size:.92rem;
}

.salida-body ul{
	margin:0;
	padding-left:18px;
}

.salida-body li{
	margin-bottom:4px;
	line-height:1.25;
}

.salida-footer{
	margin-top:auto;

	background:var(--primary);
	color:#fff;

	padding:20px;
}

.precio strong{
	display:block;
	font-size:1.8rem;
	font-weight:700;
	color:#fff;
}

.precio-tarjeta{
	font-size:.9rem;
	opacity:.85;
}

.acciones{
	display:flex;
	gap:10px;
	margin-top:15px;
	flex-wrap:wrap;
}

.badge-paquete{
	position:absolute;
	top:15px;
	right:15px;

	background:#0b5d4d;
	color:#fff;

	padding:8px 16px;
	border-radius:999px;

	font-size:.8rem;
	font-weight:700;
	letter-spacing:1px;

	z-index:2;
}

.btn-fotos{
	position:absolute;
	right:15px;
	bottom:15px;

	background:rgba(0,0,0,.55);
	backdrop-filter:blur(5px);

	color:#fff;
	text-decoration:none;

	padding:8px 14px;
	border-radius:999px;

	font-size:.85rem;
}

@media (max-width:768px){

	.hero{
		min-height:220px;
		padding:100px 0 40px;
	}

	.hero h1{
		font-size:2rem;
	}

	.salida-card{
		height:auto;
		min-height:650px;
	}
}

#carouselFotos img{
    width:100%;
    max-height:75vh;
    object-fit:contain;
    margin:auto;
    display:block;
}

@media (max-width: 768px){
    #carouselFotos img{
        width:100%;
    }
}

.carousel-control-prev,
.carousel-control-next{
    width:8%;
}

/*
.carousel-item{
    background:#111;
}
*/