/*
 * Estilos Personalizados del Tema Prst
 * Aquí residen clases utilitarias o modificaciones avanzadas que sobrescriben Bootstrap.
 */

/* Tipografía general del cuerpo (Google Fonts: Roboto) */
body {
	font-family: 'Roboto', sans-serif !important;
}

/* Tipografía moderna y limpia para títulos y logo (Google Fonts: Inter) */
h1,
h2,
h3,
h4,
h5,
h6,
.navbar-brand,
.widget-title,
.wp-block-heading {
	font-family: 'Inter', sans-serif !important;
	font-weight: 700;
}

/* Background gradient para el Header (masthead) */
.bg-header-custom {
	background: #ffffff;
	/* Un fondo blanco limpio al contrastar con el degradado azul oscuro */
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
	/* Sombra muy sutil para separarlo del contenido */
	border-bottom: 0 !important;
	/* Quitamos el borde nativo para usar la sombra */
}

/* Títulos de Widgets (Gutenberg) en Sidebar */
#secondary .wp-block-heading,
#secondary .widget-title {
	font-size: 1.25rem;
	/* Bootstrap fs-5 */
	margin-bottom: 1rem;
	/* Bootstrap mb-3 */
	padding-bottom: 0.5rem;
	/* Bootstrap pb-2 */
	border-bottom: 1px solid #dee2e6;
	/* Bootstrap border-bottom */
}

/* Buscador de Gutenberg como Bootstrap Input Group */
.wp-block-search__inside-wrapper {
	display: flex;
	width: 100%;
}

.wp-block-search__input {
	display: block;
	width: 100%;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0.375rem 0 0 0.375rem !important;
	/* Forza bordes redondos solo izq */
	margin: 0 !important;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.wp-block-search__input:focus {
	color: #212529;
	background-color: #fff;
	border-color: #86b7fe;
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, .25);
}

.wp-block-search__button {
	display: inline-block;
	font-weight: 400;
	line-height: 1.5;
	color: #fff;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	user-select: none;
	background-color: #0d6efd !important;
	border: 1px solid #0d6efd !important;
	padding: 0.375rem 0.75rem !important;
	font-size: 1rem !important;
	border-radius: 0 0.375rem 0.375rem 0 !important;
	/* Forza bordes redondos solo der */
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	margin-left: -1px !important;
	/* Pasa por encima del input */
}

.wp-block-search__button:hover {
	color: #fff;
	background-color: #0b5ed7 !important;
	border-color: #0a58ca !important;
}

/* Ajustes adicionales al header si es necesario para mantener jerarquía visual */
.bg-header-custom .site-title a {
	color: #000428 !important;
	/* Azul muy oscuro en sintonía con la Top Bar */
}

/* Hacer que el sub-menú o descripciones luzcan mejor con el nuevo título */
.bg-header-custom .site-description {
	color: #6c757d !important;
}

/* Suavizar el título en la vista individual (single.php) */
.title-single-soft {
	font-weight: 400 !important;
	color: #202124 !important;
	/* Gris oscuro, entre el #000 y el #6c757d de text-secondary */
}

/* Header Top Bar Gradient */
.bg-topbar-custom {
	background: linear-gradient(90deg, #004e92 0%, #000428 100%);
	color: #ffffff;
}

.bg-topbar-custom a {
	color: #ffffff;
	text-decoration: none;
	transition: opacity 0.2s ease-in-out;
}

.bg-topbar-custom a:hover {
	opacity: 0.8;
}

/* Color de los enlaces de navegación del header */
.bg-header-custom .navbar-nav .nav-link {
	color: #000428 !important;
	/* Azul oscuro corporativo */
	font-weight: 500;
	transition: color 0.2s ease-in-out;
}

.bg-header-custom .navbar-nav .nav-link:hover,
.bg-header-custom .navbar-nav .nav-link.active {
	color: #004e92 !important;
	/* Azul más claro del degradado al hacer hover/estar activo */
}

:root {
	--primary-blue: #0d6efd;
	--success-green: #198754;
	--warning-orange: #f7941d;
}

body {
	background-color: #f0f2f5;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

}

.index-title {
	font-weight: 800;
	color: #1a1e21;
	margin-bottom: 40px;
	text-transform: uppercase;
	letter-spacing: 1px;
}


.nav-card {
	border: none;
	border-radius: 20px;
	background: #ffffff;
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	height: 100%;
	display: flex;
	flex-direction: column;
	border-bottom: 6px solid transparent;
}

.nav-card:hover {
	transform: translateY(-12px);
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}

/* Colores por sección */
.card-normatividad {
	border-bottom-color: var(--primary-blue);
}

.card-registrate {
	border-bottom-color: var(--success-green);
}

.card-consultoria {
	border-bottom-color: var(--warning-orange);
}

.icon-wrapper {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2.5rem;
	margin: 30px auto 20px;
	transition: all 0.3s ease;
}

.bg-light-blue {
	background-color: #e7f1ff;
	color: var(--primary-blue);
}

.bg-light-green {
	background-color: #e6f4ea;
	color: var(--success-green);
}

.bg-light-orange {
	background-color: #fff4e6;
	color: var(--warning-orange);
}

.card-title {
	font-weight: 700;
	font-size: 1.4rem;
	text-align: center;
	margin-bottom: 25px;
}

.sub-link-list {
	padding: 0 20px 30px;
	flex-grow: 1;
}

.sub-link-item {
	display: flex;
	align-items: center;
	padding: 12px 15px;
	margin-bottom: 10px;
	background-color: #f8f9fa;
	border-radius: 12px;
	text-decoration: none;
	color: #495057;
	font-weight: 500;
	transition: all 0.2s ease;
	border: 1px solid transparent;
}

.sub-link-item:hover {
	background-color: #ffffff;
	border-color: #dee2e6;
	color: #000;
	padding-left: 20px;
}

.sub-link-item i {
	margin-right: 12px;
	font-size: 1.1rem;
}

/* Estilos específicos de iconos en hover */
.card-normatividad .sub-link-item:hover i {
	color: var(--primary-blue);
}

.card-registrate .sub-link-item:hover i {
	color: var(--success-green);
}

.card-consultoria .sub-link-item:hover i {
	color: var(--warning-orange);
}

@media (max-width: 768px) {
	body {
		padding-top: 30px;
	}

	.nav-card {
		margin-bottom: 20px;
	}
}