/* ============================================================
   Gestor de Documentación — Estilos del frontend (public.css)
   Se muestran donde colocas el shortcode [documentacion]
   ============================================================ */

.gd-front { margin: 0 0 1.5em; }

.gd-front-titulo {
	font-size: 1.25em;
	margin: 0 0 .75em;
}

.gd-front-lista {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: grid;
	gap: 12px;
}
.gd-front-lista li { margin: 0 !important; padding: 0 !important; }
.gd-front-lista li::before { content: none !important; }

/* Columnas */
.gd-cols-2 .gd-front-lista { grid-template-columns: repeat(2, 1fr); }
.gd-cols-3 .gd-front-lista { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 782px) {
	.gd-cols-2 .gd-front-lista,
	.gd-cols-3 .gd-front-lista { grid-template-columns: 1fr; }
}

.gd-front-link {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 14px 16px;
	border: 1px solid #e3e3e6;
	border-radius: 10px;
	background: #fff;
	text-decoration: none !important;
	color: inherit;
	transition: box-shadow .15s ease, border-color .15s ease, transform .05s ease;
}
.gd-front-link:hover {
	border-color: #c7c7cc;
	box-shadow: 0 4px 14px rgba(0,0,0,.08);
}
.gd-front-link:active { transform: translateY(1px); }

.gd-front-icono {
	flex: 0 0 auto;
	width: 48px;
	height: 48px;
	border-radius: 9px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 11px;
	font-weight: 700;
	color: #fff;
	letter-spacing: .4px;
	background: #8c8f94;
}

.gd-front-info { flex: 1; min-width: 0; }
.gd-front-nombre {
	display: block;
	font-weight: 600;
	font-size: 1em;
	line-height: 1.35;
	color: #1a1a1a;
	overflow: hidden;
	text-overflow: ellipsis;
}
.gd-front-meta {
	display: block;
	font-size: .82em;
	color: #888;
	margin-top: 3px;
}

.gd-front-descarga {
	flex: 0 0 auto;
	color: #999;
	font-size: 20px !important;
	width: 20px;
	height: 20px;
	transition: color .15s ease;
}
.gd-front-link:hover .gd-front-descarga { color: #2271b1; }

.gd-front-vacio {
	padding: 16px;
	border: 1px dashed #d0d0d5;
	border-radius: 10px;
	color: #888;
	font-style: italic;
}

/* Colores por tipo de archivo */
.gd-ext-pdf  { background: #e23b3b; }
.gd-ext-doc, .gd-ext-docx { background: #2b6cb0; }
.gd-ext-xls, .gd-ext-xlsx, .gd-ext-csv { background: #1f8a4c; }
.gd-ext-ppt, .gd-ext-pptx { background: #d35400; }
.gd-ext-zip, .gd-ext-rar { background: #6b46c1; }
.gd-ext-jpg, .gd-ext-jpeg, .gd-ext-png, .gd-ext-gif, .gd-ext-webp { background: #0a7ea4; }
.gd-ext-txt { background: #555d66; }

/* Dashicons en el front (por si el tema no los carga) */
.gd-front .dashicons,
.gd-front .dashicons-before:before {
	font-family: dashicons;
	display: inline-block;
	line-height: 1;
	font-weight: 400;
	font-style: normal;
	speak: never;
	text-decoration: inherit;
	text-transform: none;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.gd-front .dashicons-download:before { content: "\f316"; }