.loader {
	border: 16px solid #f3f3f3; /* Light grey */
	border-top: 16px solid #3498db; /* Blue */
	border-radius: 50%;
	width: 120px;
	height: 120px;
	animation: spin 2s linear infinite;
}

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

	100% {
		transform: rotate(360deg);
	}
}

.hide-loader {
	display: none;
}








.input_file {
	visibility: collapse;
	height: 0px;
	width: 0px;
}
 
.swal2-styled.swal2-confirm { 
	background-color: #ff9059 !important;
}

.swal2-container {
	z-index: 9999 !important;
}
/* ------------------------------- Overlay spinner ----------------------------------- */
.spinner {
	height: 60px;
	width: 60px;
	margin: auto;
	display: block;
	position: absolute;
	-webkit-animation: rotation .6s infinite linear;
	-moz-animation: rotation .6s infinite linear;
	-o-animation: rotation .6s infinite linear;
	animation: rotation .6s infinite linear;
	border-left: 6px solid rgba(0, 174, 239, .15);
	border-right: 6px solid rgba(0, 174, 239, .15);
	border-bottom: 6px solid rgba(0, 174, 239, .15);
	border-top: 6px solid #ffa153; /*rgba(0, 174, 239, .8)*/
	border-radius: 100%;
}

@-webkit-keyframes rotation {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(359deg); }
}

@-moz-keyframes rotation {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(359deg); }
}

@-o-keyframes rotation {
    from { -o-transform: rotate(0deg); }
    to { -o-transform: rotate(359deg); }
}

@keyframes rotation {
    from { transform: rotate(0deg); }
    to { transform: rotate(359deg); }
}

.custom-overlay {
	position: absolute;
	display: none; /*display: flex;*/
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
	z-index: 2;
	cursor: pointer;
}
/*------------------------------------------------------------------------------------*/

.modal-content { border: 0 !important; }

td, th {
	font-size: 11px !important;
	font-family: 'Arial' !important;
}

.dataTables_wrapper {
	padding-left: 0px;
	padding-right: 0px;
}
@charset "utf-8";
/* CSS Document */
.video-inicio {
	margin-top: 45px;
}

/*fueente*/
.texto {
	color: #1D375B !important;
}

.text-relate {
	color: #6CADE3;
}

.titular {
	font-weight: 600 !important;
	font-size: 40px;
	color: #1D375B;
}

.iconosinicio {
	margin-top: 40px !important;
	
}

.image-fondo {
    background-image: url("../images/pnipa/contador-textura.jpg");
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	padding-bottom: 40px;
	padding-top: 20px;
}

/*
contador*/
/*
.counter {
	color: #000 !important;
	font-weight: 800;
}

.counter-minimal-title {
	color: #fff !important;
	font-weight: 600;
}

.counter-minimal-main {
	color: #fff !important;
	font-weight: 800;
}
*/

.section .section-lg .text-center {
	padding: 0px !important;
	margin-bottom: 0px !important;
}

.wow-outer {
	padding: 0px !important;
	margin-bottom: 0px !important;
}


/* ---------------------- Menu VigilanciaTecnologica ---------------------- */
section.breadcrumbs-custom {
	min-height: 16.75vw !important;
	background-color: #fff !important;
}

.obs-tit {
	text-align: center;
	color: #6CADE3;
	margin: 20px 0;
	font-size: 29px;
}

.obs-tit > img {
	height: 35px;
}

.obs-submenu {
	-webkit-box-shadow: 0px 0px 33px -13px rgba(143,140,143,1);
	-moz-box-shadow: 0px 0px 33px -13px rgba(143,140,143,1);
	box-shadow: 0px 0px 33px -13px rgba(143,140,143,1);
}

.submenu-list {
	align-content: center;
	text-align: center;
	display: table;
	margin: 0 auto;
	width: auto;
}

.submenu-item-producto {
	/*width: 90px !important;*/ 
}

.submenu-item {
	width: 140px;
	margin: 12px 40px;
}

.submenu-item img {
	display: inline-block;
	max-width: 100%;
	height: 31px;
}

	.submenu-item div {
		text-align: center;
		font-size: 13px;
		color: #74757f;
	}

 
.post-modern-media > img {
	height: 210px;
	object-fit: cover;
}


.round10p {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.font-weight-600 { font-weight:600 !important; }

.font-blueblack { color: #1D375B !important; }

.font-sky { color: #6cade3 !important; }

.border-sky { border: 3px solid #6cade3 !important; }

.nav-link.active { color: #df8050 !important; }

.bg-orange { background: #df8050 !important; }

.bg-white { background: #fff !important; }

.font-white { color: #fff !important; }

/* Header layout sections */
.header-logo-tit { text-align:center; }

.header-logo-tit > img {
	height:50px !important;
}

/*----------------------------------------------------------------------------------------------------*/
/* FIX con styles de la plantilla */
.modal .close span::before { content:'' !important; } /* Error doble X para cerrar modal */
.modal { display: inherit !important; } /*Error modal height 100%*/
.modal-dialog-centered { align-items:center !important; } /* Error modal no se centraba verticalmente */
a:not([href]):not([tabindex]) { color:#fff !important; }
form div.wow-outer {
    padding-right:15px !important;
    padding-left:15px !important;
}

form .form-label-outside { padding-right: inherit; }

#frmLogin .user-avatar img { height:150px; border-radius:50%; } 
#frmLogin .user-avatar { text-align:center; }

/* Custom ancho de los botones */
.button-sm { padding: 10px 12px !important; }

/* -------------------------------------------------------------------------- */
.chip {
	display: inline-block;
	padding: 4px 10px;
	font-size: 14px; /*font-size: 16px;*/
	line-height: 30px;
	border: 1px solid;
	border-radius: 10px;
}

.chip img {
	float: left;
	height: 27px;
	padding-right:7px;
	/*margin: 0 10px 0 -25px;
	width: 50px;*/
	/*border-radius: 50%;*/
}

.pub-img {
	height:160px !important;
}




/* -------------------------------------------------------------------------- */
			/*CARGANDO*/
/* -------------------------------------------------------------------------- */

.feather-loader {
	font-size: 10px;
	margin: 50px auto;
	text-indent: -9999em;
	border-radius: 50%;
	position: relative;
	-webkit-animation: load3 1.4s infinite linear;
	animation: load3 1.4s infinite linear;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}

	.feather-loader:before {
		border-radius: 100% 0 0 0;
		position: absolute;
		top: 0;
		left: 0;
		content: '';
	}

	.feather-loader:after {
		background: #0dc5c1;
		border-radius: 50%;
		content: '';
		margin: auto;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}

@-webkit-keyframes load3 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes load3 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
b, strong {
	font-weight: bold;
}

.text-danger{
	color:red !important;
}


@media (min-width:320px) { /* smartphones, iPhone, portrait 480x320 phones */
	.submenu-item {
		width: 80%;
	}
	.VigilanciaTecnologica-productos-imagen-pregunta {
		height: 250px;
	}
}

@media (min-width:481px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
    .submenu-item {
        width: 240px;
    }
	.VigilanciaTecnologica-productos-imagen-pregunta {
		height: 250px;
	}
}

@media (min-width:641px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
	.submenu-item {
		width: 240px;
	}
	.productositem {
		justify-content: center !important;
	}
	.VigilanciaTecnologica-productos-imagen-pregunta {
		height: 350px;
	}
}

@media (min-width:961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */
	.submenu-item {
		width: 240px;
	}
	.productositem {
		justify-content: center !important;
	}
	.VigilanciaTecnologica-productos-imagen-pregunta {
		height: 450px;
	}
}

@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */
	.submenu-item {
		width: 140px;
	}
	.productositem {
		justify-content: center !important;
	}
	.VigilanciaTecnologica-productos-imagen-pregunta {
		height: 450px;
	}
}

@media (min-width:1281px) { /* hi-res laptops and desktops */
	.submenu-item {
		width: 140px;
	}
	.productositem {
		justify-content: center !important;
	}

	.VigilanciaTecnologica-productos-imagen-pregunta{
		height: 450px;
	}
}

/*************************************************/
.bordercentro{
    border: 2px dashed #00B7A3;
    border-radius: 10px;
    padding: 10px;
    background-color: #fff;


   }
.tableganadores{
	width: 90%;
	font-size: 16px;
	margin-top: 10px;

}
.columna1,.columna2,.columna3,.columna4,.columna5{
	text-align: center;
	color:#fff;
	font-size: 16px !important;
	font-weight: 600;
	padding:5px;
}

.columna1{
	background-color: #68C0CE;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}
.columna2{
	background-color: #FF6A61;
}
.columna3{
	background-color: #96a745;
}
.columna4{
	background-color: #00B7A3;
}
.columna5{
	background-color: #123975;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}
.tpar , .timpar{
	color:#123975;
	/*font-size: 18px !important;*/
	text-align: center;
	border: 1px solid #fff;
	/*font-weight: 500;*/
}
.tpar td , .timpar td{
	font-size: 14px !important;
	font-weight: bolder;
	margin: 5px;
}

.td1{
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	height: 30px;
}
.td2{
	color: #FF6A61 !important;
}
.td5{
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}
.tpar{
	background-color: #AED6F1;
}

.timpar{
	background-color: #D6EAF8;
}
.contlista {
	width: 100% !important;
	background-image: url("../images/pnipa/Areas/Capacitate/Image/Spondylus-resultados-Fondo.png") !important;
	/*background-repeat: no-repeat;*/
	/*background-size : cover;*/
	background-size: 100% 100%;
	/*background-size: 100%;*/
	background-position: center;
}

.TextResult span{
	color: #68C0CE !important;
	font-size: 15px !important;
}




.inicio-menu {	   
	margin: 15px;
	
	background-size: cover;
	background-position: center;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	overflow: hidden;
}



.custom-card {
	border: 1px solid #ddd;
	border-radius: 10px;
	height: 400px;	
	padding:10px;
	margin-bottom:10px;

}

	.custom-card .card-header {
		height: 200px;
		background-color: #f8f9fa;
		position: relative;
		border-bottom: none !important;
		border-radius: 10px;
	}

		.custom-card .card-header img {
			object-fit: cover;
			height: 100%;
			width: 100%;
			border-radius: 10px
		}
	 

.card-body {
	padding: 15px;
}
			 
		.card-body p strong {
			font-weight: 600;
		}



.card-titulo {
	color: #474747;
	font-weight: 600;
	font-size: 10pt;	    
	display: -webkit-box; /* Define un contenedor flexible */
	-webkit-line-clamp: 5; /* Limita a 5 líneas */
	-webkit-box-orient: vertical; /* Define la orientación de las líneas */
	overflow: hidden; /* Oculta el contenido que exceda */
	text-overflow: ellipsis; /* Agrega puntos suspensivos */
}


.card-descripcion {
	font-size: 9pt;
	color: #58595b;
	display: -webkit-box; /* Define un contenedor flexible */
	-webkit-line-clamp: 5; /* Limita a 5 líneas */
	-webkit-box-orient: vertical; /* Define la orientación de las líneas */
	overflow: hidden; /* Oculta el contenido que exceda */
	text-overflow: ellipsis; /* Agrega puntos suspensivos */
}


.card-etiqueta {
	color: #E30613;
	font-weight: bold;
	padding: 2px 5px;
	border-radius: 20px;
	font-size: 10pt;
}

.card-fecha {
	font-size: 10pt;
	bottom: 10px;
	position: absolute;
	color: #474747;
	width: 90%;
}

.card-body-noticia {
	display: flex;
	flex-direction: column;
	height: 100%;
	border-top-left-radius: 10px;
	
	border-top-right-radius: 10px;
}
.card-body-noticia-etiqueta {
	background-color: #ffffff70 !important;
	color: #ffffff !important;
	padding: 2px 10px;
	border-radius: 20px;
	font-size: 8pt;
}

.inicio-menu {
	font-weight: bold !important;
	font-size: 10pt !important;
	color: #fff !important;
	cursor: pointer !important;
}

	   

.border-bottom-10 {
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
					  



.form-group label {
	display: block;
	margin-bottom: 5px;
}

.form-group input[type="text"],
.form-group input[type="email"],
.form-group textarea {
	background-color: #f5f9fc; /* Color claro similar al de la imagen */
	border: 1px solid #d0d7e2; /* Borde tenue */
	border-radius: 5px; /* Esquinas redondeadas */
	padding: 10px;
	font-size: 14px;
	color: #333; /* Texto oscuro */
	width: 100%; /* Ajustar al ancho del contenedor */
	box-sizing: border-box; /* Incluye padding y borde en el ancho */
}

.form-group textarea {
	resize: none;					    
}

	.form-group input[type="text"]::placeholder,
	.form-group input[type="email"]::placeholder,
	.form-group textarea::placeholder {
		font-style: italic; /* Cursiva */
		font-size: 13px; /* Tamaño más pequeño */
	}




/* Oculta el checkbox predeterminado */
input[type="checkbox"] {
	vertical-align: middle;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	min-width: 20px;
	height: 20px;
	border: 2px solid #ccc; /* Borde gris por defecto */
	border-radius: 3px; /* Esquinas ligeramente redondeadas */
	background-color: #fff;
	cursor: pointer;
	outline: none;
}

	/* Estilo cuando el checkbox está marcado */
	input[type="checkbox"]:checked {
		border-color: #fae2e2; /* Cambia el borde a rojo */
		position: relative;
	}

		/* Añade la marca de verificación cuando está marcado */
		input[type="checkbox"]:checked::after {
			content: '';
			position: absolute;
			width: 6px;
			height: 12px;
			border: solid #FF0000; /* Color de la marca de verificación */
			border-width: 0 2px 2px 0;
			transform: rotate(45deg);
			top: 2px;
			left: 6px; /* Alineación centrada horizontalmente */
		}



.chip {
	display: inline-flex;
	align-items: center;
	background-color: #E3E3E3;
	color: #E3E3E3;
	padding: 5px 10px;
	border-radius: 15px;
	margin-right: 5px;
	margin-bottom: 5px;
	font-size: 12px;
	cursor: pointer;
	max-width: 100%; /* Limitar el ancho máximo */
	word-break: break-word; /* Hacer saltos de línea para palabras largas */
	white-space: normal; /* Permitir múltiples líneas */
	line-height: 1.2; /* Ajustar espacio entre líneas */
}

	.chip .chip-close {
		background: none;
		border: none;
		color: black;
		margin-left: 5px;
		cursor: pointer;
		font-size: 12px;
	}

.chip-input {
	padding: 2px 5px;
	border: 1px solid #ccc;
	border-radius: 3px;
	font-size: 12px;
	width: auto;
	min-width: 50px;
	max-width: 100%; /* Limitar el ancho máximo del input */
	box-sizing: border-box; /* Asegurar que el padding no afecte el ancho */
}

.chip:hover {
	background-color: #d5d5d5;
}

.chip span {
	color: black;
}

.chip-agregar-filtro {
	border-radius: 50px;
	background: white;
	padding: 0px;
	font-size: 15px;
	font-weight: bold;
	color: black;
	width: 20px;
	float: right;
}


.checkbox-custom {
	margin-right: 10px; /* Espacio entre checkbox y texto */
}

.filtro-item {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.filtro-item-descripcion {
	line-height: 1.2; /* Asegura que el texto no se salga del contenedor */
	display: inline-block; /* Para compatibilidad */
	font-size: 10pt;
}



.filtro-item-descripcion-total {
	color: #E30613;
}




.sub-menu {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 13pt;
	margin-right: 10px;
}


.sub-menu-flecha-derecha {
	width: 10px;
	margin-right: 10px;
	margin-top: 2px;
}

.titulo-controlador {
	margin-top: 20px;
	bottom: 50px;
	position: absolute;
	margin-left: 30px;
	text-shadow: 2px 2px 3px rgb(0 0 0);
}

.banner-home {
	text-shadow: 2px 2px 3px rgb(0 0 0);
}
.titulo-controlador-nombre {
	color: white;
	font-weight: bold;
	font-size: 30pt
}


.filtro-titulo {
	font-size: 14pt;
	font-weight: bold;
	color: #58595b;
	padding: 15px;
}

.filtro-sub-titulo {
	font-size: 12pt;
	color: #101d40;
	font-weight: 700;
}

.filtro-contenedor {
	background: #f6f7f9;
	border-radius: 10px;
}


.opcion-visual-container {
	margin-left: 20px;
	display: flex;
	gap: 10px;
}

.opcion-visual {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 35px;
	height: 35px;
	border: 1px solid #f2f2f2;
	background-color: #fff;
	cursor: pointer;
	transition: background-color 0.3s, color 0.3s;
}

	.opcion-visual svg {
		transition: fill 0.3s;
	}

	.opcion-visual.active {
		background-color: #707991a6;
		color: #fff;
	}


.parsley-required, .parsley-type, .parsley-equalto {
	color: red;
	font-size: 12px;
}

.swal2-popup .swal2-styled.swal2-confirm {
	background: #0bc2cb !important;
	border-radius: 5px !important;
}
.swal2-popup #swal2-content {
	text-align: center !important;
	color: #8f8f8f !important;
}


contenido-url:hover {
	color: #134cac !important;
	text-decoration: underline !important;
}

.contenido-url {
	color: #E30613 !important;
	text-decoration: underline !important;
}

.rd-navbar-static .rd-nav-item.active .rd-nav-link {
	color: #E30613 !important;		    
}
.rd-navbar-static .rd-nav-link {    
	color: #474747 !important;		 
}

.ver-mas {
	float: right;
	margin-right: 15px;
	cursor: pointer;
	border: 1px solid rgb(227, 6, 19);
	padding: 5px;
	border-radius: 10px;
	color: #e20d16;
	font-size: 0.8rem;
	font-weight: bold;
	padding: 5px 20px;	
	background-color:white;
}

	.ver-mas:hover {
		color: #e20d16;
	}

	.titulo-seccion {
		font-weight: bold;
		font-size: 19pt;
		color: #474747;
		border-bottom: solid #E30613;
		display: inline-grid;
	}


label {
	color: #474747;
}

.a-footer {
	color: white !important;
	font-size: 12px;
}

.a-footer:hover {
	color: white !important;
}

input[type="file"] {
	cursor: pointer;
	border: 2px dashed #6c757d;
	padding: 10px;
	background: #f8f9fa;
	text-align: center;
}

	input[type="file"]::file-selector-button {
		background: #007bff;
		color: #fff;
		border: none;
		padding: 5px 10px;
		cursor: pointer;
	}


.slidercaptcha {
	margin: 0 auto;
	width: 100%;
	/*height: 300px;*/
	border-radius: 4px;
	margin-top: 0;
}

	.slidercaptcha canvas:first-child {
		border-radius: 5px;
		border: 1px solid #e6e8eb;
	}



.sliderbg {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	background-color: #f7f9fa;
	height: 40px;
	border-radius: 2px;
	border: 1px solid #e6e8eb;
}


.sliderContainer_active .slider {
	top: -1px;
	border: 1px solid #1991FA;
}

.sliderContainer_active .sliderMask {
	border-width: 1px 0 1px 1px;
}

.sliderContainer_success .slider {
	top: -1px;
	border: 1px solid #02c076;
	background-color: #02c076 !important;
	color: #fff;
}

.sliderContainer_success .sliderMask {
	border: 1px solid #52CCBA;
	border-width: 1px 0 1px 1px;
	background-color: #D2F4EF;
}

.sliderContainer_success .sliderIcon:before {
	content: "\f00c";
}

.sliderContainer_fail .slider {
	top: -1px;
	border: 1px solid #f35c59;
	background-color: #f35c59;
	color: #fff;
}

.sliderContainer_fail .sliderMask {
	border: 1px solid #f35c59;
	background-color: #f7dcdd;
	border-width: 1px 0 1px 1px;
}

.sliderContainer_fail .sliderIcon:before {
	content: "\f00d";
}

.sliderContainer_active .sliderText, .sliderContainer_success .sliderText, .sliderContainer_fail .sliderText {
	display: none;
}

.sliderMask {
	position: absolute;
	left: 0;
	top: 0;
	height: 40px;
	border: 0 solid #d1e9fe;
	background: #d1e9fe;
	border-radius: 2px;
}


.sliderText {
	position: relative;
}

.sliderIcon {
}


.block {
	position: absolute;
	left: 0;
	top: 0;
}

.slider:hover {
	background: #c93628;
	color: #fff;
	border-color: #c93628;
}

.slider {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	background: #fff;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	cursor: pointer;
	transition: background .2s linear;
	border-radius: 2px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
}

.sliderMask {
	position: absolute;
	left: 0;
	top: 0;
	height: 40px;
	border: 0 solid #d1e9fe;
	background: #d1e9fe;
	border-radius: 2px;
}


.sliderContainer {
	position: relative;
	text-align: center;
	line-height: 40px;
	background: #f7f9fa;
	color: #e72a20;
	border-radius: 2px;
	font-weight: bold;
	font-size: 12px;
}

.sliderContainer {
	text-align: center;
	line-height: 40px;
	color: #e72a20;
	font-weight: bold;
	font-size: 12px;
}
.slider:hover {
	background: #c93628;
	color: #fff;
	border-color: #c93628;
}


.form-group label {
	font-size: 13px !important;
	color:black;
}


.p-30{
	padding:30px !important;
}

.carousel-container {
	position: relative;
	max-width: 950px; /* Aumenté el tamaño para dar más espacio */
	margin: auto;
	overflow: hidden;
	padding: 20px 40px; /* Espacio para que los botones no queden ocultos */
}

.carousel-wrapper {
	display: flex;
	transition: transform 0.5s ease-in-out;
}
    

.carousel-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background-color: rgba(255, 255, 255, 0.8); /* Color con opacidad */
	border: 1px solid #ccc;
	font-size: 24px;
	cursor: pointer;
	padding: 10px;
	border-radius: 50%;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
	z-index: 1000;
}

.carousel-arrow-left {
	left: 5px; /* Ajustado para que sea visible */
}

.carousel-arrow-right {
	right: 10px; /* Ajustado para que sea visible */
}

			     

	.submit-btn:disabled {
		background-color: #cccccc;
		cursor: not-allowed;
	}

.submit-btn .contactanos-spinner {
	display: none;
	margin-right: 8px;
	border: 2px solid #e62727;
	border-top: 2px solid transparent;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	animation: contactanos-spin 1s linear infinite;
}

	.submit-btn.loading .contactanos-spinner {
		display: inline-block;
	}

@keyframes contactanos-spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}
.row-content {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 50%;
	margin: 0 auto; /* centra horizontalmente */
}

	.row-content img,
	.row-content .number {
		flex: 1;
		max-width: 50%;
		text-align: center; /* centra el texto del número si es necesario */
	}




.color-rojo {
	color: #E30613
}

.text-center {
	text-align: center
}

.header-menu {
	color: white !important;
	font-size: 15px;   
}

.header-nombre-proyecto {
	color: #1E6EB6;
	font-weight: bold;
	font-size: 15px;
	margin-top: 0px;
}


.footer-minimal{
	padding-left: 20px;
}
.rd-navbar-brand.shifted {
	margin-left: 45px;
	transition: margin-left .2s ease;
}




.btn-menu-wrapper {
	position: relative;
	display: inline-block;
	margin-right: 25px;
}

.info-hover {
	position: absolute;
	top: 55%;
	left: 0;
	background: #ffffff;
	border: 1px solid #d40000;
	border-radius: 12px;
	padding: 20px 10px 10px 10px;
	font-size: 13px;
	color: #d40000 !important; /* ← fuerza color accesible */
	text-align: left;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(5px);
	transition: opacity .2s ease, transform .2s ease;
	width: 93%;
	box-sizing: border-box;
	white-space: normal;
	font-weight: 500;
}		 


/* Mostrar en hover */
.btn-menu-wrapper:hover .info-hover {
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0);
}

.btn-menu-wrapper .btn-menu {
	z-index: 99999999;
	position: inherit;
}


.fuente {
	text-align: right;
	font-size: 11px;
}

.subtitulo {
	font-size: 12px;
}
.titulo {
	font-weight: 400;
	color:black;
	font-size:22px;
}
.dep-label {
	font-size: 11px !important; /* o 14px para WCAG AA */
	font-weight: 600;
	color: #000; /* asegúrate de buen contraste */
	text-shadow: 0 0 2px #fff; /* mejora lectura sobre fondo */
}