.footReview{
	color: #b5b5b5;
}
.footReview a{
	color: #ff9800;
}
.headingGrid{
	display: block;
	text-transform: capitalize;
	font-size: 19px;
	color: #fff;
}
.subSectionTitle{
	color: #888;
	font-size: 13px;
	display: block;
}
.hrline{
    margin-left: 20px;
    margin-right: 20px;
    border-top: 1px solid #313131;
    margin-bottom: 10px;
    margin-top: 10px;
}
.main-content {
    position: relative;       
}
.owl-carousel .owl-item img{
    display: block !important;
    width: 100%;
}
/* Portrait 9:16: aspect-ratio (no padding-%) para que height siga el width real del thumb */
.thumbHosts{
    width: 100%;
    max-width: 150px;
    position: relative;
    aspect-ratio: 9 / 16;
    height: auto;
    overflow: hidden;
    background: #000;
    border-radius: 5%;
    margin-left: auto;
    margin-right: auto;
}
.imgHosts{
	all: unset;
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center center;
}
.thumbHosts .amount{
	position: absolute;
	right: 3px;
	bottom: 3px;
	z-index: 2;
}
/* 568–999: el thumb llena el ítem del owl y escala al estrechar la pantalla */
@media only screen and (max-width: 999px) {
	.thumbHosts{
		max-width: 100%;
	}
}
.btnRecommended{
    width: 100%;
    padding: 8px;
    font-size: 22px;
    font-weight: 600;
}
.gridSection{
    display: table-cell;
    padding-top: 8px;
}
@media only screen and (max-width:340px){
	.btnRecommended{
		font-size: 15px !important;
	}
}
@media only screen and (max-width:360px){
	.hrline{
		margin-left: 10px;
		margin-right: 10px
	}
}
@media only screen and (max-width:480px){
	.hrline{
		margin-left: 10px;
		margin-right: 10px
	}
}
.btn-danger {
	color:#fff;
	background-color:#c00;
	border-color:#c00;
}
.btn-danger:focus {
	color: #fff;
	background-color: #900;
	border-color: #4d0000;
}
.btn-danger:hover {
	color: #fff;
	background-color: #900;
	border-color: #8f0000;
}
.btn-danger:active {
	color: #fff;
	background-color: #900;
	border-color: #8f0000;
}
.btn-danger:active:hover {
	color: #fff;
	background-color: #750000;
	border-color: #4d0000;
}
.btn-danger:active {
	background-image: none;
}
.btn-danger[disabled]:focus,.btn-danger[disabled]:hover {
	background-color:#c00;
	border-color:#c00;
}

/* Fotos / álbumes en home: crop centrado dentro de 16:9 */
.embed-responsive > a.index-media-thumb,
.embed-responsive .index-media-thumb{
  position:absolute !important;
  top:0 !important; right:0 !important; bottom:0 !important; left:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  overflow:hidden !important;
  background-color:#000;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}
.embed-responsive .index-media-thumb img{
  opacity:0 !important;
  pointer-events:none;
}
.embed-responsive .index-media-thumb .amount{
  position:absolute;
  z-index:2;
}
.embed-responsive .index-media-thumb .photo-hq-badge,
.index-media-thumb .photo-hq-badge,
.thumbHosts .photo-hq-badge{
  position:absolute;top:6px;left:6px;z-index:3;
  background:#ff9800;color:#111;font-size:10px;font-weight:800;letter-spacing:.03em;
  padding:2px 5px;border-radius:3px;line-height:1.2;pointer-events:none;
  box-shadow:0 1px 3px rgba(0,0,0,.45);
  opacity:1 !important;
}