/* Giraldos Trámites — estilos base para los shortcodes del plugin.
   El tema del sitio puede sobreescribir estas variables/clases. */
:root{
	--gtx-verde-osc:#3E532A;
	--gtx-verde-primario:#607F40;
	--gtx-verde-medio:#B1CD93;
	--gtx-verde-acento:#81A955;
	--gtx-verde-acento-hover:#6B8F46;
	--gtx-verde-boton:#607F40;
	--gtx-verde-boton-hover:#4D6633;
	--gtx-menta-claro:#CCDEB7;
	--gtx-fondo-menta:#E5EFDB;
	--gtx-texto:#1B1B1B;
	--gtx-texto-sec:#5F5F5F;
	--gtx-borde:#CCDEB7;
	--gtx-completado:#81A955;
	--gtx-proceso:#C4772E;
	--gtx-pendiente:#A84B36;
	/* Badge de estado del trámite: solo dos colores, sin importar cuántos
	   estados distintos se usen en Excel/wp-admin — "En proceso" siempre
	   verde, y cualquier otro estado en este único color secundario. */
	--gtx-estado-en-proceso:#81A955;
	--gtx-estado-otro:#C4772E;
}

/* ---------- Grid de servicios ---------- */
.gtx-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:28px;
	margin:0;
}
.gtx-grid-full{ grid-template-columns:repeat(3,1fr); gap:24px; }
@media (max-width:900px){
	.gtx-grid, .gtx-grid-full{ grid-template-columns:1fr; }
}
.gtx-card{
	display:flex;
	flex-direction:column;
	gap:14px;
	background:#FFFFFF;
	border:1px solid var(--gtx-borde);
	border-radius:8px;
	padding:28px;
	text-decoration:none;
	color:inherit;
	transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.gtx-card:hover{
	transform:translateY(-3px);
	box-shadow:0 12px 28px rgba(18,32,25,.08);
	border-color:var(--gtx-verde-acento);
}
.gtx-card-icon{
	width:52px;height:52px;
	display:flex;align-items:center;justify-content:center;
	border-radius:50%;
	background:rgba(96,127,64,.12);
	color:var(--gtx-verde-primario);
	flex-shrink:0;
}
.gtx-card-title{
	font-size:1.1rem;
	font-weight:600;
	margin:0;
	color:var(--gtx-texto);
}
.gtx-card-teaser{
	font-family:'Work Sans',sans-serif;
	font-size:.875rem;
	color:var(--gtx-texto-sec);
	margin:0;
	line-height:1.6;
}
.gtx-empty{ color:var(--gtx-texto-sec); }

/* ---------- Tarjetas completas (página Servicios) ---------- */
.gtx-svc-card{
	display:flex;
	flex-direction:column;
	gap:12px;
	background:#FFFFFF;
	border:1px solid var(--gtx-borde);
	border-radius:8px;
	padding:26px;
}
.gtx-svc-title{
	font-size:1.06rem;
	font-weight:600;
	margin:0;
	color:var(--gtx-texto);
}
.gtx-svc-text{
	font-family:'Work Sans',sans-serif;
	font-size:.84rem;
	color:#33352F;
	line-height:1.6;
	margin:2px 0 0;
}
.gtx-svc-label{
	font-family:'Work Sans',sans-serif;
	font-size:.69rem;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.04em;
	color:var(--gtx-verde-primario);
	margin:6px 0 0;
}

/* ---------- Formulario de consulta ---------- */
.gtx-consulta-wrap{ max-width:520px; margin:0 auto; }
.gtx-consulta-form-box{
	background:#FFFFFF;
	border:1px solid var(--gtx-borde);
	border-radius:10px;
	padding:36px;
	box-shadow:0 4px 24px rgba(18,32,25,.08);
}
.gtx-field-label{
	display:block;
	font-family:'Work Sans',sans-serif;
	font-size:.81rem;
	font-weight:600;
	color:var(--gtx-texto);
	margin:16px 0 8px;
}
.gtx-field-label:first-child{ margin-top:0; }
.gtx-field-input{
	width:100%;
	box-sizing:border-box;
	padding:13px 16px;
	border:1.5px solid #CFE3D8;
	border-radius:5px;
	font-family:'Work Sans',sans-serif;
	font-size:.95rem;
	color:var(--gtx-texto);
	background:#FFFFFF;
}
.gtx-field-input:focus{
	outline:none;
	border-color:var(--gtx-verde-acento);
	box-shadow:0 0 0 3px rgba(129,169,85,.15);
}
.gtx-btn-primary{
	background:var(--gtx-verde-boton);
	color:#FFFFFF;
	border:none;
	border-radius:4px;
	font-family:'Work Sans',sans-serif;
	font-weight:600;
	font-size:.95rem;
	padding:14px 28px;
	cursor:pointer;
	transition:background .15s ease;
}
.gtx-btn-primary:hover{ background:var(--gtx-verde-boton-hover); }
.gtx-btn-block{ width:100%; margin-top:20px; text-align:center; }
.gtx-consulta-nota{
	font-size:.78rem;
	color:var(--gtx-texto-sec);
	margin:14px 0 0;
	text-align:center;
}
.gtx-consulta-error{
	margin-top:20px;
	background:#FBEAE6;
	border:1px solid #E3B4A6;
	color:var(--gtx-pendiente);
	border-radius:10px;
	padding:16px 18px;
	font-size:.9rem;
}
.gtx-consulta-error a{ color:inherit; font-weight:600; }

/* ---------- Resultado de la consulta ---------- */
.gtx-resultado{
	margin-top:24px;
	background:#F3FAF6;
	border:1px solid var(--gtx-borde);
	border-radius:10px;
	padding:32px;
}
.gtx-resultado-top{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:16px;
	padding-bottom:20px;
	border-bottom:1px solid var(--gtx-borde);
}
.gtx-resultado-label{
	font-size:.75rem;
	text-transform:uppercase;
	letter-spacing:.04em;
	color:var(--gtx-texto-sec);
	margin-bottom:4px;
}
.gtx-resultado-radicado{
	font-size:1.25rem;
	font-weight:700;
	color:var(--gtx-texto);
}
.gtx-resultado-tipo{
	font-size:.88rem;
	color:var(--gtx-texto-sec);
	margin-top:4px;
}
.gtx-badge{
	display:inline-block;
	padding:6px 14px;
	border-radius:999px;
	font-size:.8rem;
	font-weight:600;
	color:#FFFFFF;
	white-space:nowrap;
}
.gtx-badge-en-proceso{ background:var(--gtx-estado-en-proceso); }
.gtx-badge-otro{ background:var(--gtx-estado-otro); }
/* Clases anteriores, dejadas por compatibilidad si algo externo las usa. */
.gtx-badge-completado{ background:var(--gtx-completado); }
.gtx-badge-en_proceso{ background:var(--gtx-proceso); }
.gtx-badge-pendiente_documentos{ background:var(--gtx-pendiente); }

.gtx-resultado-hist-title{
	font-size:.85rem;
	font-weight:600;
	color:var(--gtx-texto);
	margin:20px 0 14px;
}
.gtx-timeline{ display:flex; flex-direction:column; }
.gtx-timeline-row{ display:flex; gap:14px; }
.gtx-timeline-marker{
	display:flex;
	flex-direction:column;
	align-items:center;
	width:14px;
}
.gtx-timeline-dot{
	width:12px;height:12px;
	border-radius:50%;
	flex-shrink:0;
	margin-top:4px;
}
.gtx-dot-en-proceso{ background:var(--gtx-estado-en-proceso); }
.gtx-dot-otro{ background:var(--gtx-estado-otro); }
/* Clases anteriores, dejadas por compatibilidad si algo externo las usa. */
.gtx-dot-completado{ background:var(--gtx-completado); }
.gtx-dot-en_proceso{ background:var(--gtx-proceso); }
.gtx-dot-pendiente_documentos{ background:var(--gtx-pendiente); }
.gtx-timeline-line{
	flex:1;
	width:2px;
	background:var(--gtx-borde);
	margin:2px 0;
}
.gtx-timeline-content{ padding-bottom:20px; }
.gtx-timeline-evento{
	font-size:.9rem;
	color:var(--gtx-texto);
	font-weight:500;
}
.gtx-timeline-fecha{
	font-size:.8rem;
	color:var(--gtx-texto-sec);
	margin-top:2px;
}

.gtx-resultado-footer{
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-wrap:wrap;
	gap:8px;
	margin-top:20px;
	padding-top:16px;
	border-top:1px solid var(--gtx-borde);
	font-size:.82rem;
	color:var(--gtx-texto-sec);
}
.gtx-resultado-footer a{
	color:var(--gtx-verde-primario);
	font-weight:600;
	text-decoration:none;
}
.gtx-resultado-footer a:hover{ text-decoration:underline; }

/* ---------- Responsividad (celulares y tablets) ---------- */
@media (max-width:600px){
	.gtx-consulta-form-box{ padding:24px 20px; }
	.gtx-resultado{ padding:22px 18px; }
	.gtx-resultado-top{ flex-direction:column; align-items:flex-start; gap:12px; }
	.gtx-svc-card, .gtx-card{ padding:20px; }
}