/* CONTRASTE */
footer #footer-inner ul.list-inline li.list-inline-item a {
    color: #494a4b;
}
footer #footer-inner .text {
    color: #494a4b;
}
#layout-webmap-wrapper ul li a {
    color: #575252;
}
#layout-webmap-wrapper ul a.level-1 {
    color: #01830a;
}
#layout-webmap-wrapper .data-contact a i {
	color: #01830a;
}
#back-to-top i {
	background-color: #01830a;
}
body #main-content .btn-primary:active, body #main-content .btn-primary:focus, body #main-content .btn-primary:active span, body #main-content .btn-primary:focus span, body #layout-webmap-wrapper .btn-primary, body #layout-webmap-wrapper .btn-primary:active, body #layout-webmap-wrapper .btn-primary:focus, body #content .page-content .btn-primary, body #content .page-content .btn-primary:active, body #content .page-content .btn-primary:focus, body .template-modal .btn-primary:active, body .template-modal .btn-primary:focus, body .theme-dialog .btn-primary:active, body .theme-dialog .btn-primary:focus {
    background-color: #01830a !important;
    border-color: #01830a !important;
}
body #main-content .btn-primary, body #main-content .btn-primary span, body #layout-webmap-wrapper .btn-primary, body .template-modal .btn-primary, body .theme-dialog .btn-primary {
    background-color: #01830a;
    border-color: #01830a;
}
.view-more-wrapper .view-more a {
    color: #01830a;
    border: 1px solid #01830a;
}
.card.card-box-body .card-body .card-subtitle {
    color: #01830a;
}
.card .card-body .card-title:hover {
    color: #01830a;
}
.template-banner-box a.box {
    background: #1a8528;
}
#navigation > ul > li.list-style-items .children-wrapper a::after {
	color: #01830a;
}
.template-maquetable .footer-image-text {
	color: #777676;
}
/* GENERAL */
h4::after, .h4::after {
	text-transform: none;
	background-color: #a8acae;
}
h3 {
	text-transform: none;
	font-size: 1.3rem;
}
.text-transform-none { 
	text-transform: none !important; 
}
.hide-accessible {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    -webkit-transform: none !important;
    transform: none !important;
}
/* VIDEO RESPONSIVE */
.video-component .video-responsive {
	position: relative;
	width: 100%;
	max-width: 100%;
	padding-top: 56.25%;
	margin: 0 auto;
	overflow: visible;
}
.video-component .video-responsive iframe {
	position: absolute;
	border-radius: 20px;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	z-index: 10;
}
.video-component .video-responsive .play-button {
	position: absolute;
	top: 50%; 
	left: 50%;
	transform: translate(-50%, -50%);
	background: none;
	border: none;
	z-index: 20;
	cursor: pointer;
	width: 80px;
	height: 80px;
	padding: 0;
}
.video-component .transcript-drawer {
	position: static;
	width: 100%;
	max-height: 0;
	overflow: hidden;
	background: #fff;
	margin-top: 1rem;
	box-shadow: none;
	transform: none;
	transition: max-height 0.3s ease;
}
.video-component .transcript-drawer.open {
	max-height: 40vh;
  	overflow-y: auto;    
	border: solid 1px #c8c6c6;
	box-shadow: 0 1px 5px 1px #00000038;
}
.video-component .transcript-drawer .title {
	padding: 1rem 0;
	font-size: 1.2rem;
	text-transform: uppercase;
	text-align: center;
	font-weight: 600;
	color: #36a53e;
}
.video-component .transcript-drawer .transcription-body {
	background-color: #f5f5f5;
	padding: 1rem;
}
.transcript-list{
	font-size: 0.95rem;
}
.transcript-list time{
	color: #863c19;
	font-weight: 600;
}
.transcript-list div{
	color: #10518a;
}
.transcript-list span{
	font-weight: 500;
}
.video-component .visually-hidden {
    position: absolute;
    width: 1px; height: 1px;
    margin: -1px; padding: 0;
    overflow: hidden; clip: rect(0,0,0,0);
    white-space: nowrap; border: 0;
}
.video-component .video-wrapper {
	-webkit-mask-size: 100% 477px;
	mask-size: 100% 477px;
}
.video-component .col-info {
  align-self: center;
}

/* barra de scroll */
.video-component .transcript-drawer.open::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}
.video-component .transcript-drawer.open::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 4px;
}
.video-component .transcript-drawer.open::-webkit-scrollbar-thumb {
	background-color: #01830a;	
	border-radius: 4px;
	border: 2px solid #f1f1f1;
}
.video-component .transcript-drawer.open::-webkit-scrollbar-thumb:hover {
	background-color: #2e8c34; /* color al pasar el ratón */
}
.video-component .transcript-drawer.open {
	scrollbar-width: auto;
	scrollbar-color: #01830a #f1f1f1;
}
@media (max-width: 768px) {
	.video-component .video-responsive {
		width: 100%;
		height: 492px;
	}
	.video-component .video-responsive iframe {
		border-radius: 10px;
	}
}
/* DONDE DORMIR */
.servicios-iconos-wrapper {
	margin: 2rem 0;
}
.servicios-grid {
	margin-top: 1.5rem;
}
.servicios-iconos-list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
	gap: 1rem;
	padding: 0;
	margin: 0;
}
.servicio-item {
	list-style: none;
}
.servicio-icono-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 0.5rem 0.6rem;
	border-radius: 10px;
	transition: all 0.3s ease;
	background-color: #fff;
	border: 1px solid #e8e8e8;
	height: 100%;
	min-height: 90px;
}
.servicio-icono {
	font-size: 1.5rem;
	color: #36a53e !important;
	margin-bottom: 0.75rem;
	transition: all 0.3s ease;
}
.servicio-nombre {
	font-size: 0.85rem;
	font-weight: 500;
	color: #333;
	line-height: 1.3;
	display: block;
	word-break: break-word;
}
.template .article-border {
	border: 0;
	background-color: #f5f6f5;
	margin-top: 4em;
}
@media (max-width: 768px) {
	.servicios-iconos-list {
		grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
		gap: 0.5rem;
	} 
	.servicio-icono {
		font-size: 2rem;
	}
	.servicio-nombre {
		font-size: 0.8rem;
	}
}
@media (max-width: 480px) {
	.servicios-iconos-list {
		grid-template-columns: repeat(2, 1fr);
	}
}
/* MASCOTAS */
.article-section-content .list-iconos .value {
	color: #0e8216;
	font-size: 0.9rem;
}
.article-section-content .list-iconos .value-icono {
	color: #0e8216;
	font-size: 1rem;
}
.article-section-content .list-iconos .text-value {
	font-size: 0.8rem;
}
.article-section-content .list-iconos .icono{
	vertical-align: text-top;
}
.article-section-content .article-info-table .title-actividad{
	font-size: 1.2rem;
	font-weight: 600;
	color: #0e8216;
	text-align: center;
	text-transform: uppercase;
}
.article-section-content .list-unstyled .text-rule {
	font-size: 0.95rem;
	padding-left: 5px;
}
.article-section-content .list-unstyled .text-rule p{
	display: inline;
}
.article-section-content .list-unstyled li{
	margin-bottom: 0.5rem;
}
.article-section-content .list-unstyled li.track::before {
	font-family: "Font Awesome 5 Free";
	content: "\f1b0";
	font-size: 0.9em;
	font-weight: 900;
	color: #218028;	
	position: relative;
	left: 0;
	bottom: 1px;
}
.article-section-content .list-unstyled .value p{
	font-size: 0.95rem;
	display: inline;
}
.article-section-content .title-normas {
	text-align: center;
	text-decoration: underline;
	color: #000 !important;
	font-size: 1.1em;
}
.article-section-content .rules {
	font-size: 0.95em;
	line-height: 0.95em;
}
.article-section-content .rules p{
	margin-bottom: 0.5rem;
}
.article-section-content .rules .fas {
	display: inline;
	margin-right: 10px;
}
.article-section-content .rules .fas:before {
	font-family: "Font Awesome 5 Free";
	content: "\f1b0";
	font-size: 0.9em;
	color: #218028;	
	position: relative;
	left: 0;
	bottom: 1px;
}
.template .article-list li .value {
	padding-left: 1rem;
	margin-right: 0.6rem;
}
.template .article-list li.check::before {
	font-family: "Font Awesome 5 Free";
	content: "\f00c";
	font-size: 0.8em;
	color: #218028;
	position: absolute;
	top: 1px;
}
.card-box-decorator-result .card-category-type .pet-categories{
	background: #e9f9ec;
	padding: 5px;
}
.card-box-decorator-result .card-category-type .pet-categories span{
	font-size: 0.9em;
}
.card-box-decorator-result .card-category-type .pet-categories img{
	width: 25px;
}
@media (max-width: 576px) {
	.article-section-content .list-unstyled li{
		margin-bottom: 1rem;
	}
	.card-box-decorator-result .card-category-type .pet-categories img{
		width: 35px;
	}
}
/* CARDS RESERVAS ONLINE */
.card-box-decorator-result .ribbon .price {
    font-size: 1.3rem;
}
/* CARDS OFERTAS Y ESCAPADAS */
.template-cards-offers .card.card-box-decorator .image-wrapper .price{
font-size: 1.8rem;
}
/* CARDS PLAYAS */
.btn-icono-beach{
	background-color: #fff;
	border: solid .0625rem #36a53e;
	color: #36a53e !important;
	border-radius: .25rem;
	font-size: 1.4em;
	display: inline-block;
	font-weight: 500;
	line-height: 1.5;
	padding-left: .5rem;
	cursor: help;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	vertical-align: middle;
	position: relative;
}
.btn-icono-beach i{
	color: #36a53e !important;
	margin-right: 0.24em;
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;	
}
.tooltip {
    visibility: hidden;
    opacity: 0;
    width: max-content;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 8px;
    position: absolute;
    z-index: 1000;
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%);
    transition: opacity 0.3s ease;
    white-space: nowrap;
}
.tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
}
.btn-icono-beach:hover .tooltip {
    visibility: visible;
    opacity: 1;
}
/* CARDS RESTAURANTES*/
.card .card-body .card-title {
	font-size: 1rem;
}
.card-date {
	display: block;
	color: #535356;
	font-weight: 500;
	font-size: 0.8em;
	display: inline-block;
	background-color: #f5f5f5;
	border-radius: 5px;
	padding: 0.5em;
}
.card .card-body .far {
	color: #6c6969;
	margin-right: 5px;
}
.template .article-list li .text{
	color: #6c6969;
	font-size: .9rem;
}
.template .article-list li .text-destacado {
	color: #6c6969;
	font-size: .9rem;
	font-weight: 600;
}
.card .ribbon.ribbon-categories {
  margin: 0;
  padding: 0;
  list-style: none;
}
.card .ribbon.ribbon-categories {
	position: absolute;
	top: 170px;
	right: 5px;
}
.card .ribbon.ribbon-categories .ribbon-categories-list-item:last-child {
  margin-right: 0;
}
.card .ribbon.ribbon-categories .ribbon-categories-list-item {
  color: #fff;
  font-weight: 500;
  font-size: 0.8em;
  display: inline-block;
  background-color: #b75f11;
  text-transform: uppercase;
  border-radius: 5px;
  padding: 0.5em;
  margin-right: 0.5em;
  margin-bottom: 0.25em;
}
.card .card-body .tipo {
	position: absolute;
	top: 160px;
	right: 0px;
}
.card .card-body .tipo-name {
  color: #fff;
  font-weight: 500;
  font-size: 0.7em;
  display: inline-block;
  background-color: #1251a2;
  text-transform: uppercase;
  border-radius: 5px;
  padding: 0.5em;
  margin-right: 0.5em;
  margin-bottom: 0.25em;
}
@media(max-width:576px) {
	.card .card-body .tipo {
		top: 170px;
	}
	.card .card-body .tipo-name {
	  font-size: 0.8em;
	}
}
/* CICLOTURISMO */
.nav-tabs .nav-item {
	margin: 0.2rem 0.18rem 0.0625rem 0;
}
.nav-tabs .nav-link.active {
	padding: 1rem 1.8rem;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	border-radius: 10px 10px 0 0;
	background: #36A53E;
	transition: background ease 0.2s;
}
.nav-tabs .nav-link {
	padding: 1rem 1.8rem;
	color: #333;
	font-size: 0.77rem;
	font-weight: 600;
	text-transform: uppercase;
	border-radius: 10px 10px 0 0;
	background: #DEECDF;
	transition: background ease 0.2s;
}
.nav-tabs + .tab-content .tab-pane {
	padding: 2rem 0;
}
 .nav-tabs .nav-link:focus{
	box-shadow: none;
 }
.card .card-body .card-text i{
	font-size: 1rem;
	color: #36a53e;
 }
.card .card-body .card-text {
	font-size: .85em;
	font-weight: 400;
}
.card-box-decorator-result .card-category-type {
	margin-bottom: 0.5em;
	display: flex;
	gap: 0.3em;
	width: 100%;
	align-items: flex-start;
}
.card-box-decorator-result .card-category-type .card-title {
	font-size: 1rem;
	text-align: left;
	text-transform: none;
	overflow: hidden;
	text-overflow: ellipsis;
	flex: 1 1 auto;
	min-width: 0;
	white-space: normal;
	overflow-wrap: break-word;
	margin: 0;
}
.card-box-decorator-result .card-category-type .card-category-type-icon {
	width: 50px;
	height: 17px;
	flex: 0 0 auto;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top;
}
.card.card-background .card-body .card-title {
	font-size: 2.6rem;
	line-height: 2.5rem;
}
.template-banner-box a.box .box-title {
	max-width: 96%;
}
.card .card-body .table-ibp{
	display: inline;
	vertical-align: bottom;
	color: #7d7d7d;
}
.card:hover .card-body img{
	opacity: 0.6;
}
.card .card-body .table-ibp tbody{
	border: 1px solid #bcbebf;
}
.card .card-body .table-ibp td {
	padding: 2px 5px;
	font-size: 0.75rem;
}
.card .card-body .table-ibp td:first-child {
	background: #e3e6e8;
	font-size: 0.7rem;
}
.card .card-body .table-ibp td:last-child {
	background: #fff;
}
@media (max-width: 576px) {
	.template.template-blockquote p {
		font-size: 1.5rem !important;
	}
}

/* RUTAS EN COCHE */
.card .card-body .card-text .tiempocoche {
	position: absolute;
	left: 0;
	top: 18px;
	background-color: #ffa800;
	color: #fff;
	border-radius: 0 5px 5px 0;
	padding: 0.3em .5em .3em 1em;
}
.card .card-body .card-text .tiempocoche .value{
	font-weight: 500;
	font-size: 1.4rem;
}
.card .card-body .card-text .tiempocoche .field{
	display: none;
}
/* RUTAS QUE VER EN ASTURIAS */
.template .que-ver {
	background: #fff;
}
.template .que-ver .article-image {
	height: 700px;
}
.template .border-tab {
	border-bottom: 1px solid #e1e1e1;
	position: relative;
}
.template .route-distance {
	background-color: #fff !important;
	border: solid 1px #24882b !important;
	color: #24882b !important;
	border-radius: .25rem !important;
	padding: 0.7rem;
}
.template .route-distance span.green{
	color: #24882b !important;
}
.template .route-distance .border-r{
	border-right: solid 1px;
}
.template .text p{
	font-weight: 400 !important;
}
.template .article-section .tramo {
	background-color: #fbfbfb;
}
.template .article-section .tramo .foot-image-text {
	text-align: center;
	margin-top: -0.5rem;
	font-size: 0.85rem;
	font-weight: 400;
}
.template .route-track img{
	max-height: 650px;
}
.template .route-track{
	scroll-margin-top: 6rem;
    margin-top: 2rem;
}
.template .route-track .scroll{
	position: relative;
	float: right;
}
.template .route-track .scroll a{
	background: #fff;
	border-radius: 0.25rem;
	padding: 0.5rem;
	border: solid 1px #24882b;
}
@media (max-width: 767px) {
	.template .accordion .article-section .article-section-background.collapse.show {
		padding: 1rem;
	}
}
/* CAMINO SANTIAGO */
.card .card-body .datos {
	position: absolute;
	left: 0;
	top: -25px;
	background-color: #f4f5f4;
	border-radius: 18px 18px 0 0;
	padding: 3em .5em .3em 1em;
	width: 100%;
	text-align: left;
}
.card .card-body .datos .km {
	margin-bottom: 0.5rem;
	padding-bottom: 0.5rem;
	margin-left: -1rem;
	position: absolute;
	top: 10px;
}
.card .card-body .datos .km .value {
	font-weight: 500;
	font-size: 1.2rem;
	padding: 0.5rem;
	background: #cfd4d7;
	color: #000;
	border-radius: 18px 0 18px 0;
}
.card .card-body .datos .fas {
	color: #8d8d8d;
	margin-right: 5px;
}
.card .card-body .datos .etapa {
	font-size: 1rem;
	color: #535553;
	font-weight: 500;
}
.card .card-body .fas {
	color: #6c6969;
	margin-right: 5px;
}
.card .card-itinerario {
	position: absolute;
	top: -1em;
	background-color: #f4f5f4;
	border-radius: 1.5em 1.5em 0 0;
	padding: 0.3em .5em .3em 1em;
	color: #606060;
	font-weight: 500;
	width: 100%;
	text-align: center;
}
.card .card-itinerario .itinerario {
	font-weight: 500;
}
.card .card-itinerario .etapa {
	color: #000;
	font-size: 0.95rem;
}
.template .article-list .separator-peregrinos {
	border-bottom: 1px solid #cacaca;
	padding-bottom: 15px;
	width: 100%;
}

/* CUADRO DISTANCIAS */
.card .card-body .distancia {
	position: absolute;
	left: 0;
	top: 18px;
	background-color: #ffa800;
	color: #fff;
	border-radius: 0 5px 5px 0;
	padding: 0.3em .5em .3em 1em;
}
.card .card-body .distancia .value{
	font-weight: 500;
	font-size: 1.1rem;
}
/* BLOCKCUOTE */
.template.template-blockquote p {
	font-size: 1.9rem;
	text-indent: 1.9rem;
}
/* PUBLICADOR 1-6 */
.template.template-background-mosaic-2-4 .col-mosaic .card .card-title {
  font-size:2.25rem
}
.template.template-background-mosaic-1-6 .col-mosaic .card {
  height:350px;
  margin-bottom:0
}
.template.template-background-mosaic-1-6 .col-mosaic .card .card-title {
  font-size:2.2rem
}
.template.template-background-mosaic-1.6 .col-mosaic .card.card-background .image-wrapper:hover:before {
  opacity:0
}
/* PUBLICADOR BACKGROUND STYLE */
.card.card-background .card-body h3::after{
	height: 0px;
}
/* MAQUETABLE */
.maquetable-body .maquetable-row h2 {
	display: block;
	text-transform: uppercase;
	font-weight: 700;
	color: #434347;
	font-size: 1.2rem;
	position: relative;
	padding-bottom: 1rem;
	margin-bottom: 2rem;
	text-align: center;
}
.maquetable-body .maquetable-row h2::after {
	content: " ";
	position: absolute;
	transform: translate(-50%,-50%);
	left: 50%;
	bottom: 0;
	width: 50px;
	height: 3px;
	background-color: #36a53e !important;
}
.maquetable-body .maquetable-row h3{
	display: block;
	text-transform: uppercase;
	font-weight: 700;
	color: #434347;
	font-size: 1.2rem;
	position: relative;
	padding-bottom: 1rem;
	margin-bottom: 2rem;
}
.maquetable-body .maquetable-row h3::after {
	content: " ";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 50px;
	height: 3px;
	background-color: #36a53e !important;
}
.portlet-journal-content .journal-content-article blockquote {
	text-indent: 2rem;
}
/* PORTADA NOTICIAS */
.template-noticias .article-image {
	height: 580px;
}
/* PORTADA PÁGINAS */
.page-header {
	background-attachment: inherit;
}
/* TITULO PÁGINAS */
.page-title-wrapper .page-title .title-wrapper {
	display: table;
	width: 80%;
	table-layout: fixed;
	margin: 0 auto;
}
.page-title-wrapper .page-title .title-wrapper .title-inner .description {
	font-size: 1.2rem;
}

/* MENÚ NAVEGACIÓN */
.template-image-mosaic .portlet-header {
	width: 80%;
}	
body.page-style-detail #banner-wrapper {
	background-color: #006db0;
}
/* FICHAS RECURSOS */
.template .fichas {
	background: #fff;
}
.template .article-border p a{
	color: #437aff;
	font-weight: 600;
	text-decoration: none;
}
.template .article-border p a:hover{
	text-decoration: underline;
}
.template .article-contact {
	padding: 2rem;
	border-radius: 10px;
	border: 2px solid #9fa2a0;
}
.template .article-contact p a{
	color: #437aff;
	font-weight: 600;
	text-decoration: none;
}
.template .article-contact p a:hover{
	text-decoration: underline;
}
.template .article-section .article-section-content blockquote {
	font-size: 1.5rem;
	font-weight: 400;
	padding: 40px 10px 40px 0px;
}
.template .article-section .article-section-content .foot-image-text {
	text-align: center;
	color: #6d6868;
	font-size: .9rem;
	text-indent: 15px;
	position: relative;
	top: -0.5rem;
	margin-bottom: 3rem;
}
.template .article-section .article-section-content li{
    margin-bottom: 0.5rem;
}
.template .fichas .article-image {
  height: 560px;
}
/* DETALLE AGENDA */
.aspect-ratio-4-to-4 {
  padding-bottom:calc(4 / 4 * 100%)
}
/* CICLOTURISMO GPS */
.btn-gps {
    z-index: 9999;
    position: absolute;
    bottom: 20em;
    right: 0px;
    border-radius: 15px 0 0 15px;
    padding: .5em 1.2em !important;
    width: 4.6em;
    background-color: #01830a;
    border-color: #01830a;
    color: #fff;
    font-weight: 600;
    line-height: 1.5;
    cursor: pointer;
    box-shadow: none;
    border-style: solid;
    border-width: .0625rem;
    user-select: none;
    vertical-align: middle;
}
.btn-perfil {
    z-index: 9999;
    position: absolute;
    bottom: 16em;
    right: 0px;
    border-radius: 15px 0px 0px 15px;
    padding: .5em 0.6em !important;
    width: 4.6em;
    background-color: #27516c;
    border-color: #27516c;
    color: #fff;
    font-weight: 600;
    line-height: 1.5;
    cursor: pointer;
    box-shadow: none;
    border-style: solid;
    border-width: .0625rem;
    user-select: none;
    vertical-align: middle;
}
.marker-user {
    background: #5c7ee1;
    color: #fff;
    padding: 5px;
    border-radius: 50%;
    box-shadow: 0px 0px 20px #5058b1;
}
.btn:hover {
    color: #fff !important;
}
.btn:focus, .btn.focus {
    box-shadow: none !important;
}
.btn-gps-active{
	background-color: #27516c !important;
	border-color: #27516c !important;
	color: #fff !important;
}
.btn-perfil-inactive{
	background-color: #01830a !important;
	border-color: #01830a !important;
	color: #fff !important;
}