/* App Clima */
.ww_cond {
	display: none !important;
}
.ww-box[max-width~="230px"] .ww_icon {
	width: auto !important;
}
.faselunar {
    border-radius: 50%;
    display: inline-block;
    height: .8rem;
    margin-bottom: -2px;
    vertical-align: inherit;
    width: .8rem;
}
.faselunar.menguante {
    background: linear-gradient(to left, #6db3f244 48%, #54a3ee 50%, #3690f0 51%, #1e69deaa 100%);
}
.faselunar.creciente {
    background: linear-gradient(to right, #6db3f244 48%, #54a3ee 50%, #3690f0 51%, #1e69deaa 100%);
}
.faselunar.llena {
    background: #3690f0;
}
.faselunar.nueva {
    background: #6db3f244;
}
.border-azul {
    border-color: #0d6efd55 !important;
}
.pin-rotate {
    -webkit-transform: rotate(-20deg); 
    -moz-transform: rotate(-20deg); 
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    left: -33px;
    position: absolute;
    top: -11%;
	color: rgba(var(--bs-primary-rgb));
}
.navbar-nav-left {
	background: linear-gradient(145deg, #fff 80%, #ddd 100%);
}
.escala-grises {
	filter: grayscale(100%);
	opacity: .0;
	transition: filter .3s ease-in-out;
}
.box-list, .titulo-lista-cuadro {
	color: #069;
	font-family: Arial, Helvetica, Sans-serif;
	font-weight: 400;
}
div[ctrl-name=box-itinerarios] .carousel-control-prev, div[ctrl-name=box-itinerarios] .carousel-control-next {
	/*max-height: 120px;*/
	top: 36px;
	height: calc(100% - 36px);
}
.carousel-header {
	/*background: linear-gradient(to left, #ccc 35%, #ddd 50%, #ccc 75%);*/
	background-color: var(--bs-secondary);
}
.carousel-header * {
	text-shadow: 0 1px 1px white !important;
}
.bg-light-blue {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#feffff+0,d2ebf9+100;Blue+3D+%2312 */
	background: linear-gradient(to bottom, #45c5ff 0%, #d2ebf9 50%, #fff 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background: linear-gradient(to bottom, #45c5ff 0%, #d2ebf9 50%, #fff 92%, #08d8 100%) !important;
}
div[row-salida]:before { content: attr(data-order); display: none; }


.border-opacity-10{ --bs-border-opacity:0.1 }
.border-opacity-25{ --bs-border-opacity:0.25 }
.border-opacity-50{ --bs-border-opacity:0.5 }
.border-opacity-75{ --bs-border-opacity:0.75 }
.border-opacity-100{ --bs-border-opacity:1 }

.lh-12 {
	line-height: 1.2 !important;
}

.papel {
	position: relative;
}
/*.papel:before {
    border: 11px solid white;
    bottom: -1px;
    box-shadow: -1px -1px 0 #ccc;
    content: " ";
    height: 0;
    position: absolute;
    right: -1px;
    width: 0;
}*/

.papel:before {
    background: linear-gradient(135deg, #fff 0%, #fff 50%, #ddd 51%, #f8f9fa 52%);
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    bottom: -1px;
    content: " ";
    height: 22px;
    position: absolute;
    right: -1px;
    width: 22px;
}

.bg-md-secondary.bg-md-opacity-10 .papel:before {
    border: 11px solid #f0f1f2;
}

/*.papel:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    border: 15px solid transparent;
    border-bottom: 15px solid white;
    bottom: 6px;
    content: " ";
    height: 0;
    position: absolute;
    right: 6px;
    width: 0;
}*/

#modal-default .content-calendar:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    border: 16px solid transparent;
    border-top: 16px solid white;
    bottom: -23px;
    content: " ";
    height: 0;
    position: absolute;
    right: -69px;
    width: 0;
}

@media (min-width: 992px) {
    .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-left {
        margin-right: 20%;
    }
}



/* Datatables */
@media screen and (max-width: 767px) {
    div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
        text-align: left;
    }
    div.dataTables_filter {
        text-align: right;
	}
} 
.dataTables_filter {
	text-align: left;
}
.bg-gradient-home {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100;White+Gloss+%231 */
/*background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 55%,#e1e1e1 55%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#feffff+0,ddf1f9+35,a0d8ef+100;Blue+3D+%2318 */
/*background: linear-gradient(to bottom,  #feffff 0%,#ddf1f9 35%,#a0d8ef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(to bottom, #6db3f244 0%, #54a3ee 50%, #3690f0 51%, #1e69deaa 100%);
    color: white;
}
[content-horarios] p {
    font-size: inherit;
    margin-bottom: inherit;
    line-height: inherit;
}
.sun{
    background-color: orange;
    border-radius:50%;
    box-shadow: 0 0 35px 5px yellow,0 0 25px 10px yellow inset;
    height:70px;
    /*margin:50px 50%;*/
    position: absolute;
    right: -10px;
    top: -10px;
    width: 70px;
}
.cloudcontent {
	position: absolute;
	top: 0; left: 0;
}
.cloud {
    background-color: white;
    box-shadow: 1px 6px 8px, -1px 6px 8px, -1px -6px 8px, 1px -6px 8px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    height: 50px;
    margin: -14px -14px -10px;
    position: relative;
	width: 120px;
}

.cloud:after, .cloud:before {
    background: #f2f9fe;
    content: '';
    position: absolute;
    width: 57px;
}

.cloud:before {
    background: white;
    box-shadow: 1px 6px 8px, -1px 6px 8px, -1px -6px 8px, 1px -6px 8px;
    border-radius: 120px;
    -webkit-border-radius: 120px;
    -moz-border-radius: 120px;
    height: 40px;
    right: 50px;
    top: 20px;
    width: 40px;
}

.cloud:after {
    background: white;
    border-radius: 55px;
    -webkit-border-radius: 55px;
    -moz-border-radius: 55px;
    box-shadow: 1px 6px 8px, -1px 6px 8px, -1px -6px 8px, 1px -6px 8px;
    height: 55px;
    left: 40px;
    top: 4px;
    width: 55px;
}


.marquee-container {
    background-color: #f8f9fa;
    max-height: 48px;
    width: 100%;
}

.marquee-content {
    animation: marquee 15.5s linear infinite;
    display: flex;
    min-width: 500px;
}

.marquee-item {
    color: #495057;
    flex: 0 0 auto;
    font-size: .7rem;
    padding: 0 1rem;
    max-height: 3.6em; /* (Number of lines you want visible) * (line-height) */
    line-height: 1.2em;
    text-shadow: 1px 1px 1px white;
}

.marquee .marquee-content:nth-child(1) {
    animation-delay: 0s;
}

 @keyframes marquee {
   0% {
     transform: translateX(100%);
   }

   100% {
     transform: translateX(-100%);
   }
 }

 /* Optional: Pause animation on hover */
 .marquee-container:hover .marquee-content {
    animation-play-state: paused;
 }
.ringing {
  -webkit-animation: ring 4s 1s ease-in-out infinite;
  -webkit-transform-origin: 50% 4px;
  -moz-animation: ring 4s 1s ease-in-out infinite;
  -moz-transform-origin: 50% 4px;
  animation: ring 4s 1s ease-in-out infinite;
  transform-origin: 50% 4px;
}

@-webkit-keyframes ring {
  0% { -webkit-transform: translateX(0); }
  /*1% { -webkit-transform: translateX(5px); }
  3% { -webkit-transform: translateX(0); }
  5% { -webkit-transform: translateX(-5px); }
  7% { -webkit-transform: translateX(0); }
  9% { -webkit-transform: translateX(5px); }
  11% { -webkit-transform: translateX(0); }
  13% { -webkit-transform: translateX(-5px); }
  15% { -webkit-transform: translateX(0); }
  17% { -webkit-transform: translateX(5px); }
  19% { -webkit-transform: translateX(0); }
  21% { -webkit-transform: translateX(-5px); }
  23% { -webkit-transform: translateX(0); }
  25% { -webkit-transform: translateX(5px); }
  27% { -webkit-transform: translateX(0); }
  29% { -webkit-transform: translateX(-5px); }*/
  31% { -webkit-transform: translateX(0); }
  33% { -webkit-transform: translateX(5px); }
  35% { -webkit-transform: translateX(0); }
  37% { -webkit-transform: translateX(-5px); }
  39% { -webkit-transform: translateX(0); }
  41% { -webkit-transform: translateX(4px); }
  43% { -webkit-transform: translateX(0); }
  45% { -webkit-transform: translateX(-4px); }
  47% { -webkit-transform: translateX(0); }
  49% { -webkit-transform: translateX(3px); }
  51% { -webkit-transform: translateX(0); }
  53% { -webkit-transform: translateX(-3px); }
  55% { -webkit-transform: translateX(0); }
  57% { -webkit-transform: translateX(2px); }
  59% { -webkit-transform: translateX(0); }
  61% { -webkit-transform: translateX(-2px); }
  63% { -webkit-transform: translateX(0); }
  65% { -webkit-transform: translateX(1px); }
  67% { -webkit-transform: translateX(0); }
  69% { -webkit-transform: translateX(-1px); }
  71% { -webkit-transform: translateX(0); }
  100% { -webkit-transform: translateX(0); }
}

@-moz-keyframes ring {
  0% { -moz-transform: translateX(0); }
  /*1% { -moz-transform: translateX(5px); }
  3% { -moz-transform: translateX(0); }
  5% { -moz-transform: translateX(-5px); }
  7% { -moz-transform: translateX(0); }
  9% { -moz-transform: translateX(5px); }
  11% { -moz-transform: translateX(0); }
  13% { -moz-transform: translateX(-5px); }
  15% { -moz-transform: translateX(0); }
  17% { -moz-transform: translateX(5px); }
  19% { -moz-transform: translateX(0); }
  21% { -moz-transform: translateX(-5px); }
  23% { -moz-transform: translateX(0); }
  25% { -moz-transform: translateX(5px); }
  27% { -moz-transform: translateX(0); }
  29% { -moz-transform: translateX(-5px); }*/
  31% { -moz-transform: translateX(0); }
  33% { -moz-transform: translateX(5px); }
  35% { -moz-transform: translateX(0); }
  37% { -moz-transform: translateX(-5px); }
  39% { -moz-transform: translateX(0); }
  41% { -moz-transform: translateX(4px); }
  43% { -moz-transform: translateX(0); }
  45% { -moz-transform: translateX(-4px); }
  47% { -moz-transform: translateX(0); }
  49% { -moz-transform: translateX(3px); }
  51% { -moz-transform: translateX(0); }
  53% { -moz-transform: translateX(-3px); }
  55% { -moz-transform: translateX(0); }
  57% { -moz-transform: translateX(2px); }
  59% { -moz-transform: translateX(0); }
  61% { -moz-transform: translateX(-2px); }
  63% { -moz-transform: translateX(0); }
  65% { -moz-transform: translateX(1px); }
  67% { -moz-transform: translateX(0); }
  69% { -moz-transform: translateX(-1px); }
  71% { -moz-transform: translateX(0); }
  100% { -moz-transform: translateX(0); }
}

@keyframes ring {
  0% { transform: translateX(0); }
  /*1% { transform: translateX(5px); }
  3% { transform: translateX(0); }
  5% { transform: translateX(-5px); }
  7% { transform: translateX(0); }
  9% { transform: translateX(5px); }
  11% { transform: translateX(0); }
  13% { transform: translateX(-5px); }
  15% { transform: translateX(0); }
  17% { transform: translateX(5px); }
  19% { transform: translateX(0); }
  21% { transform: translateX(-5px); }
  23% { transform: translateX(0); }
  25% { transform: translateX(5px); }
  27% { transform: translateX(0); }
  29% { transform: translateX(-5px); }*/
  31% { transform: translateX(0); }
  33% { transform: translateX(5px); }
  35% { transform: translateX(0); }
  37% { transform: translateX(-5px); }
  39% { transform: translateX(0); }
  41% { transform: translateX(4px); }
  43% { transform: translateX(0); }
  45% { transform: translateX(-4px); }
  47% { transform: translateX(0); }
  49% { transform: translateX(3px); }
  51% { transform: translateX(0); }
  53% { transform: translateX(-3px); }
  55% { transform: translateX(0); }
  57% { transform: translateX(2px); }
  59% { transform: translateX(0); }
  61% { transform: translateX(-2px); }
  63% { transform: translateX(0); }
  65% { transform: translateX(1px); }
  67% { transform: translateX(0); }
  69% { transform: translateX(-1px); }
  71% { transform: translateX(0); }
  100% { transform: translateX(0); }
}

.bottom-navbar {
	z-index: 60;
}
.bg-yellow-gradient {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fefcea+0,f1da36+100;Gold+3D */
    background: linear-gradient(to bottom, #fefcea 0%,#f1da36 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.titulo-web {
    position: relative;
    text-shadow: -1px -1px 2px black;
    z-index: 1;
}
.top-content {
    z-index: 150;
}
.boton-modal {
	right: 0.3rem;
    top: 0.3rem;
    z-index: 2;
}
.content-img-bn {
	position: absolute;
	left: .75rem;
	top: .5rem;
}
.img-shadow {
	display: inline-block;
	position: relative;
	width: 72px;
	height: 72px;
	z-index: 2;
}
.img-shadow::before {
	background-color: gray; 
	mask: url(/images/logovector.svg) no-repeat center / contain; 
	-webkit-mask: url(/images/logovector.svg) no-repeat center / contain;
	content: " ";
	left: -1px;
	position: absolute;
	top: -2px;
	height: 100%;
	width: 100%;
	z-index: -1;
}
.img-shadow::after {
	background: linear-gradient(to bottom, #6db3f244 0%, #54a3ee 51%, #3690f0 57%, #1e69deaa 100%);
	content: " ";
	left: -1px;
	position: absolute;
	top: -1px;
	border-radius: 101%;
	height: 101%;
	width: 101%;
	z-index: -1;
}
.boton-imagenes {
	right: 1rem;
	top: 1rem;
	z-index: 100;
}
.bg-modal {
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	z-index: 10
}
@media (min-width: 768px) { /* md */
	.bg-modal {
		width: calc(100% - 1em) !important;
	}

	.box-list-first-hidden > div:nth-of-type(2) {
		display: none !important;
	}
}

.content-horas, .content-comentarios {
	line-height: 1.3;
}
.content-horas {
	/*padding-left: .5rem;
	padding-right: .5rem;*/
}

.small-85pc {
	font-size: 85% !important
}
.display-inline {
	display: inline;
}
[ctrl-name=box-avisoseconomicos] p {
	line-height: 1.1;
	font-size: .9rem;
}
.w-fit-content {
	width: fit-content !important;
}
.fw-semibold {
    font-weight: 600 !important;
}
.w-20 {
	width: 20px;
}
.p-05 {
	padding: 0.125rem !important;
}
.pt-05 {
	padding-top: 0.125rem !important;
}
.pb-05 {
	padding-bottom: 0.125rem !important;
}
.ps-05 {
	padding-left: 0.125rem !important;
}
.pr-05 {
	padding-right: 0.125rem !important;
}
.px-05 {
	padding-left: 0.125rem !important;
	padding-right: 0.125rem !important;
}
.py-05 {
	padding-bottom: 0.125rem !important;
	padding-top: 0.125rem !important;
}
.p-35-4 {
    padding: 1.25rem 1.5rem !important;
}
.img-square, .img-miniatura, .imagen-cabecera {
	background-position: center center;
	background-repeat: no-repeat;
    height: auto;
	border-radius: 0.25rem;
	transition: background-size .5s ease;
}
.img-square {
	background-size: auto 125%;
}
.img-square-w {
	background-size: auto 125%;
}
.img-square-h {
	background-size: 125% auto;
}
.img-miniatura, .imagen-cabecera {
	background-size: cover;
}
.img-square:hover {
	background-size: auto 100%;
}
.img-square-w:hover {
	background-size: auto 100%;
}
.img-square-h:hover {
	background-size: 100% auto;
}
.imagen-cabecera {
	aspect-ratio: 5 / 1;
}
.text-align-justify {
	text-align: justify !important;
}
.horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-toggler.navbar-toggler-right {
	margin-left: -1rem;
}


.fw-semibold {
    font-weight: 600 !important;
}
.truncate-overflow {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

.box-infofile, .btn-removefile, .btn-clearfile {
	/*box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 1) !important;*/
	color: white !important;
	left: 0px;
	position: absolute;
	z-index: 2;
}
.btn-removefile, .btn-clearfile {
	/*background-color: rgba(var(--bs-danger-rgb), 0.75) !important;
	border-color: #001737 !important;*/
	bottom: 1px;
}
.btn-removefile:hover, .btn-clearfile:hover {
	/*background-color: rgba(var(--bs-danger-rgb), 1) !important;*/
}
.btn-removefile:active, .btn-clearfile:active {
	margin-left: 1px !important;
	margin-top: 1px !important;
}
.box-infofile {
	background-color: rgba(var(--bs-dark-rgb), 0.75) !important;
	margin: 0 !important;
	padding: 0.5rem !important;
	top: 0px;
}
.item-nuevo {
	position: relative;
}
.item-nuevo:after {
    background-color: red;
    border-radius: 10px;
    color: white;
    content: "nuevo";
    display: inline-block;
    font-size: 0.85rem;
    font-weight: 600;
    height: auto;
    left: 7px;
    line-height: 1;
    padding: 1px 8px;
	position: absolute;
    top: 13px;
    transform: rotate(-15deg);
    width: auto;
    z-index: 2;
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
}
.btn-clear {
	/*box-shadow: 0 4px 6px black !important;*/
	/*left: 50%;*/
	left: 0;
	opacity: .5;
	position: absolute;
	bottom: 10px;
	width: 100%;
	/*transform: translate(-50%, 50%);*/
	transition: top .5s ease, opacity .5s ease;
}
.btn-clear:hover {
	opacity: 1;
}
.bg-danger-gradient {
	background: linear-gradient(to bottom,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
}
.bg-warning-gradient {
	background: linear-gradient(to bottom,  rgba(168,154,3,1) 0%,rgba(142,131,2,1) 44%,rgba(107,98,0,1) 100%);
}
.bg-success-gradient {
	background: linear-gradient(to bottom,  rgba(3,165,3,1) 0%,rgba(2,140,2,1) 44%,rgba(0,104,0,1) 100%);
}
.bg-secondary-gradient {
	background: linear-gradient(to bottom,  rgba(163,163,163,1) 0%,rgba(137,137,137,1) 44%,rgba(102,102,102,1) 100%);

}

.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 3px 0.25rem #ddd;
}

.bottom-navbar.alert {
    box-shadow: none;
    border: none;
}
.ui-menu .ui-menu-item-wrapper {
	padding: 3px 1.5em !important;
}

.form-check .form-check-label.valign-text input[type="checkbox"], .form-check .form-check-label.valign-text input[type="checkbox"] + .input-helper:before, .form-check .form-check-label.valign-text input[type="checkbox"] + .input-helper:after {
	top: 3px
}

.nav-link[disabled] {
  pointer-events: none;
  filter: none;
  opacity: 0.4;
}

.shadow-inside {
	box-shadow: inset 0 0 1rem black !important;
}
.box-list:hover {
	/*box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;*/
}
.autocomplete-items {
	background-color: rgba(var(--bs-white-rgb), 1);
	min-width: 100%;
	position: absolute;
}
.autocomplete-items > div:hover {
	background-color: rgba(var(--bs-secondary-rgb), 0.10) !important
}
.box-list.box-lista {
	box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.box-list.box-lista:last-child {
	box-shadow: none !important;
}

@media (max-width: 577px) { /* sm */
	.bottom-navbar.alert {
		margin-top: -45px;
	}
	.bottom-navbar.alert.header-toggled {
		border: 1px solid var(--bs-secondary);
		overflow: initial;
	}
	.bottom-navbar.alert.header-toggled:before {
		background: var(--bs-white);
		border: 1px solid var(--bs-secondary);
		border-left: none;
		border-bottom: none;
		content: " ";
		height: 20px;
		position: absolute;
		right: -10px;
		rotate: 45deg;
		top: 5px;
		width: 20px;

	}
	.bottom-navbar.alert.header-toggled {
		box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
		border: 1px solid var(--bs-secondary);
	}
}

.aspect-ratio-1-1 {
	aspect-ratio: 1 / 1 !important;
}
.aspect-ratio-1-2 {
	aspect-ratio: 1 / 2 !important;
}
.aspect-ratio-2-1 {
	aspect-ratio: 2 / 1 !important;
}
.aspect-ratio-3-1 {
	aspect-ratio: 3 / 1 !important;
}
.aspect-ratio-4-1 {
	aspect-ratio: 4 / 1 !important;
}
.aspect-ratio-5-1 {
	aspect-ratio: 5 / 1 !important;
}
.aspect-ratio-6-1 {
	aspect-ratio: 6 / 1 !important;
}

.horizontal-menu.fixed-on-scroll + .page-body-wrapper {
    padding-top: 3rem;
}
/*#loading-weather {
	background-color: #4b9abb !important;
	height: 100%;
	min-height: 100%;
}
div[ctrl-name=box-weather] {
	background-color: #4b9abb !important;
	min-height: 331px;
	height: auto;
}*/

@media (max-width: 991px) {
    .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-toggler.navbar-toggler-right {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 1024px) {
    .horizontal-menu .bottom-navbar .page-navigation > .nav-item > .nav-link {
        padding: 17px;
    }
	.imagen-cabecera {
		aspect-ratio: 4 / 1;
	}
}

@media (min-width: 1400px) { /* xxl */
	.imagen-cabecera {
		aspect-ratio: 5 / 1;
	}
	.aspect-ratio-xxl-1-1 {
		aspect-ratio: 1 / 1 !important;
	}
	.aspect-ratio-xxl-1-2 {
		aspect-ratio: 1 / 2 !important;
	}
	.aspect-ratio-xxl-2-1 {
		aspect-ratio: 2 / 1 !important;
	}
	.aspect-ratio-xxl-3-1 {
		aspect-ratio: 3 / 1 !important;
	}
	.aspect-ratio-xxl-4-1 {
		aspect-ratio: 4 / 1 !important;
	}
	.aspect-ratio-xxl-5-1 {
		aspect-ratio: 5 / 1 !important;
	}
	.aspect-ratio-xxl-6-1 {
		aspect-ratio: 6 / 1 !important;
	}
	/*div[ctrl-name=box-weather] {
		min-height: 331px;
		height: auto;
	}*/
}
@media (min-width: 1200px) { /* xl */
	.imagen-cabecera {
		aspect-ratio: 5 / 1;
	}
	.aspect-ratio-xl-1-1 {
		aspect-ratio: 1 / 1 !important;
	}
	.aspect-ratio-xl-1-2 {
		aspect-ratio: 1 / 2 !important;
	}
	.aspect-ratio-xl-2-1 {
		aspect-ratio: 2 / 1 !important;
	}
	.aspect-ratio-xl-3-1 {
		aspect-ratio: 3 / 1 !important;
	}
	.aspect-ratio-xl-4-1 {
		aspect-ratio: 4 / 1 !important;
	}
	.aspect-ratio-xl-5-1 {
		aspect-ratio: 5 / 1 !important;
	}
	.aspect-ratio-xl-6-1 {
		aspect-ratio: 6 / 1 !important;
	}
	/*div[ctrl-name=box-weather] {
		min-height: 331px;
		height: auto;
	}*/
}
@media (min-width: 992px) { /* lg */
    .horizontal-menu.horizontal-menu-top {
        position: relative;
        z-index: initial;
        top: initial;
        left: initial;
        right: initial;
    }
	.imagen-cabecera {
		aspect-ratio: 4 / 1;
	}
	.main-panel {
		padding-top: 0 !important;
	}
	.aspect-ratio-lg-1-1 {
		aspect-ratio: 1 / 1 !important;
	}
	.aspect-ratio-lg-1-2 {
		aspect-ratio: 1 / 2 !important;
	}
	.aspect-ratio-lg-2-1 {
		aspect-ratio: 2 / 1 !important;
	}
	.aspect-ratio-lg-3-1 {
		aspect-ratio: 3 / 1 !important;
	}
	.aspect-ratio-lg-4-1 {
		aspect-ratio: 4 / 1 !important;
	}
	.aspect-ratio-lg-5-1 {
		aspect-ratio: 5 / 1 !important;
	}
	.aspect-ratio-lg-6-1 {
		aspect-ratio: 6 / 1 !important;
	}
	/*div[ctrl-name=box-weather] {
		min-height: 258px;
		height: auto;
	}*/
}
@media (min-width: 768px) { /* md */
    .horizontal-menu.horizontal-menu-top {
        position: relative;
        z-index: initial;
        top: initial;
        left: initial;
        right: initial;
    }
	.main-panel {
		padding-top: 0px;
	}
	.imagen-cabecera {
		aspect-ratio: 3 / 1;
	}
	.aspect-ratio-md-1-1 {
		aspect-ratio: 1 / 1 !important;
	}
	.aspect-ratio-md-1-2 {
		aspect-ratio: 1 / 2 !important;
	}
	.aspect-ratio-md-2-1 {
		aspect-ratio: 2 / 1 !important;
	}
	.aspect-ratio-md-3-1 {
		aspect-ratio: 3 / 1 !important;
	}
	.aspect-ratio-md-4-1 {
		aspect-ratio: 4 / 1 !important;
	}
	.aspect-ratio-md-5-1 {
		aspect-ratio: 5 / 1 !important;
	}
	.aspect-ratio-md-6-1 {
		aspect-ratio: 6 / 1 !important;
	}

	.bg-md-primary {
	  --bs-bg-opacity: 1;
	  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
	}

	.bg-md-secondary {
	  --bs-bg-opacity: 1;
	  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
	}

	.bg-md-success {
	  --bs-bg-opacity: 1;
	  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
	}

	.bg-md-info {
	  --bs-bg-opacity: 1;
	  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
	}

	.bg-md-warning {
	  --bs-bg-opacity: 1;
	  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
	}

	.bg-md-danger {
	  --bs-bg-opacity: 1;
	  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
	}

	.bg-md-light {
	  --bs-bg-opacity: 1;
	  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
	}

	.bg-md-dark {
	  --bs-bg-opacity: 1;
	  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
	}

	.bg-md-black {
	  --bs-bg-opacity: 1;
	  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
	}

	.bg-md-white {
	  --bs-bg-opacity: 1;
	  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
	}

	.bg-md-body {
	  --bs-bg-opacity: 1;
	  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
	}

	.bg-md-transparent {
	  --bs-bg-opacity: 1;
	  background-color: transparent !important;
	}

	.bg-md-opacity-10 {
	  --bs-bg-opacity: 0.1;
	}

	.bg-md-opacity-25 {
	  --bs-bg-opacity: 0.25;
	}

	.bg-md-opacity-50 {
	  --bs-bg-opacity: 0.5;
	}

	.bg-md-opacity-75 {
	  --bs-bg-opacity: 0.75;
	}

	.bg-md-opacity-100 {
	  --bs-bg-opacity: 1;
	}

	.bg-md-gradient {
	  background-image: var(--bs-gradient) !important;
	}
	.box-lista {
		box-shadow: none !important;
	}
	.bottom-navbar {
	    background: linear-gradient(to bottom, #45c5ff 0%, #d2ebf9 50%, #fff 92%, #08d8 100%) !important;
		/* border-bottom: #001737 !important; */
		border: 1px solid #aaa !important;
		border-bottom: 1px solid #001737 !important;
	}
	/*div[ctrl-name=box-weather] {
		min-height: 311px;
		height: auto;
	}*/
}
@media (min-width: 576px) { /* sm */
	.imagen-cabecera {
		aspect-ratio: 1 / 1;
	}
	.aspect-ratio-sm-1-1 {
		aspect-ratio: 1 / 1 !important;
	}
	.aspect-ratio-sm-1-2 {
		aspect-ratio: 1 / 2 !important;
	}
	.aspect-ratio-sm-2-1 {
		aspect-ratio: 2 / 1 !important;
	}
	.aspect-ratio-sm-3-1 {
		aspect-ratio: 3 / 1 !important;
	}
	.aspect-ratio-sm-4-1 {
		aspect-ratio: 4 / 1 !important;
	}
	.aspect-ratio-sm-5-1 {
		aspect-ratio: 5 / 1 !important;
	}
	.aspect-ratio-sm-6-1 {
		aspect-ratio: 6 / 1 !important;
	}
}