@charset "utf-8";
/*APLICACION*/

/*#ee0979 0%, #ff6a00*/
/**{ padding:0px; margin:0px; word-wrap:break-word; color: rgba(0,0,0, 0.7); }*/
/*cursor: url(../img/puntero.svg);*/

:root{
	--bgcolor:#ff5490;
}

.modalSiguenos{ width: 30% !important; }
.activox{

    transform: translateY(-14px) scale(0.8) !important;
    font-weight: bold !important;
}
span.badge.new{
	font-weight: bolder;
    font-size: 0.8rem;
    color: #fff;
    background-color: var(--bgcolor) !important;
    border-radius: 3px;
}

span.badge.new:after {
content: ' Nueva' !important;
}



.tablero{
margin: 7px auto !important;
background: white;
padding: 1rem !important;
box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.3), 0px 0px 12px -1px rgba(0, 0, 0, .3) !important;
border-radius: 0.5rem;
}
.subtablero{
background: linear-gradient(195deg, #3869b4 0%, #2a7fff 100%);
padding: 1rem !important;
position: relative;
border-radius: 0.5rem;
display: flex;
flex-direction: column;
min-width: 0;
}

.subtableroTema{
background: linear-gradient(195deg, var(--bgcolor) 0%, #2a7fff 100%);
padding: 1rem !important;
position: relative;
border-radius: 0.5rem;
display: flex;
flex-direction: column;
min-width: 0;
}

.subtablero-alerta{
background: linear-gradient(195deg, #e53935 0%, #a61613 100%);
padding: 1rem !important;
position: relative;
border-radius: 0.5rem;
display: flex;
flex-direction: column;
min-width: 0;
}

.icontablero{
font-size: 3em !important;
padding: 1rem !important;
}

/*.page-footer .footer-copyright { min-height: 30px !important;}*/

@media only screen and (min-width: 993px){
 .migas{ padding-left: 300px; }

  }

@media only screen and (max-width: 700px){
 .vwx{ display:initial !important;} 
.page-footer{display: none !important;}

}

@media only screen and (max-width:450px){ 
	body .container{ width: 100%;} 
	.pd-8{ padding: 8px !important; }
}
@media only screen and (max-width:550px){

.modal { width: 96% !important; }
	
.slider .slides li .caption { top:0px !important; }

	.npmvl{padding: 0px !important;}
	.nmmvl{margin: 0px !important;}
.modalSiguenos{ width: 90% !important; }

.modi{ background:red !important; height:100vh; border-radius: 0px !important; box-shadow: 0px 0px 0px white !important;}
}

@media only screen and (max-width:320px){ 
.modal { width: 96% !important; max-height: 83% !important;}
}
	i.left{margin-right:8px !important;}
.tj{ text-align: justify; }

.hTitu{
	margin: 0px !important;
    padding: 8px 0px !important;
}
.txt-b{
	color: white !important;
}

.slider .slides li img.responsive-img {
position: absolute;
    height: 100%;
    width: 100%;
    /* max-width: 70px !important; */
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    /* top: -49px; */
    background-color:transparent !important;
}


details > summary:first-of-type {
    display: list-item;
    counter-increment: list-item 0;
    list-style: inside disclosure-closed;
    background-color: blue !important;
}

.pointer{ cursor: pointer !important; }
.br-8{ border-radius: 8px; }
.br-10{ border-radius: 10px; }
.br-3{ border-radius: 5px; }
.pd-12{ padding: 12px !important; }
.ModalWindow {
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .35);
	display: none;
}
.ver-select select{ 
display: block;
 }
 .tabs{
	background: transparent !important;
 }
.ModalWindow-container{
	/*margin: 0 auto;*/
	margin: 1vh auto 0;
	
	width: 90%;
	max-width: 600px;
	background-color: #FFF;
	overflow-y: auto !important;
	display: block;
}

.alzar:hover{
	transform: translateY(-10px);
	transition: all 0.12s ease;
}

.ModalWindow-heading{
	padding: 0 1rem;
	color: #FFF;
}
.salto{ transition: all 100ms linear; }
.salto:hover{
	transform: translateY(-10px) !important;
}
.u-flexColumnCenter {
	padding: 1rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.u-show { display: initial; }
		
.fade-enter-active, .fade-leave-active { transition: opacity .5s }

.fade-enter,.fade-leave-to { opacity: 0 }

.justify-align{
text-align: justify !important;
}

.temabg{ background: var(--bgcolor) !important; }
.temabgd{ background: linear-gradient( var(--bgcolor) ,rgba(0,0,0, .3) ) var(--bgcolor) !important; }
.temabgdh{ background: linear-gradient(45deg,  var(--bgcolor), rgba(0,0,0, .3)), var(--bgcolor) !important ;}
.temabgdi{ background: linear-gradient( rgba(0,0,0, .3) -100%, var(--bgcolor) ) var(--bgcolor) !important; }
.tematx{color:var(--bgcolor) !important}
.temalnk{text-decoration: underline !important}

.active-ul{
    border-left: 3px solid var(--bgcolor) !important;
}

/* .sidenav li a.collapsible-header > i.material-icons{
	color: var(--bgcolor) !important;
} */

.cir{
	background: linear-gradient( rgba(0,0,0, .3) -100%, var(--bgcolor) ) var(--bgcolor) !important;
	border-radius: 3px;
	font-weight: bold;
	min-width: 21px !important;
	height: 21px !important;
}

.tabs .tab a {
	color: var(--bgcolor) !important;
	opacity: 0.8;
}

.tabs .indicator{
	background-color: var(--bgcolor) !important;
	opacity: 0.7 !important;

}
.tabs .tab a:hover, .tabs .tab a.active {
	background-color: transparent;
	color: var(--bgcolor) !important;
	font-weight: bold;
}

html,body{ height: 100%; margin: 0;padding: 0; color: rgba(0,0,0, .6) !important;}
body{
display: flex;
min-height: 100vh;
flex-direction: column;
/*background:radial-gradient(ellipse at bottom center, rgba(255,255,255, 1) 10%, rgba(111,111,111, .4)) fixed ; */
background:radial-gradient(ellipse at bottom center, var(--bgcolor) 10%, #ff6d60) fixed ; 

}

.progress { background-color: silver !important; }
.progress .indeterminate { background-color: var(--bgcolor) !important; }

.tmax{ text-transform: uppercase; }
.tcapi{ text-transform: capitalize; }
/*
.tmax input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
text-transform: uppercase;
}
*/
.nver{
	display: none !important;
}
.limi:hover .nver{
	display: block !important;
}


.breadcrumb:before{
	color: var(--bgcolor) !important;
	/*margin: 0px;*/
}

.switch label input[type=checkbox]:checked+.lever:after {
	background-color:  var(--bgcolor) !important;
}
.switch label input[type=checkbox]:checked+.lever {
	background-color: grey;
}

.nav-modi{
	height: 58px !important;
	line-height: 58px !important;
}

.np{ padding: 0px !important; }
.nm{ margin: 0px !important; }
.nmb{ margin-bottom: 0px !important; }

.b{ font-weight: bold !important; }
.u{ text-decoration:underline; }

.dropdown-content{
	width: auto !important;
}
.flechita{
	position: absolute !important;
		top: 50px !important;
		height: 16px !important;
		line-height: 15px !important;
}
.toast{ font-weight:900 !important; }


/*.carousel,nav,main,section { flex: 1 0 auto; }*/
/*.carousel,nav,main { flex: 1 0 auto; }*/
.carousel,main { flex: 1 0 auto; }

#categorias #carousel .slick-list { margin: 0 -36px; }

#categorias #carousel .item {
	width: 100%;
	margin: 0 12px;
	background-color: transparent;
}

#categorias #carousel .item img {
	width: 100%;
}

#categorias #carousel .dots {
	margin-top: 31px;
	margin-bottom: 27px;
}

#categorias #carousel .dots li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 20px;
	border-radius: 10px;
	background-color: rgba(0, 0, 0, 0.3);
}

#categorias #carousel .dots li:last-child {	margin-right:0px; }

#categorias #carousel .dots li.slick-active { background-color:var(--bgcolor);}

#categorias #carousel .dots li button { display:none; }
#categorias #carousel .dots li:hover { cursor:pointer; }
#categorias .slick-arrow { margin-top:95px; }

#categorias .slick-arrow i {
	color: rgba(255, 255, 255, 0.9);
	font-size: 33px;
	cursor: pointer;
	/*background: red;*/
	z-index: 999 !important;
	position: relative;
	background: var(--bgcolor) !important;
	border-radius: 50%;

}

.input-field .prefix ~ input,textarea,select,input[type="text"],input[type="password"],.form select,input[type="email"],input[type="number"],input[type="date"],input[type="tel"] ,input[type="search"],input[type="file"] , .form textarea{
	color: rgba(0,0,0, .7) !important;
}


select,input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) ,.select-wrapper input.select-dropdown{
	border-bottom: 1px solid var(--bgcolor) !important;
	/*border-width: 0px 0px 0px 0px !important;*/
	box-shadow: 0 1px 0 0 var(--bgcolor) !important;
	background: white !important;
	box-shadow: 0px 4px 7px rgba(0,0,0, .3) !important ;
	box-shadow: 0 10px 8px -10px  rgba(0,0,0, .3) !important ;
	
	/*text-align: center !important;*/
	font-weight: bold;
	border-radius: 3px;
}

[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:after {
	background-color: var(--bgcolor) !important;
}

[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:before, [type="radio"].with-gap:checked+span:after {
	border: 2px solid var(--bgcolor) !important;
}

.chips.focus{
	border-bottom: 1px solid var(--bgcolor) !important;
	box-shadow: 0 1px 0 0 var(--bgcolor) !important;
}

.chip:focus{
	background-color: var(--bgcolor) !important;
	font-weight: bold !important;
}


[type="checkbox"].filled-in:checked+span:not(.lever):after {
	top: 0;
	width: 20px;
	height: 20px;
	/*border: 2px solid var(--bgcolor) !important ;*/
	background-color: var(--bgcolor) !important ;
	z-index: 0;
}


.input-field .prefix{ transition: all 300ms linear !important; opacity: .3; transform: scale(.7); }

.activoo{
	display: block !important;
    content: "" !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    transition: .2s opacity ease-out, .2s color ease-out !important;
}


.input-field .prefix.active {
 color: var(--bgcolor);
/*transition: all 200ms linear !important;*/
opacity: 1;
transform: scale(.9);
}
.input-field label, .dropdown-content li>span { color:var(--bgcolor) !important; }
.input-field .prefix ~ input{
	margin: 0px !important;
	padding-left: 2.3em;
	width: calc(100% - 2.3rem);
}

/*.input-field .prefix ~ input,.input-field .prefix ~ .helper-text{*/
.input-field .prefix ~ .helper-text{
	transition: all 1300ms linear !important;
	margin-left: 0rem !important;
	font-weight: bold;
	text-transform: uppercase;
	content: attr(data-error);
	color: #F44336;
}

.input-field>label:not(.label-icon).active,.select-wrapper+label,select.browser-default ~ label {
	/*transition: all 300ms linear !important;*/
	text-transform: uppercase;
	font-weight: bold;
	margin: 0px;
}

/*.select-wrapper+label { background: red; }*/
/*.dropdown-content li{ }*/
.selected{ background: yellow; }
.select-wrapper input.select-dropdown{
	background: transparent !important;
	text-transform: uppercase;
}
.select-dropdown .dropdown-trigger{
	background: red !important;
}

select.browser-default ~ label{
	/*background: red !important;*/
	transform: translateY(-14px) scale(0.8);
	transform-origin: 0 0;
}
select.browser-default option{
	border-bottom: 1px solid var(--bgcolor) !important;
	/*border-width: 0px 0px 0px 0px !important;*/
	box-shadow: 0 1px 0 0 var(--bgcolor) !important;
	background: white !important;
	box-shadow: 0px 4px 7px rgba(0,0,0, .3) !important ;
	box-shadow: 0 10px 8px -10px  rgba(0,0,0, .3) !important ;
	
	/*text-align: center !important;*/
	font-weight: bold;
	border-radius: 3px;	
}


.tabs .tab a:focus, .tabs .tab a:focus.active {
	background-color: transparent;
	outline: none;
}


.e404 {
color:var(--bgcolor);
font-weight: bold;
font-size: 220px;
text-shadow: 0px 0px 0 rgb(217,217,217), 1px 1px 0 rgb(197,197,197), 2px 2px 0 rgb(176,176,176), 3px 3px 0 rgb(155,155,155), 4px 4px 0 rgb(134,134,134), 5px 5px 0 rgb(114,114,114), 6px 6px 0 rgb(93,93,93), 7px 7px 0 rgb(72,72,72), 8px 8px 7px rgba(0,0,0,0.45), 8px 8px 1px rgba(0,0,0,0.5), 0px 0px 7px rgba(0,0,0,.2);
animation:errorUrl 1000ms ease-in 1;
}

@keyframes errorUrl{
 0% {opacity:0;  transform: translateY(-100%); text-shadow: rgba(0,0,0, 0.7) 0px 0px 48px;transform: translateY(100%);}
25% {opacity:0;  transform: translateY(-75%);  text-shadow: rgba(0,0,0, 0.7) 3px 0px 24px;transform: translateY(75%);}
50% {opacity:0.3;transform: translateY(-50%);  text-shadow: rgba(0,0,0, 0.7) 0px -3px 12px;transform: translateY(50%);}
75% {opacity:0.6;transform: translateY(-25%);  text-shadow: rgba(0,0,0, 0.7) -3px 0px 6px;transform: translateY(25%);}
100%{opacity:1;  transform: translateY(0%);    text-shadow: rgba(0,0,0, 0.7) 0px 3px 3px;transform: translateY(0%);}
}

.pie-fixed{
		position: fixed !important;
		bottom: 0 !important;
		width: 100% !important;
}



	.slider .slides li img {
		background-size: contain;
/*		background-position:center center;*/
	}

.slider .slides li img[src$=".svg"] {
	background-color: red !important;
	}


.slider .indicators .indicator-item.active {
	background-color:  var(--bgcolor) ;
}







.preload {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
}

.preload .loader-section {
	position: fixed;
	top: 0;
	width: 50%;
	height: 100%;
	background: rgba(236, 239, 241, 1);
	z-index: 1000;
	transform: translateX(0);
}

.preload .loader-section.section-left { left: 0; }
.preload .loader-section.section-right { right: 0; }

.loader {
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	width: 150px;
	height: 150px;
	margin: -75px 0 0 -75px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: var(--bgcolor);
	animation: spin 2s linear infinite;
	z-index: 1001;
}

.loader:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: var(--bgcolor);
	animation: spin 3s linear infinite;
}

.loader:after {
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: var(--bgcolor);
	animation: spin 1.5s linear infinite;
}

@keyframes spin {
	0%   { transform: rotate(0deg);   }
	100% { transform: rotate(360deg); }
}

.loaded .preload {
	visibility: hidden;
	transform: translateY(-100%);
	transition: all 0.3s 1s ease-out;
}

.loaded .preload .loader-section.section-left {
	transform: translateX(-100%) ;
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	border-radius: 100%;
}

.loaded .preload .loader-section.section-right {
	transform: translateX(100%) ;
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	border-radius: 100%;
}

.loaded .loader {
	opacity: 0;
	transition: all 0.3s ease-out;
}

.btn-large{
	font-weight: bold;
	border-style: solid;
	border-color: var(--bgcolor) !important;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
}
/*.btn-floating{ background: var(--bgcolor) !important;}*/
.btn-floating i { color: var(--bgcolor) !important;}

.btn-app{background: var(--bgcolor) !important;}
.btn-app i{color: white !important;}

.limi{ border-bottom:1px solid rgba(0,0,0,0.14); }
.limit{ border-top:1px solid rgba(0,0,0,0.14); }

.introjs-tooltip{ 	min-width:100px !important; }

.introjs-helperLayer{
	border: 2px solid white;
	border-radius: 50%;
}


.hover:hover{
color: var(--bgcolor);
opacity: 1;
transform: scale(1) !important;
}

.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating) {
margin-right: 0px !important;
}


table.striped>tbody>tr:nth-child(odd) {
    background-color: rgba(0,0,0, .1);
}

table.highlight>tbody>tr:hover {
    background-color: var(--bgcolor) !important;
    color: white;

}

.card .card-content { padding: 12px !important; }