:root {
	--primary-color: #E13F47;
	--secondary-color: #F6AAC4;
	--tertiary-color: #F6AAC4;

	/* Custom color & variable */
	--header-custom-color: #E13F47;
	--font-family-secondary: 'Wire One', sans-serif;

	/* https://fonts.google.com/icons */
	--font-icons: 'Material Symbols Outlined';

	/* Static colors */
	--white: #fff;
	--black: #000;
	--light: #efefef;
	--dark: #333;
}

/* global */
body {
	background: var(--primary-color) !important;
}

body .color {
	color: var(--primary-color) !important;
}

body a {
	color: var(--primary-color);
}

.colum h2 a {
	color: var(--primary-color) !important;
}

.colum p {
	width: 100%;
	max-width: 280px;
}

#main {
	background: var(--light) !important;
	padding-top: 15px;
}

#header.long+#main {
	padding-top: 57px;
}

#interior {
	margin-top: 5px;
}

.home-cortesia {
	color: var(--primary-color);
	padding: 0 0 133px 0;
}

.home-cortesia img {
	margin: 0px;
	max-height: 600px;
}

.ficha .tapa .tapa-right h2 {
	border-color: var(--primary-color);
}

.ficha .bloque h5 {
	color: var(--primary-color);
	border-color: var(--primary-color);
	font-size: 18px;
}

.ficha .galeria img {
	border-color: var(--primary-color);
}

.view-route {
	background-color: var(--primary-color);
}

@media(max-width:1037px) {
	#interior {
		margin-top: 15px;
	}

	.home-cortesia {
		padding-bottom: 155px;
	}

	.home-cortesia h2 {
		top: 369px;
	}

	.home-cortesia h3 {
		top: 417px;
	}

	.home-cortesia h4 {
		top: 495px;
	}

	.home-cortesia img {
		margin: 0 auto;
	}
}

@media(max-width:696px) {
	#interior {
		margin-top: 10px;
	}

	#interior,
	#masonry {
		width: 320px;
		margin-left: auto;
		margin-right: auto;
	}

	#header.long+#main {
		padding-top: 7px;
	}

	#header.long+#main.index {
		padding-top: 7px;
	}

	.home-cortesia {
		padding-bottom: 115px;
	}

	.home-cortesia img {
		width: 300px;
	}

	.home-cortesia h2 {
		top: 284px;
	}

	.home-cortesia h3 {
		top: 317px;
	}

	.home-cortesia h4 {
		top: 380px;
	}
}

@media(max-width:376px) {
	.wrapper {
		box-sizing: border-box;
		width: 100%;
		max-width: 320px;
		padding-left: 10px;
		padding-right: 10px;
		margin-left: auto;
		margin-right: auto;
	}

	#masonry {
		padding-left: 0px;
		padding-right: 0px;
		width: 100%;
		max-width: 320px;
	}

	#interior {
		box-sizing: border-box;
		width: 100%;
		max-width: 320px;
	}

	.home-cortesia {
		padding-bottom: 95px;
	}

	.home-cortesia h2 {
		top: 264px;
	}

	.home-cortesia h3 {
		top: 287px;
	}

	.home-cortesia h4 {
		top: 340px;
	}
}

/* header */
#header {
	background-color: var(--header-custom-color);
	border-bottom: 80px solid var(--secondary-color);
	height: 160px;
}

.header {
	z-index: 1;
}

.social-icos {
	float: right;
}

.social .ico {
	background-color: var(--primary-color);
	opacity: 1.0;
	filter: alpha(opacity=100);
}

.social a:hover .ico {
	background-color: var(--black) !important;
}

.idiomas {
	color: var(--white);
}

.idiomas a {
	color: var(--white);
	text-decoration: underline;
}

.login {
	background-color: var(--white);
	color: var(--primary-color);
	position: relative;
	background-image: none;
}

.login:before {
	position: absolute;
	content: "\e7fd"; /* user */
    font-family: var(--font-icons);
    font-size: 23px;
    left: 11px;
    top: 11px;
    font-weight: bold;
}

.login span {
	display: block;
}

.login span,
.no-login {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 140px;
}

.logo-info {
	font-family: "Times New Roman";
	position: relative;
	z-index: 1;
}

.logo-info .left {
	margin-top: 30px;
}

.logo-info .right {
	width: 360px;
	color: var(--white);
	text-align: right;
	margin-top: 30px;
}

.logo-info .right * {
	display: block;
	line-height: 28px;
}

.logo-info .right strong {
	font-size: 25px;
	font-weight: bold;
}

.logo-info .right span {
	font-size: 21px;
	font-style: italic;
}

.logo-info .right em {
	font-size: 17px;
	font-style: italic;
	font-weight: bold;
}

.logo-new {
	text-align: center;
}

.logo-new img.mobile {
	display: none;
}

.logo-new img.complet {
	display: block;
	margin: 23px auto 0 auto;
	height: 116px;
}

@media(max-width:1037px) {
	.idiomas {
		/*position:absolute;*/
		top: 34px;
		right: -26px;
		z-index: 1;
	}

	.login {
		padding-bottom: 22px;
		padding-right: 9px;
	}

	.login span {
		display: none;
	}

	.logo-info .left {
		margin-left: 0px;
		margin-top: -22px;
	}

	.logo-info .left img {
		width: 325px;
		position: relative;
		top: 5px;
	}

	#header {
		height: 148px;
	}

	.logo-info .right {
		color: var(--primary-color);
		width: 100%;
		text-align: left;
		margin-top: 10px;
	}

	.logo-info .right strong,
	.logo-info .right span {
		display: inline-block;
	}

	.logo-info .right strong+span {
		margin-left: 8px;
	}

	.logo-info .right em {
		line-height: 24px;
	}

	.ordenar {
		padding-top: 4px;
	}

	.login span,
	.no-login {
		max-width: 130px;
		padding-bottom: 12px;
	}

	.logo-new img.complet {
		margin-top: 19px;
		height: 86px;
	}
}

@media(max-width:696px) {
	#header {
		margin-bottom: 55px;
	}

	#header.short {
		height: 70px;
	}

	#header.short .menu {
		top: 59px;
	}

	#header.short .social {
		top: 77px;
	}

	.social {
		top: 146px;
	}

	.idiomas {
		position: relative;
		top: auto;
		right: auto;
	}

	.logo-info .left {
		float: none;
	}

	.logo-info .left img {
		width: 300px !important;
		display: block;
		margin: 0 auto !important;
	}

	.logo-info .right {
		text-align: center;
	}

	.logo-info .right strong {
		display: none;
	}

	.logo-info .right strong+span {
		margin-left: 0px;
	}

	.logo-new {
		margin-bottom: -55px;
	}

	.logo-new img.complet {
		display: none;
	}

	.logo-new img.mobile {
		display: block;
		margin: 0 auto;
		height: auto;
		width: 100%;
	}
}

@media(max-width:376px) {
	.header {
		width: 100%;
		box-sizing: border-box;
		margin-left: 0px;
		margin-right: 0px;
	}

	.logo-new img.mobile {
		width: 299px;
		margin-top: 13px;
	}
}

/* menu */
.menu {
	margin: 0px;
	border-top: 0 none;
	padding-top: 30px;
}

.menu a {
	color: var(--primary-color) !important;
}

.menu a:hover,
.menu a.active {
	color: var(--dark) !important;
	text-decoration: none;
}

.menu span {
	border-color: var(--dark);
	margin-top: 8px;
}

.nav {
	height: 48px;
}

.filter {
	float: none;
	color: var(--primary-color);
	margin-left: -34px;
	position: relative;
}

.filter a {
	color: var(--primary-color);
}

.filter select {
	border-color: var(--primary-color);
}

.filter input[type=text] {
	border-color: var(--primary-color);
	background-image: none;
	margin-top: 1px;
	position: relative;
}

.filter .submit {
	position: relative;
	top: -1px;
	left: auto;
	bottom: auto;
	right: -300px;
	width: 19px;
    height: 19px;
}

.filter .submit:before {
	content: "\e8b6"; /* search */
    font-family: var(--font-icons);
    font-size: 22px;
    font-weight: bold;
}

.filter a i.gos {
	position: relative;
	background-image: none;
}

.filter a i.gos:before {
	position: absolute;
	left: 0px;
	top: -1px;
	content: "\e91d"; /* pets */
    font-family: var(--font-icons);
    font-size: 21px;
    font-weight: bold;
}

.filter a i.loc {
	position: relative;
	background-image: none;
}

.filter a i.loc:before {
	position: absolute;
	left: 0px;
	content: "\e0c8"; /* location on */
    font-family: var(--font-icons);
    font-size: 22px;
    font-weight: bold;
}

.filter a i.nom {
	position: relative;
	background-image: none;
}

.filter a i.nom:before {
	position: absolute;
	left: 0px;
	content: "\e56c"; /* restaurant */
    font-family: var(--font-icons);
    font-size: 22px;
    font-weight: bold;
}

.filter a i.hor {
	position: relative;
	background-image: none;
}

.filter a i.hor:before {
	position: absolute;
	left: 0px;
	content: "\e8b5"; /* schedule */
    font-family: var(--font-icons);
    font-size: 22px;
    font-weight: bold;
}

.lupa {
	position: static;
}

@media (max-width: 1037px) {
	.menu {
		padding-top: 26px !important;
	}

	#header.short .menu {
		padding-top: 50px !important;
	}

	#header.long {
		border-bottom-width: 35px;
	}

	.filter {
		margin-left: 0px;
	}

	.filter a {
		font-size: 12px;
	}

	.filter .lupa {
		margin-left: 15px;
	}

	.filter input[type=text] {
		width: 90px;
	}

	.filter .submit {
		right: -44px;
	}
}

@media (max-width: 696px) {
	.menu {
		padding-top: 0px !important;
		top: 134px;
	}

	.ordenar {
		margin-top: 130px;
		right: -1px;
	}

	.lista {
		width: 330px;
	}

	.filter {
		width: 330px;
		margin-left: -178px !important;
	}

	.filter a,
	.lista a {
		font-size: 15px;
		color: var(--primary-color) !important;
	}

	.filter a i.gos:before,
	.filter a i.nom:before,
	.filter a i.loc:before,
	.filter a i.hor:before {
		display: none;
	}

	.filter .lupa {
		margin-left: 0px !important;
	}

	.filter input[type=text] {
		width: 210px !important;
		margin: 11px 0px 12px 0px !important;
	}

	.filter .submit {
		position: absolute;
		right: auto;
    	top: auto;
    	bottom: 21px;
    	left: 44px;
	}

	.list h5,
	.filt h5 {
		font-size: 13px !important;
		color: var(--primary-color);
		padding-top: 1px;
	}

	.list.active,
	.filt.active,
	.lista.active,
	.filter.active {
		border-color: var(--primary-color);
	}

	.filter a i,
	.filter em {
		color: var(--primary-color);
	}

	.filter a:hover i {
		color: var(--white);
	}

	.lista a.first i,
	.filter a.first i {
		border-top: 1px solid var(--primary-color) !important;
	}

	.lista a:hover,
	.filter a:hover {
		background-color: var(--primary-color);
		color: var(--white) !important;
	}

	.lista a.active,
	.filter a.active {
		color: var(--primary-color) !important;
	}

	.lista a.active:hover,
	.filter a.active:hover {
		color: var(--white) !important;
	}

	#header.short .menu {
		padding-top: 7px !important;
	}
}

@media(max-width:376px) {
	.menu {
		margin-left: -148.5px;
	}

	.filt,
	.list {
		width: 83px;
	}

	.lista,
	.filter {
		width: 298px !important;
	}

	.filter {
		margin-left: -181px !important;
	}

	.filter a {
		width: 100%;
	}

	.filter .submit {
    	left: 29px;
	}

	.filtros {
		float: right;
		width: 119px;
	}

	.ordenar {
		right: auto;
		left: 50%;
		margin-right: 0px;
		margin-left: 31px;
	}

	.logo-info .right strong {
		font-size: 15px !important;
	}

	.logo-info .right span {
		font-size: 15px !important;
	}

	.logo-info .right em {
		font-size: 15px !important;
	}
}

/* footer */
#footer {
	background: var(--tertiary-color) !important;
	color: var(--dark);
}

#footer a {
	color: var(--primary-color) !important;
}

#footer .share-link {
	color: var(--white) !important;
}

.footer .info p {
	color: var(--dark);
}

.footer .info p a {
	font-weight: bold;
}

.footer .info h3 {
	color: var(--primary-color) !important;
}

.footer .info .submenu a {
	font-weight: bold;
}

.footer .info .submenu span {
	background-color: var(--primary-color);
}

#bottom {
	background: var(--primary-color);
	color: var(--white);
}

#bottom a {
	color: var(--white) !important;
	white-space: nowrap;
}

@media(max-width:696px) {
	.footer .iconos {
		color: var(--primary-color) !important;
	}

	.footer .organiza {
		font-weight: bold;
	}

	.footer .organiza a {
		font-weight: normal;
	}

	.footer .convenio {
		font-weight: bold;
	}

	.footer .convenio a {
		font-weight: normal;
	}
}

/* other */
#cookies a,
.btn {
	background-color: var(--primary-color);
}

.detalle #galeria img:hover {
	border-color: var(--primary-color);
}

p.dog {
	position: relative;
	margin-left: 26px!important;
}

p.dog:before {
	position: absolute;
	content: "\e91d"; /* pets */
    font-family: var(--font-icons);
    font-size: 20px;
    left: -26px;
    top: 5px;
    font-weight: bold;
    color: var(--primary-color);
}

.back:before,
#interior.info ul li,
.detalle .secciones a {
	background-image: none;
}

.back,
#interior.info ul li,
.detalle .secciones a {
	position: relative;
}

.back:before,
#interior.info ul li:before,
.detalle .secciones a:before {
	position: absolute;
	content: "\e5cc"; /* chevron right */
    font-family: var(--font-icons);
    font-size: 21px;
    left: -8px;
    top: -5px;
    font-weight: bold;
    color: var(--primary-color);
}

.recovery a {
	background-image: none;
    padding-left: 0px;
}

#login {
	margin-top: 0px;
	right: 10px;
	background-color: var(--light);
	border-color: var(--primary-color);
}

#login .triangle {
	display: none;
}

#login .boton a {
	background-color: var(--primary-color);
}

@media(max-width:1037px) {
	#login {
		right: -12px;
	}
}

/* tardor 2021 */
.upload-file .upload-name span {
	background-color: var(--primary-color);
}

#main.index,
#main.info-page {
	min-height: calc(100vh - 631px);
}

#header.short+#main.index {
	background-color: var(--white) !important;
}

.navigator {
	height: 0px;
}

/*.logo-new{padding:22px 0px 32px 0px;text-align:left;float:left;}
.logo-new a{display:block;height:100%;}
.logo-new img{height:100%;display:inline-block;}*/
.logo-new {
	padding: 22px 0px 6px 0px;
	height: 110px;
	text-align: left;
	float: left;
}

.logo-new a {
	display: block;
	height: 100%;
}

.logo-new img {
	height: auto;
	width: 100%;
	display: inline-block;
}

@font-face {
	font-family: 'DIN Pro Light';
	src: local('DIN Pro Condensed Light'), local('DIN-Pro-Condensed-Light'), url('DINPro-CondensedLight.woff2') format('woff2'), url('DINPro-CondensedLight.woff') format('woff'), url('DINPro-CondensedLight.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'DIN Pro Bold';
	src: local('DIN Pro Condensed Bold'), local('DIN-Pro-Condensed-Bold'), url('DINPro-CondensedBold.woff2') format('woff2'), url('DINPro-CondensedBold.woff') format('woff'), url('DINPro-CondensedBold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'DIN Pro Medium';
	src: local('DIN Pro Condensed Medium'), local('DIN-Pro-Condensed-Medium'), url('DINPro-CondensedMedium.woff2') format('woff2'), url('DINPro-CondensedMedium.woff') format('woff'), url('DINPro-CondensedMedium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

.edition-info {
	color: var(--white);
	text-align: right;
	line-height: 30px;
	float: right;
	padding: 21px 0 0 0;
}

.edition-info h3 {
	text-transform: uppercase;
	font-size: 27px;
	font-family: 'DIN Pro Bold';
}

.edition-info h4 {
	font-size: 24px;
	font-family: 'DIN Pro Bold';
}

.edition-info h5 {
	font-size: 24px;
	font-family: 'DIN Pro Light';
}

.home-cortesia {
	text-align: center;
	padding-top: 25px;
	padding-bottom: 25px;
}

.home-cortesia img {
	margin: 0 auto;
}

.home-cortesia h2 {
	font-size: 50px;
	line-height: 60px;
	font-family: 'DIN Pro Bold';
	padding-top: 30px;
	position: static;
	text-align: center;
}

.home-cortesia h3 {
	font-size: 50px;
	line-height: 59px;
	font-family: 'DIN Pro Light';
	padding-top: 1px;
	position: static;
	text-align: center;
}

.home-cortesia h4 {
	font-size: 50px;
	line-height: 1.4;
	letter-spacing: 3px;
	font-family: var(--font-family-secondary);
	padding-top: 14px;
	color: var(--primary-color);
	position: static;
	text-align: center;
}

.social .icono svg * {
	fill: var(--primary-color);
}

@media(max-width:1037px) {
	.logo-new {
		padding-top: 26px;
		padding-bottom: 0px;
		height: 64px;
		margin-bottom: -12px;
	}

	.logo-new img {
		height: 100%;
		width: auto;
	}

	.logo-new:only-child {
		padding-top: 10px;
		height: 70px;
		margin-bottom: -12px;
		width: 100%;
		text-align: center;
	}

	.edition-info {
		padding-top: 6px;
		line-height: 28px;
	}

	.edition-info h3 {
		font-size: 25px;
	}

	.edition-info h4 {
		font-size: 22px;
	}

	.edition-info h5 {
		font-size: 22px;
	}
}

@media(max-width:696px) {
	.wrapper {
		width: 100%;
	}

	.home-cortesia h4 {
		font-size: 40px;
		line-height: 1.2;
	}

	.social {
		top: -5px !important;
	}

	.logo-new {
		padding-top: 20px !important;
		height: 60px !important;
		margin-bottom: 0px !important;
		width: 100% !important;
		text-align: center !important;
		padding-right: 0px !important;
	}

	.logo-new img {
		height: 100%;
		width: 100%;
	}

	.edition-info {
		text-align: center;
		width: 100%;
		padding-top: 9px !important;
	}

	#header.short {
		height: 210px;
		margin-bottom: 0px;
	}

	#header.short .menu {
		padding-top: 143px !important;
	}

	#header.long {
		height: 205px;
		margin-bottom: 0px;
		border-bottom-width: 57px;
	}

	#header.long .menu {
		padding-top: 51px !important;
	}

	#header.long .ordenar {
		padding-top: 55px !important;
	}
}

@media(max-width:376px) {}

/* end */