/* ===== Orden de compra: PDF de la cotizacion, debajo de los detalles ===== */
.ordPdf{ width:100%; margin-top:14px; }

.ordPdfFrame{
	width:100%;
	height:720px;
	border:1px solid #cdd6df;
	border-radius:6px;
	background:#f6f8fa;
}

@media ( max-width: 1100px ){
	.ordPdfFrame{ height:520px; }
}

/* ===== Pestanas: Orden de Compra | Requerimiento | Cotizacion ===== */
.infoTabs{
	border:1px solid #d7dee6;
	border-radius:6px;
	overflow:hidden;
	margin:4px 0;
	background:#fff;
}

.infoTabsNav{
	display:flex;
	gap:2px;
	background:#eef2f6;
	border-bottom:1px solid #d7dee6;
}

.infoTab{
	appearance:none;
	border:0;
	background:transparent;
	padding:9px 18px;
	font-size:13px;
	font-weight:bold;
	color:#5c6773;
	cursor:pointer;
	border-bottom:3px solid transparent;
	transition:color .15s ease, border-color .15s ease, background .15s ease;
}

.infoTab:hover{ color:#2c5f6f; background:#e3eaf0; }

.infoTab.active{
	color:#2c5f6f;
	background:#fff;
	border-bottom-color:#8ac832;
}

.infoTabPane{ display:none; padding:10px 12px; }
.infoTabPane.active{ display:block; }

/* Info de solo lectura: dos pares por fila, etiqueta 20% / dato 25% */
.infoTable{
	width:100%;
	border-collapse:collapse;
	table-layout:fixed;
}

.infoTable th{
	width:20%;
	text-align:left;
	padding:5px 10px;
	font-size:12px;
	color:#5c6773;
	background:#f6f8fa;
	border:1px solid #e2e8ee;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

/* Etiqueta ( th ) y texto a la izquierda; numeros y fechas a la derecha */
.infoTable td{
	width:25%;
	padding:5px 10px;
	font-size:12px;
	color:#2b2b2b;
	border:1px solid #e2e8ee;
	text-align:left;
	word-wrap:break-word;
}

.infoTable td.infoNum{ text-align:right; }

/* Formulario editable dentro de la pestana Orden de Compra */
.ordForm{ width:100%; }
.ordForm td{ padding:4px 6px; vertical-align:middle; }

/* ===== Estados de la orden de compra ===== */
.ordEst1{ color:#977a22; }   /* Registrada */
.ordEst2{ color:#2f8a52; }   /* Autorizada */
.ordEst3{ color:#c0483f; }   /* Anulada    */