/* https://www.w3schools.com/colors/colors_picker.asp */

/* --- LOADER ---- */
.loader {
	margin: 12px auto;
	border-radius: 50%;
	border: 6px solid;
	border-color: #ccf2ff #66d9ff #00bfff #007399;
	width: 30px;
	height: 30px;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 2s linear infinite;
}

.loader-inline {
	display: inline-flex;
	align-items: center; /* Alinea verticalmente el loader y el texto */
}
 
.loader-char {
	border-radius: 50%;
	border: 4px solid;
	border-color: navy blue lightblue white; 
	width: 14px;
	height: 14px;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 0.8s linear infinite;
}

@-webkit-keyframes spin { /* Safari */
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
/* --- Fin LOADER ---- */

#opacSocial i { padding-top: 0.25em; width:1.5em; height:1.5em }
#opacSocial svg { 
	fill:currentColor; display:inline-block; vertical-align: -.125em;
	padding: 0.25em;
	width:1.8em; 
	height:1.8em  
}

#opacSocial i:hover { background: #007bff;	color: white; border-radius: 40%; }
#opacSocial svg:hover {
	background: rgba( 0, 123, 255, 0.5); /* #007bff */
	color: white;
    border-radius: 25%;
	outline: 0.5em solid rgba( 0, 123, 255, 0.5);;
}

.wsCanClick:hover {
	background: rgba(192,192,192,0.5);
	border-radius: 50%;
	outline: 0.5em solid rgba(192,192,192,0.5);
}

.wsShowOnTop { z-index:2048!important } /* Show over Sticky NavBar */

/*
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital@0;1&display=swap'); 
body { font-family: 'Open Sans', sans-serif ! important; }
*/
.wsLowerCase { text-transform:lowercase };
.wsUpperCase { text-transform:uppercase };
.wsCapitalize { text-transform:capitalize };

.wsCard { /* vista en columnas "fichas" */
	display: flex; /* la tapa no se sale de la tarjeta */
	break-inside: avoid; /* evita que se fraccione la ficha pase a otra columna */
} 

.wsFicha { /* vista "ficha" */	
	background-color: rgba(0,0,0,.05);
} 

/* .wsCard *, .wsFicha * { font-size: inherit!important; }  */
.wsCard mark, .wsFicha mark { padding: 0rem !important; background: rgb(252, 248, 227, 0.75)}
.wsKeepFS { font-size: inherit!important; }

/* viewMode : fichas */
/* Usamos Masonry porque column-count no alinea horizontalmente los primeros resultados...
.wsColFichas { column-gap: 0; } 
@media all and (min-width: 992px) {
	.wsColFichas { column-count: 3  }
}
@media all and (max-width: 991px) {
	.wsColFichas { column-count: 2  }
}
@media all and (max-width: 767px) {
	.wsColFichas { column-count: 1  }
}
*/

/*  Masonry begin */
@media all and (min-width: 992px) {
	.wsCard { width:33.3333% }
}
@media all and (max-width: 991px) {
	.wsCard { width:50% }
}
@media all and (max-width: 767px) {
	.wsCard { width:100% }
}
/*  Masonry end */

@media all and (min-width: 767px) {
	article[rel=ficha]:not(.wsCard), #sectionFicha { font-size: 1.25em!important; line-height:1.4!important }
}


tr .myGrip, .wsFicha .myGrip { visibility: hidden }
tr:hover .myGrip, .wsFicha:hover .myGrip { visibility: visible }
.wsPointer { cursor: pointer }
.wsThumb { width:5rem; min-width: 0; min-height: 0; max-height:7rem; object-fit: contain; }
.wsThumbDoc { width:6rem; min-height: 2.25rem; min-width: 2.25rem; }

.wsIcon { width:1.1em; height:1.1em; fill:currentColor; display:inline-block; vertical-align: -.125em; }
.wsTxtIcon { width:1em; height:1em; fill:currentColor; display:inline-block; vertical-align: -.125em; }

.ac-loader { /* autocomplete loader */
	background: url('../images/Spin-1.2s-200px.svg') no-repeat right;
	background-size: 24px 24px;
}

.ac-loader-nosvg { /* autocomplete loader */
	background: url('../images/Spin-1.2s-32px.gif') no-repeat right; 
	background-size: 24px 24px;
}
.ac-loader::-ms-clear, .ac-loader-nosvg::-ms-clear { display: none; } /* quitar clear cross del Edge */

.text-loader {
	background: url('../images/Spin-1.2s-32px.gif') no-repeat left;
	background-size: 24px 24px;
}

/* Para código de barras 3of9 - soporta alfanumérico */
@font-face {
    font-family: 'codebar39';
    src: url('codebar39/3of9_new-webfont.eot');
    src: url('codebar39/3of9_new-webfont.eot?#iefix') format('embedded-opentype'),
         url('codebar39/3of9_new-webfont.woff') format('woff'),
         url('codebar39/3of9_new-webfont.ttf') format('truetype'),
         url('codebar39/3of9_new-webfont.svg#webfontregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.barcode { 
	font-family:codebar39; 
	font-size: 2.5em;	
	margin:0; padding:0;
}
