@charset "utf-8";
/* CSS Document */
* {
   font-size: 0.9rem;
   line-height: 1.428;
}


/*
.ms-n5 {
    margin-left: -35px;
}
.title-shadow{
	text-shadow: 0.1rem 0.1rem 0.07rem rgba(var(--bs-primary-rgb),0.3);
}
.border-button-accor{
	border-bottom-width: var(--bs-accordion-border-width) !important;
	border-bottom-style: solid !important;
	border-bottom-color: var(--bs-primary) !important;
}
.card-rounded{
	position: relative;
  	display: flex;
  	flex-direction: row;
	border-radius: var(--bs-border-radius);
	border: var(--bs-border-width) solid var(--bs-border-color-translucent);  
}
.card-nowhite {
  box-shadow: inset 1px 1px rgba( 255,255,255 , 0.2), inset -1px -1px rgba(255,255,255, 0.1), 1px 3px 24px -1px rgba(255,255,255, 0.15) !important;
  background-image: linear-gradient(125deg, rgba(255,255,255, 0.3), rgba(255,255,255, 0.2) 70%) !important;
 
}

.text-white{
	color: #FFF; 
}

.text-black{
	color: #000; 
}

[data-bs-theme=dark] .card-nowhite {
  box-shadow: inset 1px 1px rgba( 0,0,0 , 0.2), inset -1px -1px rgba( 0,0,0, 0.1), 1px 3px 24px -1px rgba( 0,0,0, 0.15) !important;
  background-image: linear-gradient(125deg, rgba( 0,0,0, 0.3), rgba( 0,0,0, 0.2) 70%) !important;
 
}




/////  MODAL cambio de tema  


.pe-cursor{
	cursor: pointer;
} 
.sq_col {
	width:20px;
	height:20px;
	border: 1px solid #000;
}

.dropdown-menu.show[aria-labelledby=themes]{ 	
	display: flex;
    flex-wrap: wrap;
    width: 380px;
}
.dropdown-menu.show[aria-labelledby=themes] .dropdown-item {
    width: 33.333333%;
}


/////   CARDS  CARDS  CARDS  CARDS  CARDS  CARDS  CARDS  CARDS  

.bg-degradado-tra{
  background: linear-gradient( rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.5) 15%,  rgba(0,0,0, 1) 80%);
}
.etiqueta-card{	
	position: absolute;
	bottom: 3%;
	left: 0px;
	right: 0px;
	opacity: 0.9;
	font-weight: 500;
}
.etiqueta-card-bottom{	
	position: absolute;
	bottom: 14%;
	left: 0.5rem;
	right: 0.5rem;
	opacity: 0.9;	
}

.card-badges{ 
	position: absolute;
	bottom: 3%;
	left:0px;
	right:0px;
}
.card-badges-top{
	position: absolute;
	top: 3%;
	left:0px;
	right:0px;
}
.lst-link {
  text-decoration: none;
}
.lst-link:hover .enfasis {
  background-color: rgba( var(--bs-emphasis-color-rgb) , 0.35) !important; 
}
.lst-link:hover img {	
  transform: scale(1.02) translate(0, 0.5%);
}

///// iconos estrellas SVG SVG SVG SVG SVG    parte  de cards 

.bi-sm{
	background-size: 0.9rem 0.9rem !important;
	width: 0.9rem !important; 
    height: 0.9rem !important;
}
.bi-xs{
	background-size: 0.8rem 0.8rem !important;
	width: 0.8rem !important; 
    height: 0.8rem !important;
}

.bi-estrella {
  	background-image: url("../images/assets/star.svg"); 
    display: inline-block;
	content: "";
	background-size: 1rem 1rem;
	width: 1rem; 
    height: 1rem;
 	vertical-align: -.125em;
}

.bi-estrella-fill {
  	background-image: url("../images/assets/star-fill.svg"); 
    display: inline-block;
	content: "";
	background-size: 1rem 1rem;
	width: 1rem; 
    height: 1rem;
 	vertical-align: -.125em;
 }

.bi-estrella-fill-25 {
	background-image: url("../images/assets/star-25.svg"); 
    display: inline-block;
	content: "";
	background-size: 1rem 1rem;
	width: 1rem; 
    height: 1rem;
 	vertical-align: -.125em;
}
.bi-estrella-fill-50 {
	background-image: url("../images/assets/star-50.svg"); 
    display: inline-block;
	content: "";
	background-size: 1rem 1rem;
	width: 1rem; 
    height: 1rem;
 	vertical-align: -.125em;
}
.bi-estrella-fill-75 {
	background-image: url("../images/assets/star-75.svg"); 
    display: inline-block;
	content: "";
	background-size: 1rem 1rem;
	width: 1rem; 
    height: 1rem;
 	vertical-align: -.125em;
}
///// fin FIN SVG estrellas  

.toast{
	--bs-toast-max-width:550px !important;
}

.bshadow-inset:hover {
  box-shadow: inset 0px 0px 4px 1px !important;	
}
.m-05 {
  margin: 0.12rem !important;
}

.v-small {
  font-size: 0.7rem !important;
}
.bg-lmg-listas {
  background-color: #DFEFFF !important;
}
.bg-lmg-listas:hover {
  background-color: #BCDDFF !important;
}
.user-icon{
  max-width: 2.5rem;
  height: auto ;		
}
.hello-user-text{
  font-weight: bold;
  font-size: 1.05rem;
}
.bg-darkblue {
  background-color: #88FF99 !important;
}
.bg-darkblue-nav{
  background: -webkit-linear-gradient(bottom, rgba(4,8,95,1) 0%, rgba(4,41,126,1) 65%, rgba(5,78,162,1) 100%);
  background: -o-linear-gradient(bottom, rgba(4,8,95,1) 0%, rgba(4,41,126,1) 65%, rgba(5,78,162,1) 100%);
  background: linear-gradient(to top, rgba(4,8,95,1) 0%, rgba(4,41,126,1) 65%, rgba(5,78,162,1) 100%);
}
.bg-darkbluebg {
  background-color: #88FF99 !important;
}
.bg-ddarkbluebg {
  background-color: #149600 !important;
}
.bg-darkbluelistas {
  background-color: #128719 !important;
}
.bg-white-85 {
  background-color: rgba(255,255,255,0.85) !important;
}
.bg-white-50 {
  background-color: rgba(255,255,255,0.5) !important;
}
.bg-white-35 {
  background-color: rgba(255,255,255,0.35) !important;
}


.bg-ddd {
  background-color: #DDDDDD !important;
}
.bg-ccc {
  background-color: #CCCCCC !important;
}
.bg-aaa {
  background-color: #AAAAAA !important;
}

.btn-outline-primary:disabled, .btn-outline-primary.disabled {
  color: #666666 !important;
  border-color: #666666 !important;
  background-color: rgba(5,5,5,0.85) !important;
}
.btn-arrows{
  color: #dc3545;	
}
.btn-arrows:hover,.btn-arrows:focus {
  color: #fff;
  background-color: #dc3545;
}

.name-lector {
  color: #0dcaf0;
}

.link-lector1 {
  color: #0dcaf0;
}
.link-lector1:hover {
  color: #0d6efd;
}

.link-lector2 {
  color: #8698E6;
  text-decoration: none	;
}
.link-lector2:hover {
  color: #0d6efd;
  text-decoration:underline ;
}

.bor-circle{  
  display: inline-block !important;
  border-radius: 0.4rem;
  color: #000;
  background-color: rgba(255,255,255,0.65) !important;
  border-color: #ffc107;
  padding: 4px;
}
.border-secondary-star {
  border-color: #6c757d !important;
}
.border-secondary-star:hover {
  border-color: #F3F8FC !important;  
}
.opt-butn-height {
    height:100%;
}
.hr-bw{
  border: 0px;
  height: 2px;
  opacity: 0.9;

}
.list-nodec{
  text-decoration: none !important;
  width: 100%;
  color: #084298 !important;
  text-align: inherit;
}
.img-caps-th{
  max-width: 100px;
  height: auto;
}
//////   formularios 
.formul1{
	max-width: 500px
}
.error-mesage{
	color: #E46571 !important;
}
.error{
	border-color:#FC0D24;
	border-width: 0.2rem;
}
.error:focus{
	box-shadow:0 0 0 .35rem rgb(250 53 69 / 75%)
}

.alert-error-x{
	position:relative;
	padding:1rem 1rem;
	margin-bottom:1rem;
	color:#FFFFFF;
	border:none;
	background: rgb(255,0,0);
	background: -webkit-linear-gradient(bottom, rgba(255,0,0,1) 0%, rgba(121,9,9,1) 93%);
	background: -o-linear-gradient(bottom, rgba(255,0,0,1) 0%, rgba(121,9,9,1) 93%);
	background: linear-gradient(to top, rgba(255,0,0,1) 0%, rgba(121,9,9,1) 93%);
}
.alert-success-x{
	position:relative;
	padding:1rem 1rem;
	margin-bottom:1rem;
	color:#FFFFFF !important; 
	border:none;
	background: rgb(0,184,6); 
	background: -webkit-linear-gradient(bottom, rgba(0,184,6,1) 0%, rgba(0,88,7,1) 93%);
	background: -o-linear-gradient(bottom, rgba(0,184,6,1) 0%, rgba(0,88,7,1) 93%);
	background: linear-gradient(to top, rgba(0,184,6,1) 0%, rgba(0,88,7,1) 93%);
}

.alert-info-x {
  	position:relative;
	padding:1rem 1rem;
	margin-bottom:1rem;
	color:#000000 !important; 
	border:none;
	background: rgb(235,126,2);
   background: -webkit-linear-gradient(bottom, rgba(235,126,2,1) 0%, rgba(255,223,7,1) 93%);
   background: -o-linear-gradient(bottom, rgba(235,126,2,1) 0%, rgba(255,223,7,1) 93%);
   background: linear-gradient(to top, rgba(235,126,2,1) 0%, rgba(255,223,7,1) 93%);
	
}


.tipo_m{
  text-align: center !important;
  color: rgba(255, 255, 255, 0.9) !important;	  
  border-radius: 0rem;
  margin-right: 0.1rem !important;
  margin-left: 0rem !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.tipo-MANHWA,
.tipo_mwa{
  background-color: green;	
}
.tipo-MANGA,
.tipo_mga{
  background-color: blue;	
}
.tipo-MANHUA,
.tipo_mua{
  background-color: saddlebrown;	
}
.categ_m{
  text-align: center !important;
  color: rgba(0, 0, 0, 0.8) !important;  
  border-radius: 0.25rem;
  margin-right: 0rem !important;
  margin-left: 0.2rem !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.categ_shounen{
  background-color: orange;	
}
.categ_seinen{
  background-color:red;	
}
.categ_shoujo{
  background-color:purple;	
}

.card-tip-gen{
	padding-top: 0.2rem !important;
	padding-bottom: 0rem !important;
	padding-left: 0.2rem !important;
	padding-right: 0.6rem !important;
}


.xsmall{
	font-size: 0.7rem !important;
}
.xxsmall{
	font-size: 0.6rem !important;
}
.texto-simple{
	font-weight:normal !important;
	color:black !important;
}


.card-thumb-overlay-note-mwa, 
.card-thumb-overlay-note-mga,
.card-thumb-overlay-note-mua {
  margin: 0px !important;	 
  position: relative;
  bottom: auto;
  left: 0rem !important;
  right: 0rem !important;
  padding-top: 0.1rem;
  color: #FFF;
  text-align: center;
  text-decoration: none;
  font-size:0.7rem;
  font-weight:500;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.card-thumb-overlay-note-mwa {
  background: rgba(50, 189, 96, 1);
  background: -webkit-linear-gradient(bottom, rgba(50,184,96,1) 0%, rgba(0,88,7,1) 93%);
  background: -o-linear-gradient(bottom, rgba(50,184,96,1) 0%, rgba(0,88,7,1) 93%);
  background: linear-gradient(to top, rgba(50,184,96,1) 0%, rgba(0,88,7,1) 93%);
 
}
.card-thumb-overlay-note-mga {
  background: rgba(56,130,203,1);
  background: -webkit-linear-gradient(bottom, rgba(56,130,203,1) 0%, rgba(0,51,204,1) 93%);
  background: -o-linear-gradient(bottom, rgba(56,130,203,1) 0%, rgba(0,51,204,1) 93%);
  background: linear-gradient(to top, rgba(56,130,203,1) 0%, rgba(0,51,204,1) 93%);
}
.card-thumb-overlay-note-mua {
  background: rgba(180,60,60,1);
  background: -webkit-linear-gradient(bottom, rgba(180,60,60,1) 0%, rgba(66,17,17,1) 93%);
  background: -o-linear-gradient(bottom, rgba(180,60,60,1) 0%, rgba(66,17,17,1) 93%);
  background: linear-gradient(to top, rgba(180,60,60,1) 0%, rgba(66,17,17,1) 93%);
  
}
.card-thumb-star_a{ 
  position: absolute;
  top: 2%;
  left: 2.9%;
  font-size:  0.75rem;
  color: white;
  padding: 0.5rem 0.4rem 0.4rem 1.4rem !important;
  background-image: url("../images/listas/comp/vineta.png");
  background-position: 0.25rem 0.5rem;
  background-size: 1rem 1rem;
  background-repeat: no-repeat;
  background-color: black;
  border: 0px;
  border-radius: var(--bs-card-border-radius);
}

	
.card-thumb-starb{
  position: absolute;
  top: 0%;
  right: 0%;
  font-size:  0.65rem;
  font-weight: 700;
  color: black;
  background-color: goldenrod;
  clip-path: polygon(50% 0%, 68% 32%, 100% 37%, 75% 64%, 80% 100%, 50% 82%, 20% 100%, 25% 64%, 0% 37%, 32% 32%);
  border: 0px;
  padding:  0.7rem 0.5rem 0.3rem !important;
  	
}

.card-thumb-overlay-chap {
  position: absolute;
  top: 10%;
  right: 0.5rem !important;
  bottom: auto;
  left: 0.5rem !important;
  padding: 2rem 0.7rem;
  color: #FFF;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size:  0.7em;	
  white-space: nowrap;
  background-color: rgba(22, 22, 22, 0.84);
}

.card-thumb-footer-mua,
.card-thumb-footer-mwa,
.card-thumb-footer-mga {
  right: 0.5rem !important;
  bottom: auto;
  left: 0.5rem !important;
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
  padding-top: 0.2rem !important;
  padding-bottom: 0.4rem !important;
  color: #FFF;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size:  0.9rem;	
  white-space: nowrap; 
  border-top: none !important; 	
 }
.card-thumb-footer-mga {
 background-color:	rgba(56,130,203,1);
 background: -webkit-linear-gradient(bottom, rgba(0,51,204,1) 0%, rgba(56,130,203,1) 90%);
 background: -o-linear-gradient(bottom, rgba(0,51,204,1) 0%, rgba(56,130,203,1) 90%);
 background: linear-gradient(to top, rgba(0,51,204,1) 0%, rgba(56,130,203,1) 90%);
}
.card-thumb-footer-mwa {
 background-color: rgba(50, 189, 96, 1);
 background: -webkit-linear-gradient(bottom, rgba(0,88,7,1) 0%, rgba(50,184,96,1) 93%);
 background: -o-linear-gradient(bottom, rgba(0,88,7,1) 0%, rgba(50,184,96,1) 93%);
 background: linear-gradient(to top, rgba(0,88,7,1) 0%, rgba(50,184,96,1) 93%);
}
.card-thumb-footer-mua {
 background-color: rgba(180,60,60,1);
 background: -webkit-linear-gradient(bottom, rgba(66,17,17,1) 0%, rgba(180,60,60,1) 90%);
 background: -o-linear-gradient(bottom, rgba(66,17,17,1) 0%, rgba(180,60,60,1) 90%);
 background: linear-gradient(to top, rgba(66,17,17,1) 0%, rgba(180,60,60,1) 90%);
}



.lst-link:hover .card-thumb-footer-mga,
.lst-link:hover .card-thumb-footer-mwa,
.lst-link:hover .card-thumb-footer-mua{
 font-size:  1rem;	
 filter: contrast(150%) hue-rotate(10deg);
}
.lst-link:hover .card-thumb-overlay-note-mwa,
.lst-link:hover .card-thumb-overlay-note-mga,
.lst-link:hover .card-thumb-overlay-note-mua{	
 filter: contrast(150%) hue-rotate(10deg);
}

.mask1 {
  -webkit-mask-box-image: url("../images/listas/comp/maskara.png");
  mask-image: url("../images/listas/comp/maskara.png");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  mask-size: cover;
  -webkit-mask-size: cover;
}

.lst-link-disabled {
  pointer-events: none; 
  cursor: pointer;	
}
.lst-link-disabled img{
	opacity: 0.2;
}
.lst-link-disabled span{
	opacity: 0.2;
}
.lst-link-disabled button{
	opacity: 0.2;
}
.lst-link-disabled .ctipo{
	opacity: 0.2;
}





.clasificacion input[type="radio"] {
  display: none;
}

.label_cal {
  color: grey;
  font-size: 0.7rem !important;
}


.clasificacion {
  direction: rtl;
  unicode-bidi: bidi-override;
}
.notas_cal{
  direction: ltr;
  unicode-bidi: isolate;
}


.filter-orange:hover,
.label_cal:hover  ~  .label_cal .filter-orange {
	filter: brightness(0) saturate(100%) invert(78%) sepia(98%) saturate(286%) hue-rotate(332deg) brightness(99%) contrast(105%);
}

input[type="radio"]:checked ~ .label_cal .filter-orange {
  filter: brightness(0) saturate(100%) invert(79%) sepia(33%) saturate(1927%) hue-rotate(351deg) brightness(100%) contrast(104%);	
}

#nota1, 
#nota2, 
#nota3, 
#nota4, 
#nota5 {
  display: none;
} 

input[type="radio"]:checked ~ .notas_cal .notas {
	display: none;
}
#radio1:checked ~ .notas_cal #nota1 {
	display: inline-block;
}
#radio2:checked ~ .notas_cal #nota2 {
	display: inline-block;
}
#radio3:checked ~ .notas_cal #nota3 {
	display: inline-block;
}
#radio4:checked ~ .notas_cal #nota4 {
	display: inline-block;
}
#radio5:checked ~ .notas_cal #nota5 {
	display: inline-block;
}


 ///////////////////////////////////////


.book {
  transform-style: preserve-3d;
  position: relative;
  height: 1.5rem;
  cursor: pointer;
  backface-visibility: visible;
}

.front, .back, .page1, .page2, .page3, .page4, .page5, .page6 {
  transform-style: preserve-3d;
  position: absolute;
  width: 1.1rem;
  height: 95%;
  top: 0; left: 0;
  transform-origin: left center;
  transition: transform .5s ease-in-out, box-shadow .35s ease-in-out;
}

.front, .back {
  background: navy;
}

.front, .page1, .page3, .page5 {
  border-bottom-right-radius: .2em;
  border-top-right-radius: .2em;
}

.back, .page2, .page4, .page6 {
  border-bottom-right-radius: .2em;
  border-top-right-radius: .2em;
}

.page1 { 
  background: #efefef;
}

.page2 {
  background: #efefef;
}

.page3 {
  background: #f5f5f5;
}

.page4 {
  background: #f5f5f5;
}

.page5 {
  background: #fafafa;
}

.page6 {
  background: #fdfdfd;
}

.mi_book:hover .front {
  transform: rotateY(-160deg) scale(1.1);
  box-shadow: 0 1em 3em 0 rgba(0, 0, 0, .2);
}

.mi_book:hover .page1 {
  transform: rotateY(-150deg) scale(1.1);
  box-shadow: 0 1em 3em 0 rgba(0, 0, 0, .2);
}

.mi_book:hover .page2 {
  transform: rotateY(-30deg) scale(1.1);
  box-shadow: 0 1em 3em 0 rgba(0, 0, 0, .2);
}

.mi_book:hover .page3 {
  transform: rotateY(-140deg) scale(1.1);
  box-shadow: 0 1em 3em 0 rgba(0, 0, 0, .2);
}

.mi_book:hover .page4 {
  transform: rotateY(-40deg) scale(1.1);
  box-shadow: 0 1em 3em 0 rgba(0, 0, 0, .2);
}

.mi_book:hover .page5 {
  transform: rotateY(-130deg) scale(1.1);
  box-shadow: 0 1em 3em 0 rgba(0, 0, 0, .2);
}

.mi_book:hover .page6 {
  transform: rotateY(-50deg) scale(1.1);
  box-shadow: 0 1em 3em 0 rgba(0, 0, 0, .2);
}

.mi_book:hover .back {
  transform: rotateY(-20deg) scale(1.1);
}



.bg-TabsEdit{
  font-size: 1.05rem;
  color: #0dcaf0;
  margin-top: 0.3rem;	
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;	
}
.bg-TabsEdit:hover {
  font-size: 1.05rem !important;
  color: #0d6efd !important;
  background-color:#E9EEFD;
}
.bg-TabsEdit.active{
	font-weight: 700;
	margin-top: 0rem;
	width: auto;
}

@media (min-width: 576px) {
	
	.bg-TabsEdit{
		width: auto;
	}
}

.border-base{
 border-style: solid !important;	
 border-width: 1px ;
}
.rounded-4{
  border-radius: 0.4rem;
}
.rounded-5{
  border-radius: 0.5rem;
}
.rounded-6{
  border-radius: 0.6rem;
}
.rounded-7{
  border-radius: 0.7rem;
}

.border-6 {
  border-width: 6px !important;
}
.border-7 {
  border-width: 7px !important;
}

.text-black-60 {
  color: rgba(0, 0, 0, 0.6) !important;
}

.parent_perfil{
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 22/7;
}
.image1_perfil{
  border:none ;
  width: 100%;
}

.image2_perfil { 
  position: absolute;
  max-height: 40%;
  padding: 0px;	
  top: 57%;
  left: 5%;
  border: none;
}
@media (max-width: 576px) {
	.image2_perfil { 
	  position: absolute;
	  max-height: 50%;
	  padding: 0px;	
	  top: 47%;
	  left: 5%;
	  border: none;
	}
}
@media (max-width: 768px) {
	.image2_perfil { 
	  position: absolute;
	  max-height: 45%;
	  padding: 0px;	
	  top: 52%;
	  left: 5%;
	  border: none;
	}
}

.edit_bg{
  max-height: 200px;
  padding: 0px;	
  
}

.edit_avatar { 
  max-height: 100px;
  padding: 0px;	
  
}
.bg-button{
  	aspect-ratio: 27/7;
	background-size: cover;
	border: 1px solid #0d6efd;
}
.bg-button:focus, .bg-button:hover{
	box-shadow:0 0 0 .2rem rgb(12 110 252 / 60%)
}


.btn_bg1{
	background-image: url("../images/assets/default_bg/bg1_th.jpg");
}
.btn_bg2{
	background-image: url("../images/assets/default_bg/bg2_th.jpg");
}
.btn_bg3{
	background-image: url("../images/assets/default_bg/bg3_th.jpg");
}
.btn_bg4{
	background-image: url("../images/assets/default_bg/bg4_th.jpg");
}
.btn_bg5{
	background-image: url("../images/assets/default_bg/bg5_th.jpg");
}
.btn_bg6{
	background-image: url("../images/assets/default_bg/bg6_th.jpg");
}


.icon-spin-horizontal:hover .fa-bookmark-o{
	
	-webkit-animation: fa-spin-horizontal 1.4s infinite linear; 
  animation: fa-spin-horizontal 1.4s infinite linear;
}

.scrimg{
	overflow-y:scroll;
}
.imhd_proy{
	height: 90px;
}
.imhd_sub{
	width: 200px;
}
.imtab_div0{
	max-height:100px; 
}
.imtab_div1{
	max-height:150px; 
}
.imtab_div2{
	max-height:200px; 
}
.imtab_div3{
	max-height:250px; 
}
.imtab_div4{
	max-height:300px; 
}
.imsearch{
	width: 70px;
}
.celSearcImg{
	width: 60px;
}

@media (max-width: 576px) {
	.imhd_proy{
		height: 70px;
	}
	.imhd_sub{
		width: 60px;
	}
	.celSearcImg{
		width: 40px;
	}

}
@media (max-width: 768px) {
	.imhd_proy{
		height: 80px;
	}
	.imhd_sub{
		width: 95px;
	}
	.imtab_div0{
		max-height:100px; 
	}
	.imtab_div1{
		max-height:120px; 
	}
	.imtab_div2{
		max-height:140px; 
	}
	.imtab_div3{
		max-height:165px; 
	}
	.imtab_div4{
		max-height:190px; 
	}
	.celSearcImg{
		width: 50px;
	}

}





.container_bt {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}


.btn_glow {
  color: #f4f4f4;
  text-decoration: none;
  border: 1px solid rgb(146, 148, 248);
  position: relative;
  overflow: hidden;
  background-color: rgba(255,255,255,0.00);	
}

.btn_glow_sm{
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}

.btn_glow:hover {
  color: #f4f4f4;
  box-shadow: 0 0 5px #03e9f4,
              0 0 25px #03e9f4,
              0 0 50px #03e9f4;
	transition: all 250ms;
}
.btn_glow:hover:before {
	 animation-iteration-count: 0;
}
/*
.btn_glow:hover:before {
	top: 0;
  left: -100%;
  width: 200%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(146, 148, 248, 0.4),
    transparent,
    rgba(146, 148, 248, 0.4),
    transparent,
    rgba(146, 148, 248, 0.4),
    transparent
 ); 
  animation-duration: 1.5s;
  animation-name: changelast;
  animation-iteration-count: 1;
}

.btn_glow:hover:after {
  top: 0;
  right: -100%;
  width: 200%;
  height: 100%;
  background: linear-gradient(
    50deg,
    transparent,
    rgba(146, 148, 248, 0.4),
    transparent,
    rgba(146, 148, 248, 0.4),
    transparent,
    rgba(146, 148, 248, 0.4),
    transparent
 ); 
  animation-duration: 1.5s;
  animation-name: changeAlast;
  animation-iteration-count: 1;
}
.btn_glow:after {
  content: "";
  position: absolute;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    50deg,
    transparent,
    rgba(146, 148, 248, 0.4),
    transparent
 ); 
 
}

.btn_glow:before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(146, 148, 248, 0.4),
    transparent
 ); 
  animation-duration: 2s;
  animation-name: changel;
  animation-iteration-count: infinite;

}

@keyframes changel {
  0% { left: -150%; }
  50% { left: 125%; }
  100% { left: 200%; }
}
@keyframes changelast {
  0% { left: -150%; }
  99% { left: 125%; }
  100% { left: 200%; }
}
@keyframes changeAlast {
  0% { right: -150%; }
  99% { right: 125%; }
  100% { right: 200%; }
}
*/