@import url(../fonts/ineicons/style.css);

.embed { display: inline-block; font-size: 1.6rem; position: relative; top: 0.4rem; }
.ii {display: inline-block; }


/*LOGICA GLOBAL*/
.btn-rounded button, button.btn-rounded { border-radius: 100%; }

/* LOGICA GRUPAL */
/*No usar "ii-group" como elemento padre "button, a" si no es usado para contener iconos*/
.ii-group .ii { color: var(--color2-text,#9E1834); cursor: pointer; }
.ii-group button, button.ii-group { background: transparent; border: 0 none; padding: unset; }
.ii-group a, a.ii-group {text-decoration: none; }
.ii-group a:hover>.ii, a.ii-group:hover>.ii,
.ii-group button:hover>.ii, button.ii-group:hover>.ii { color: var(--color1-090,#335B55);}

/* DEPRECATED */
.icoInfo,a.icoDescargarLink,a.icoMetadatosLink,
button.icoMetadatosBorde,button.icoMaximizarFlecha,button.icoCestaBorde,
button.icoWidgetCode,button.icoDescargarBorde,button.icoSeleccionar,
/* FIN DEPRECATED */
.ii-circle { border: 1px solid !important; border-radius: 100%; font-size: 1.3rem !important; line-height: normal;/*igual font-size*/ padding: 0px;}

.ii-small	{ font-size: 1.3rem !important; vertical-align: middle; }
.ii-normal	{ font-size: 1.5rem !important; vertical-align: middle; }
.ii-big		{ font-size: 1.8rem !important; vertical-align: middle; }

i.ii-circle { display: inline-block; text-decoration: none; }

/* DEPRECATED */
.icoInfo,.icosTabla,button.icoBuscar,button.icoCambioSentidoASC,
button.icoCambioSentidoDESC,button.icoSeleccionTodos,
button.icoSeleccionNinguno { font-size: 1.4rem !important; vertical-align: middle; }

.icoInfo { font-size: 1.2rem !important; }

button.icoMetadatosBorde,button.icoMaximizarFlecha,button.icoCestaBorde,
button.icoWidgetCode,button.icoDescargarBorde,button.icoSeleccionar,
a.icoDescargarLink,a.icoMetadatosLink { font-size: 1.8rem !important; vertical-align: middle; }

a.icoDescargarLink,a.icoDescargarLink:link,
a.icoDescargarLink:visited,a.icoDescargarLink:hover,
a.icoDescargarLink:focus,a.icoMetadatosLink,
a.icoMetadatosLink:link,a.icoMetadatosLink:visited,
a.icoMetadatosLink:hover,a.icoMetadatosLink:focus { display: inline-block; text-decoration: none; }
/* FIN DEPRECATED */

/* DEPRECATED */
.icoInfo,.icosTabla,a.icosTabla:link,a.icosTabla:visited,a.icosTabla:hover,a.icosTabla:focus,
a.icoDescargarLink,a.icoDescargarLink:link,a.icoDescargarLink:visited,a.icoDescargarLink:hover,a.icoDescargarLink:focus,
a.icoMetadatosLink,a.icoMetadatosLink:link,a.icoMetadatosLink:visited,a.icoMetadatosLink:hover,a.icoMetadatosLink:focus,
button.icoMetadatosBorde,button.icoMaximizarFlecha,button.icoCestaBorde,button.icoWidgetCode,
button.icoDescargarBorde,button.icoSeleccionar,button.icoBuscar,button.icoCambioSentidoASC,
button.icoCambioSentidoDESC,button.icoSeleccionTodos, button.icoSeleccionNinguno {
    border: none;
    font-family: "INEIcons";
    font-weight: 400;
    font-style: normal;
    color: var(--color2-bg,#A70332);
    font-size: 20px;
    padding: 0.1em;
    display: inline-block;
    transition-property: transform;
    transition-duration: 0.5s;
    background-color: initial;
    outline: none !important;
	cursor: pointer;
}
/* FIN DEPRECATED */

/* DEPRECATED */
.icosTabla { padding: 0; line-height: normal; }
.icoInfo,.icosTabla { width: unset; height: unset; }
/* FIN DEPRECATED */

/* DEPRECATED */

.icosTabla::before {content: "\f0ce"; }
.icosTabla:visited,a.icosTabla:visited { color: var(--color2-bg,#A70332) !important; }
.icosTabla:hover,a.icosTabla:hover,.icosTabla:focus,a.icosTabla:focus { color: var(--color1-090,#335B55) !important; text-decoration: none; }

/* FIN DEPRECATED */

/* DEPRECATED: JAXI - DATOS */

.icoSeleccionar:before {
	content: "\f013";
}

.icoDescargarBorde:before {
	content: "\e907";
}

.icoWidgetCode:before {
	content: "\e90d";
}

.icoCestaBorde:before {
	content: "\e90a";
}

.icoMetadatosBorde:before{
	content: "\e91a";
}

.icoMaximizarFlecha:before {
	content: "\e919";
}

/* FIN DEPRECATED: JAXI - DATOS */

.btn-swap { transform: rotate(90deg); float: right; height: unset !important ; width: unset !important; }
.swapContent>.swapButtons>i.ii { font-size: 1rem !important; }

/* DEPRECATED: JAXI - TABLA */

.icoSeleccionTodos:before {
	content: "\e91c";
}

.icoSeleccionNinguno:before {
	content: "\e91b";
}

.icoBuscar:before {
	content: "\e91d";
}

.icoCambioSentidoASC:before {
	content: "\e91e";
}

.icoCambioSentidoDESC:before {
	content: "\e91f";
}

.icoInfo:before {
	content: "\e920";
}

/* FIN DEPRECATED: JAXI - TABLA */

/* DEPRECATED: JAXI - LINK */

.icoDescargarLink:before {
	content: "\e907";
}

.icoMetadatosLink:before{
	content: "\e91a";
}

/* FIN DEPRECATED: JAXI - LINK */

/* DEPRECATED: /covid/piramides.htm */

.icoPlay::before{
	font-family: "Font Awesome 5 Free";
	content: "\f144";
	cursor: pointer;
	width: 24px;
	height: 24px;
	color: #a70332;
	font-size: 18px;
}

.icoPause::before{
	font-family: "Font Awesome 5 Free";
	content: "\f28b";
	cursor: pointer;
	width: 24px;
	height: 24px;
	color: #a70332;
	font-size: 18px;
}

/* FIN DEPRECATED */

/* DEPRECATED: Clases no adaptables, pueden contener texto */
/* Ver: parametros.jsp (ODS) / Detalle_DocTrabajo.jsp (INE) */

.icoDescarga{
    border: none;
    padding-left: 30px;
    background-image: url("../img/ico/download.svg");
    background-repeat: no-repeat;
    background-size: contain;
}

.icoEnlaceExt{
	padding-left: 30px;
    background-image: url("../img/ico/svg/enlaceExternoBorde.svg");
    background-repeat: no-repeat;
    background-size: 21px;
    background-position: center left;
}

/* FIN DEPRECATED: ODS */

/* DEPRECATED: _b/js/politicaCookies.js */

.icoInfoCircle{
	font-family: "INEIcons";
	font-weight: 400;
    font-size: 1.2rem;
	font-style: normal;
	display: inline-block;
	vertical-align: middle;
	margin: 0.5em;
	border-radius: 100%;
	border: 2px solid white;
	line-height: normal;
}

.icoInfoCircle::before{
	content: "\e920";
}

/* FIN DEPRECATED */

@-moz-document url-prefix() {
	/* DEPRECATED */
	.icoInfo,.icosTabla,.icoInfoCircle,
	/* FIN DEPRECATED */
	.ii-small.ii-circle { line-height: 1; }
}

.iconv                  { --size: 15px; display: inline-block; text-align: center; font-style: normal; width: var(--size); height: var(--size); margin: 0; }
.iconv > image          { width: var(--size); height: var(--size); object-fit: contain; }
.iconv path             { fill: #a70332; }
img.black[src$=".svg"],
.iconv.black image      { filter: saturate(0) contrast(5); }
img.white[src$=".svg"],
.iconv.white image      { filter: saturate(0) contrast(5) invert(1); }