/* Material Icons Font (for MD theme) */

@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
	src: local('Material Icons'),
	local('MaterialIcons-Regular'),
	url(../fonts/MaterialIcons-Regular.woff2) format('woff2'),
	url(../fonts/MaterialIcons-Regular.woff) format('woff'),
	url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;  /* Preferred icon size */
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;

	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;

	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;

	/* Support for IE. */
	font-feature-settings: 'liga';
}

/* Framework7 Icons Font (for iOS theme) */
@font-face {
	font-family: 'Framework7 Icons';
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/Framework7Icons-Regular.eot");
	src: url("../fonts/Framework7Icons-Regular.woff2") format("woff2"),
	url("../fonts/Framework7Icons-Regular.woff") format("woff"),
	url("../fonts/Framework7Icons-Regular.ttf") format("truetype");
}

.f7-icons {
	font-family: 'Framework7 Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 25px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-feature-settings: "liga";
	-moz-font-feature-settings: "liga=1";
	-moz-font-feature-settings: "liga";
	font-feature-settings: "liga";
	text-align: center;
}



/*body.iOS7 {
	-webkit-transform: translate3d(0, 20px, 0);
	}*/

	.statusbar-overlay{
		height: 0 !important;
	}

	.ios .tabbar-labels .tab-link:not(.tab-link-active) .icon-ios-fill {
		display: none;
	}
	.ios .tabbar-labels .tab-link.tab-link-active .icon:not(.icon-ios-fill) {
		display: none;
	}

	#app .navbar, .button.button-fill, .md .button.button-fill-md, .md .button.tab-link-active, .md .toolbar {
		background-color: #C10016 !important;
	}

	.md .swiper-pagination-bullet-active{
		background-color: #fff !important;
	}

	.md .card-footer a.link, .md .card-header a.link {
		color: #000 !important;
		min-width: 75px;
		padding: 5px 0 0 0;
		filter: grayscale(1);
	}
	.ios a, .ios .navbar .title, .ios a {
		/*color: #fff !important;*/
	}

	.tit_leftmenu{
		color: #777;
		margin: 16px 0 12px 0 !important;
		/*font-weight: bold;*/
		font-size: 18px;
		letter-spacing: 0px;

	}

	.icon-whatsapp {
		content: url("../images/whatsapp.svg");
		margin: 0 auto;
		filter: grayscale(1);
		top: -3px;
	}

	.card_category{
		height: 150px;
		color: #fff; 
		font-size: 26px !important;
		letter-spacing: 3px !important;
		padding-left: 35px !important;
		text-transform: uppercase;  
		border-top: 1px thin #222;
		/*font-weight: lighter;*/
		border-radius: 0;
		text-align: left;
		background: no-repeat center center; 
		-ms-background-size: cover;
		-o-background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		background-size: cover;
		background-color: rgba(0, 0, 0, 0.35);
		background-blend-mode:darken;
	}

	.size-14 { font-size: 16px }
	.size-28 { font-size: 28px }
	.color-yellow { color: #ffcc00 }
	.color-black { color: #222222 }

	.list .item-title{ color: #000; }

	.md .card-header span {
		width: 90px;
	}

	.sl{
		width: auto;
		max-width: 100%;
		height: 250px;
		/*margin-right: 50px;*/
		background: no-repeat center center; 
		-ms-background-size: cover;
		-o-background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		background-size: cover;
	}

	.slist{
		margin-top: 16px;
		border-radius: 50%;
		width: 65px;
		height: 65px;
		/*margin-right: 50px;*/
		background: no-repeat center center; 
		-ms-background-size: cover;
		-o-background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		background-size: cover;
	}

	.color-white { 
		color: #ffffff;
	}

	.color-beig { 
		color: #F1F1F1 !important;
	}

	.color-cartier { 
		color: #9c1f2e !important;
	}

	.color-white-bg { 
		color: #222 !important;
		background-color: #444 !important;
	}

	.block-dark{
		padding: 32px 16px 16px !important; 
		margin:0 !important; 
		background-color: #222 !important; 
		color: #ffffff !important;
	}

	.swiper-slide img {
		max-width: auto;
	}


	#map{
		width: 100%;
		height: 100%;
		background-color: #222;
		position: fixed;
		/* z-index: 5500;*/
	}





















/* new design ----------------------------------------------------  */


/* Iberia City Guide — redesign CSS override v8 */


@font-face{
	font-family: "Fancy Cut Pro Bold";
	src: url("../fonts/d8ee826782fe557b9d950de052ce7888.eot");
	src: url("../fonts/d8ee826782fe557b9d950de052ce7888.eot?#iefix")format("embedded-opentype"),
	url("../fonts/d8ee826782fe557b9d950de052ce7888.woff")format("woff"),
	url("../fonts/d8ee826782fe557b9d950de052ce7888.woff2")format("woff2"),
	url("../fonts/d8ee826782fe557b9d950de052ce7888.ttf")format("truetype"),
	url("../fonts/d8ee826782fe557b9d950de052ce7888.svg#Fancy Cut Pro")format("svg");
	font-weight:normal;
	font-style:normal;
	font-display:swap;
}

@font-face{
    font-family: "Fancy Cut Pro";
    src: url("../fonts/8deebd62b68f3e612b67daa38ac25e62.eot");
    src: url("../fonts/8deebd62b68f3e612b67daa38ac25e62.eot?#iefix")format("embedded-opentype"),
        url("../fonts/8deebd62b68f3e612b67daa38ac25e62.woff")format("woff"),
        url("../fonts/8deebd62b68f3e612b67daa38ac25e62.woff2")format("woff2"),
        url("../fonts/8deebd62b68f3e612b67daa38ac25e62.ttf")format("truetype"),
        url("../fonts/8deebd62b68f3e612b67daa38ac25e62.svg#Fancy Cut Pro")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

/*
@font-face{
	font-family: "Brilliant Cut Pro";
	src: url("../fonts/3604f4825ccb062a5d820dbc27e48be2.eot");
	src: url("../fonts/3604f4825ccb062a5d820dbc27e48be2.eot?#iefix")format("embedded-opentype"),
	url("../fonts/3604f4825ccb062a5d820dbc27e48be2.woff")format("woff"),
	url("../fonts/3604f4825ccb062a5d820dbc27e48be2.woff2")format("woff2"),
	url("../fonts/3604f4825ccb062a5d820dbc27e48be2.ttf")format("truetype"),
	url("../fonts/3604f4825ccb062a5d820dbc27e48be2.svg#Brilliant Cut Pro Medium")format("svg");
	font-weight:normal;
	font-style:normal;
	font-display:swap;
}*/

@font-face{
    font-family: "Brilliant Cut Pro";
    src: url("../fonts/fb08f552349babdf4f2a725b2fab9abf.eot");
    src: url("../fonts/fb08f552349babdf4f2a725b2fab9abf.eot?#iefix")format("embedded-opentype"),
        url("../fonts/fb08f552349babdf4f2a725b2fab9abf.woff")format("woff"),
        url("../fonts/fb08f552349babdf4f2a725b2fab9abf.woff2")format("woff2"),
        url("../fonts/fb08f552349babdf4f2a725b2fab9abf.ttf")format("truetype"),
        url("../fonts/fb08f552349babdf4f2a725b2fab9abf.svg#Brilliant Cut Pro")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}


:root {
	--igc-white: #ffffff;
	--igc-header: #f7f5ef;
	--igc-beige: #d9d5cb;
	--igc-text: #111111;
	--igc-text-soft: #6b6761;
	--igc-line: #ddd7cf;
	--igc-line-dark: #2b2b2b;
	--igc-accent: #C10016;
	--igc-star: #f2c200;
	--igc-font-display: 'Brilliant Cut Pro', 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
	--igc-font-body: 'Fancy Cut Pro', 'Cormorant Garamond', Georgia, serif;
	--igc-maxw: 100%;
}

html, body, #app, .views, .view, .page, .page-content,
.panel, .panel .page-content, .block, .content-block,
.card, .card-content, .list, .list ul, .media-list, .media-list ul {
	background: var(--igc-white) !important;
	color: var(--igc-text) !important;
}

body, p, li, input, textarea, select, .item-subtitle, .item-text, .chip-label {
	font-family: var(--igc-font-body) !important;
}

/* ================= NAVBAR SUPERIOR BEIGE ================= */
.navbar,
.navbar-bg,
.md .navbar,
.ios .navbar,
#app .navbar,
#app .navbar-bg {
	background: var(--igc-header) !important;
	box-shadow: none !important;
	border: 0 !important;
}

.navbar:after,
.navbar-bg:after,
.md .navbar:after,
.ios .navbar:after,
#app .navbar:after {
	display: none !important;
}

.navbar-inner,
#app .navbar-inner {
	min-height: 60px !important;
	padding: 0 8px !important;
}

.navbar .title,
#app .navbar .title {
	font-family: var(--igc-font-display) !important;
	font-size: clamp(18px, 2.4vw, 17px) !important;
	line-height: 1 !important;
	font-weight: 400 !important;
	text-transform: uppercase !important;
	letter-spacing: .12em !important;
	color: var(--igc-text) !important;
	text-align: center !important;
	width: 100%;
}

.navbar .left,
.navbar .right,
#app .navbar .left,
#app .navbar .right {
	min-width: 42px !important;
}

.navbar .left:after,
.navbar .right:before,
#app .navbar .left:after,
#app .navbar .right:before {
	content: '' !important;
	display: inline-block !important;
	width: 1px !important;
	height: 28px !important;
	background: rgba(0,0,0,.72) !important;
	margin: 0 !important;
}

.navbar a,
.navbar .link,
.navbar .icon,
.navbar .f7-icons,
.navbar .material-icons,
#app .navbar a,
#app .navbar .icon,
#app .navbar .f7-icons,
#app .navbar .material-icons {
	color: var(--igc-text) !important;
}

/* solo el subnav/listado rojo, no la navbar superior */
.subnavbar,
.toolbar-top,
.toolbar.tabbar.toolbar-top,
.toolbar.toolbar-top-md,
.section-bar,
.filter-header,
.red-header,
#prelist .block-title.block-dark {
	background: var(--igc-accent) !important;
	color: #fff !important;
	box-shadow: none !important;
	border: 0 !important;
	margin-top: 5px;
}

/* ================= CATEGORÍAS: GRID REAL A 2 COLUMNAS ================= */
/* asumimos que los .card_category están hermanos dentro del contenedor de la página */
.page[data-name="home"] .page-content,
.page[data-page="home"] .page-content,
#menu .page-content,
#home .page-content {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 34px 28px !important;
	align-content: flex-start !important;
	padding: 44px 28px 72px;
}

.card-header.card_category,
.card_category {
	flex: 0 0 calc(50% - 14px) !important;
	width: calc(50% - 14px) !important;
	max-width: calc(50% - 14px) !important;
	min-width: 0 !important;
	min-height: 170px !important;
	aspect-ratio: 1 / 1 !important;
	display: flex !important;
	align-items: flex-end !important;
	justify-content: flex-start !important;
	padding: 0 18px 16px !important;
	margin: 0 !important;
	background-position: center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-color: var(--igc-beige) !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: #fff !important;
	text-align: left !important;
	font-family: var(--igc-font-display) !important;
	font-size: clamp(20px, 2.8vw, 30px) !important;
	line-height: 1.15 !important;
	text-transform: uppercase !important;
	letter-spacing: .08em !important;
}

/* por si el contenedor no es home/page sino un block suelto */
.page-content > .card-header.card_category:nth-child(odd) {
	margin-right: 0 !important;
}

/* ================= SUBNAV LISTADO ================= */
#prelist .block-title.block-dark {
	margin: 0 !important;
	padding: 12px 16px 10px !important;
	border-radius: 0 !important;
}

#prelist .list,
#prelist .list ul,
#prelist .accordion-item,
#prelist .accordion-item-content,
#prelist .block {
	background: #C10016 !important;
	margin: 0 !important;
	    border: 0 !important;
    box-shadow: none !important;
}

#prelist .item-inner {
	padding: 0 !important;
	min-height: 26px !important;
}

#prelist .item-inner:after,
#prelist .item-content:after {
	display: none !important;
}

#prelist .item-title {
	color: #fff !important;
	font-family: var(--igc-font-display) !important;
	font-size: 19px !important;
	text-transform: uppercase !important;
	letter-spacing: 0 !important;
	text-align: left !important;
	margin-left: 15px;
}

#prelist .chip {
	display: inline-flex !important;
	width: auto !important;
	max-width: max-content !important;
	margin: 6px 6px 0 0 !important;
	background: transparent !important;
	border: 1px solid rgba(255,255,255,1) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

#prelist .chip .chip-label,
#prelist .chip .chip-label a,
#prelist .tag-link,
#prelist .tag-all-link {
	color: #fff !important;
	font-family: var(--igc-font-body) !important;
	font-size: 15px !important;
	text-transform: none !important;
}

/* ================= LISTADO ================= */
.list,
.media-list,
.simple-list,
.list ul,
.media-list ul {
	background: var(--igc-white) !important;
}

.item-link.item-content.feeds-item-link,
.list .item-content,
.media-list .item-content {
	align-items: flex-start !important;
	min-height: 0 !important;
	/*padding: 20px 50px 50px 50px !important;*/
	padding: 5px 25px !important;
    min-height: 120px !important;
}

.list .item-media.slist,
.media-list .item-media.slist,
.slist {
	width: 84px !important;
	min-width: 84px !important;
	height: 84px !important;
	aspect-ratio: 1 / 1 !important;
	padding: 0 !important;
	margin: 5px 0 0 0px !important;
	display: flex !important;
	align-items: flex-start !important;
	background-position: center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	border-radius: 0 !important;
}

.list .item-inner,
.media-list .item-inner {
	display: block !important;
	min-height: 84px !important;
	padding-top: 0 !important;
	padding-right: 0 !important;
}

.list .item-title,
.media-list .item-title {
	/*margin-top: 2px !important;*/
	font-family: var(--igc-font-display) !important;
	font-size:  17px !important;
	line-height: 1.25 !important;
	text-transform: uppercase;
	letter-spacing: 0m !important;
	color: var(--igc-text) !important;
	white-space: normal !important;
	font-weight: 400 !important;
	padding: 5px 0;
}

.list .item-subtitle,
.list .item-text,
.media-list .item-subtitle,
.media-list .item-text {
	font-family: var(--igc-font-body) !important;
	font-size: 18px !important;
	line-height: 1.26 !important;
	color: var(--igc-text) !important;
	white-space: normal !important;
}

/*.list .item-text,
.media-list .item-text {
	color: var(--igc-text-soft) !important;
}*/

.list .item-inner:after,
.media-list .item-inner:after,
.list .item-content:after {
	left: calc(-84px - 34px) !important;
	right: -18px !important;
	background-color: #fff !important;
}

.color-yellow,
.color-beig {
	color: #FFCC00 !important;
}

/* ================= DETAIL: HACER VISIBLE LA IMAGEN ================= */
#detail,
.page[data-name="detail"],
.page[data-page="detail"],
.page[data-name="detail"] .page-content,
.page[data-page="detail"] .page-content {
	background: var(--igc-white) !important;
}

#detail > .block-title {
	margin: 24px auto 6px !important;
	text-align: center !important;
	font-family: var(--igc-font-display) !important;
	font-size: 16px !important;
	text-transform: uppercase !important;
	letter-spacing: .08em !important;
	color: var(--igc-text) !important;
	background: transparent !important;
}

#detail .card {
	margin: 0 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	background: var(--igc-white) !important;
}

#detail .card-header {
	display: block;
	padding: 25px 25px 0 25px !important;
	margin: 0 !important;
	min-height: auto !important;
	text-align: center !important;
	justify-content: center !important;
	white-space: normal !important;
	background: var(--igc-white) !important;
	border-bottom: 0 !important;
	box-shadow: none !important;
	font-family: var(--igc-font-display) !important;
	font-size: 21px !important;
	line-height: 1.08 !important;
	text-transform: uppercase !important;
	letter-spacing: 0 !important;
	font-weight: 700 !important;
	color: var(--igc-text) !important;
}

#detail .card-header:after {
	display: none !important;
}

#detail .card-header span {
	display: block !important;
	width: 100% !important;
	margin-top: 8px !important;
	text-align: center !important;
}

#detail .card-content.card-content-padding > a.color-cartier {
	display: block !important;
	text-align: center !important;
	color: #000 !important;
	font-family: var(--igc-font-body) !important;
	font-size: clamp(18px, 2.2vw, 26px) !important;
	padding: 0 25px;
}

#detail .card-content,
#detail .card-content.card-content-padding {
	margin: 15px 0 !important;
	box-shadow: none !important;
}

/* el caso real usa .swiper-slide.sl con background-image inline */
#detail .swiper-container,
#detail .swiper-wrapper,
#detail .swiper-slide,
#detail .swiper-slide.sl,
#detail .sl {
	visibility: visible !important;
	opacity: 1 !important;
}

#detail .swiper-container {
	overflow: hidden !important;
}

#detail .swiper-slide.sl,
#detail .sl {
	display: block !important;
	width: 100% !important;
	min-height: 320px !important;
	height: auto !important;
	aspect-ratio: 1.08 / 1 !important;
	background-position: center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-color: var(--igc-beige) !important;
	border-radius: 0 !important;
}

#detail .card-content.card-content-padding p {
	margin: 0 !important;
	font-family: var(--igc-font-body) !important;
	font-size: 18px !important;
	line-height: 1.35 !important;
	padding: 0 25px;
	color: var(--igc-text) !important;
	text-align: left !important;
}

#detail .block.block-strong {
	padding: 0 40px !important;
	border: none !important;
}

#detail .chip {
	display: inline-flex !important;
	width: auto !important;
	max-width: max-content !important;
	margin: 10px 10px 10px 0 !important;
	padding: 8px !important;
	border: 1px solid #555 !important;
	border-radius: 0 !important;
	background: var(--igc-white) !important;
	box-shadow: none !important;
	color: #000 !important;
	font-family: var(--igc-font-body) !important;
	font-size: 17px !important;
}

#detail .valora_popup_footer {
	padding: 0 !important;
	box-shadow: none !important;
	border-top: 0 !important;
	border-bottom: 3px solid #C10016 !important;
	margin: 0 30% 25px 30%;
}

#detail .valora_popup_footer a.valora_popup {
	position: relative !important;
	display: inline-block !important;
	background: transparent !important;
	box-shadow: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	color: var(--igc-text) !important;
	font-family: var(--igc-font-body) !important;
	font-size: clamp(18px, 2.2vw, 28px) !important;
	line-height: 1.1 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
}

#detail .valora_popup_footer a.valora_popup:after {
	content: '' !important;
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	bottom: -4px !important;
	height: 3px !important;
	background: var(--igc-accent) !important;
}

/* ================= DESKTOP WRAPPER ================= */
@media (min-width: 768px) {
	.view,
	.views,
	.page,
	.page-content,
	.login-screen-content {
		max-width: var(--igc-maxw) !important;
		margin: 0 auto !important;
	}

	.toolbar,
	.tabbar,
	.toolbar-bottom,
	.navbar,
	.subnavbar {
		max-width: var(--igc-maxw) !important;
		margin: 0 auto !important;
		left: 0 !important;
		right: 0 !important;
	}
}


.list input[type=password] {

    color: #000 !important;
    font-size: 23px !important;
    margin: 15px 0 !important;
}


.md .login-screen-content .list-button {
    font-size: 26px !important;
    color: #000 !important;
    border-bottom: 3px solid #C10016 !important;
    display: inline-block !important;
    padding: 0 important;
    letter-spacing: 2px !important;
}

/*
.md a {
    color: #000 !important;
}
*/

.toolbar a{
	color: #777 !important;
	height: 50px !important;
}
.cat-link span {
	color: #000 !important;
	font-size: 16px !important; 
	font-family: var(--igc-font-display) !important;
	line-height: 20px !important;
}

.cat-link span:hover {
	 border-bottom: 3px solid #C10016 !important;
}


.md .list ul:before {
    background-color: transparent;
}

.accordion-item:not(.media-item)>.item-link .item-innerw {
    background-size: 17px 17px;
}

.md .tabbar .tab-link-highlight, .md .tabbar-labels .tab-link-highlight {
    position: absolute;
    bottom: 0;
    height: 3px;
    margin-top: 5px;
    background: #C10016 !important;
}

.md .toolbar:after{
	background: transparent !important;
}

.page[data-name="home"] .page-content, .page[data-page="home"] .page-content, #menu .page-content, #home .page-content {
    gap: initial !important;
    margin-top: 35px !important;
}

#detail > .block-title {
    padding: 22px !important;
    margin: 0 !important;
    text-align: center !important;
    font-family: var(--igc-font-display) !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
    color: #fff !important;
    background: #C10016 !important;
    margin: 0;
}


.md .block-strong:before, .md .block-strong:after, .card-footer:before, .md .list ul:after, .list ul:after {
    content: none !important;

}

.card-footer{
border-top: 1px solid #ccc;
    padding: 10px 40px;
    box-shadow: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0 !important;
}

.button.button-fill{
    font-family: var(--igc-font-display) !important;
    letter-spacing: 1.2px;
    font-size: 16px;
}

.tit_leftmenu{
   font-family: var(--igc-font-display) !important;
    background: #C10016 !important;
    color: #fff !important;
    padding: 15px 25px !important;
    margin: 0 !important;
}

.md .links-list a {
    font-family: var(--igc-font-display) !important;
    padding-left: 25px;
    padding-right: 25px;
    text-transform: uppercase;
    height: 45px;
    background-position: calc(110%) center;
}



.push .card-outline{
  border-radius: 0 !important;
  margin-bottom: 15px !important;
}

.push p{
  margin: 5px 15px !important;
}

.push .card-header{
  font-weight: 600;
    letter-spacing: 1.2px;
  text-transform: uppercase;
  border-radius: 0 !important;
   font-family: var(--igc-font-display) !important;
    background: #C10016 !important;
    color: #fff !important;
}

.push .card-content-padding{
  font-size: 17px;

}


.push .card-footer {
    border-top: 0;
  font-family: var(--igc-font-display) !important;
  border-radius: 0 !important;
  font-size: 12px;
}

.push-map{
  color: #555 !important;
}


@media (min-width: 1024px) {

  .media-list, .categories, #detail .card, .push, .accordion-item{
    padding-left: 20% !important;
    padding-right: 20% !important;
  }

}